fix(with-without): remove accordion/markup coupling, style for no meta-stage=INITIAL

Author: glassdimly

packages/components/bolt-with-without/js/accordion.js

@@ -16,14 +16,13 @@ const handleBlockTitleMobileAccordionClick = async e => {
   const targetIsTitle = e.target.classList.contains('c-pega-wwo__block-title');
   const targetIsToggler = targetIsIcon || targetIsTitle;
   const isMobile = window.matchMedia(mediaQuery).matches;
-
+  
   if (!targetIsToggler || !isMobile) {
     return;
   }
 
-  // @TODO remove tight coupling between markup structure and this.
-  const parentBlock =
-    e.target.parentElement.parentElement.parentElement.parentElement;
+  // @TODO `closest()` may not be polyfilled/transpiled on IE.
+  const parentBlock = e.target.closest('.c-pega-wwo__block');
   const targetIsExpanded = parentBlock.classList.contains(expandedClass);
   if (targetIsExpanded) {
     parentBlock.classList.remove(expandedClass);

packages/components/bolt-with-without/with-without.scss

@@ -772,7 +772,7 @@ bolt-animate {
           display: block;
           overflow: hidden;
 
-          &[meta-stage="INITIAL"] {
+          &:not([meta-stage]) {
             max-height: 0;
           }
 
@@ -781,9 +781,6 @@ bolt-animate {
             overflow: visible;
           }
         }
-
-        &.c-pega-wwo__block-expanded .c-pega-wwo__block-contents {
-        }
       }
     }
     &-result {