more

pinterest · Nov 29, 2024 · 4f4e05b · 4f4e05b
1 parent 864e294
commit 4f4e05b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/packages/gestalt/src/Divider.tsx b/packages/gestalt/src/Divider.tsx
@@ -1,3 +1,4 @@
+import classnames from 'classnames';
 import styles from './Divider.css';
 import useInExperiment from './useInExperiment';
 
@@ -17,7 +18,10 @@ export default function Divider({}: Record<any, any>) {
 
   return (
     <hr
-      className={(styles.divider, isInVRExperiment ? styles.VRborderColor : styles.borderColor)}
+      className={classnames(
+        styles.divider,
+        isInVRExperiment ? styles.VRborderColor : styles.borderColor,
+      )}
     />
   );
 }

diff --git a/packages/gestalt/src/__snapshots__/AccordionExpandable.test.tsx.snap b/packages/gestalt/src/__snapshots__/AccordionExpandable.test.tsx.snap
@@ -122,7 +122,7 @@ exports[`Module Expandable renders correctly with multiple items 1`] = `
     </div>
   </div>
   <hr
-    className="divider"
+    className="divider borderColor"
   />
   <div
     className="box paddingX600 paddingY600"
@@ -242,7 +242,7 @@ exports[`Module Expandable renders correctly with multiple items 1`] = `
     </div>
   </div>
   <hr
-    className="divider"
+    className="divider borderColor"
   />
   <div
     className="box paddingX600 paddingY600"
@@ -644,7 +644,7 @@ exports[`renders correctly with multiple items with expandedId 1`] = `
     </div>
   </div>
   <hr
-    className="divider"
+    className="divider borderColor"
   />
   <div
     className="box paddingX600 paddingY600"
@@ -764,7 +764,7 @@ exports[`renders correctly with multiple items with expandedId 1`] = `
     </div>
   </div>
   <hr
-    className="divider"
+    className="divider borderColor"
   />
   <div
     className="box paddingX600 paddingY600"

diff --git a/packages/gestalt/src/__snapshots__/Divider.test.tsx.snap b/packages/gestalt/src/__snapshots__/Divider.test.tsx.snap
@@ -2,6 +2,6 @@
 
 exports[`Divider renders 1`] = `
 <hr
-  className="divider"
+  className="divider borderColor"
 />
 `;
diff --git a/packages/gestalt/src/__snapshots__/SideNavigation.test.tsx.snap b/packages/gestalt/src/__snapshots__/SideNavigation.test.tsx.snap
@@ -81,7 +81,7 @@ exports[`SideNavigation renders Header + Footer 1`] = `
                   className="FlexItem"
                 >
                   <hr
-                    className="divider"
+                    className="divider borderColor"
                   />
                 </div>
               </div>
@@ -160,7 +160,7 @@ exports[`SideNavigation renders Header + Footer 1`] = `
                   className="FlexItem"
                 >
                   <hr
-                    className="divider"
+                    className="divider borderColor"
                   />
                 </div>
                 <div