Add className element hook to children div wrapper

cee-chen · Jul 5, 2023 · 950749d · 950749d
1 parent 013b5b0
commit 950749d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/src/components/accordion/__snapshots__/accordion.test.tsx.snap b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`EuiAccordion behavior closes when clicked twice 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You can not see me.
@@ -99,7 +99,7 @@ exports[`EuiAccordion behavior does not open when isDisabled 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You cannot see me.
@@ -153,7 +153,7 @@ exports[`EuiAccordion behavior opens when clicked once 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You can see me.
@@ -207,7 +207,7 @@ exports[`EuiAccordion behavior opens when div is clicked if element is a div 1`]
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You can see me.
@@ -263,7 +263,7 @@ exports[`EuiAccordion is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -315,7 +315,7 @@ exports[`EuiAccordion isDisabled is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -350,7 +350,7 @@ exports[`EuiAccordion props arrowDisplay none is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -400,7 +400,7 @@ exports[`EuiAccordion props arrowDisplay right is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -452,7 +452,7 @@ exports[`EuiAccordion props arrowProps is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -506,7 +506,7 @@ exports[`EuiAccordion props buttonContent is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -556,7 +556,7 @@ exports[`EuiAccordion props buttonContentClassName is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -604,7 +604,7 @@ exports[`EuiAccordion props buttonElement is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -656,7 +656,7 @@ exports[`EuiAccordion props buttonProps is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -704,7 +704,7 @@ exports[`EuiAccordion props element is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -761,7 +761,7 @@ exports[`EuiAccordion props extraAction is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       />
     </div>
   </div>
@@ -811,7 +811,7 @@ exports[`EuiAccordion props forceState closed is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You can not see me
@@ -865,7 +865,7 @@ exports[`EuiAccordion props forceState open is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You can see me
@@ -919,7 +919,7 @@ exports[`EuiAccordion props initialIsOpen is rendered 1`] = `
   >
     <div>
       <div
-        class=" emotion-euiAccordion__children"
+        class="euiAccordion__children emotion-euiAccordion__children"
       >
         <p>
           You can see me.
@@ -982,7 +982,7 @@ exports[`EuiAccordion props isLoading is rendered 1`] = `
   >
     <div>
       <div
-        class="euiAccordion__children-isLoading emotion-euiAccordion__children-isLoading"
+        class="euiAccordion__children euiAccordion__children-isLoading emotion-euiAccordion__children-isLoading"
       />
     </div>
   </div>
@@ -1041,7 +1041,7 @@ exports[`EuiAccordion props isLoadingMessage is rendered 1`] = `
   >
     <div>
       <div
-        class="euiAccordion__children-isLoading emotion-euiAccordion__children-isLoading"
+        class="euiAccordion__children euiAccordion__children-isLoading emotion-euiAccordion__children-isLoading"
       >
         <span
           aria-label="Loading"

diff --git a/src/components/accordion/accordion.tsx b/src/components/accordion/accordion.tsx
@@ -234,7 +234,7 @@ export class EuiAccordionClass extends Component<
       className
     );
 
-    const childrenClasses = classNames({
+    const childrenClasses = classNames('euiAccordion__children', {
       'euiAccordion__children-isLoading': isLoading,
     });