npm - @zohodesk/dot - Versions diffs - 1.9.16 → 1.9.17 - Mend

@zohodesk/dot 1.9.16 → 1.9.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (358) hide show

package/es/MessageBanner/__tests__/__snapshots__/MessageBanner.spec.js.snap CHANGED Viewed

@@ -3,25 +3,25 @@
 exports[`MessageBanner rendering the customClass props 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default customMessage flex rowdir"
+    class="flex row type_primary palette_default customMessage"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -38,25 +38,25 @@ exports[`MessageBanner rendering the customClass props 1`] = `
 exports[`MessageBanner rendering the default props 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -73,37 +73,37 @@ exports[`MessageBanner rendering the default props 1`] = `
 exports[`MessageBanner rendering the href props along with urlText props 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         />
         <div
-          class="shrinkOff"
+          class="noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <a
-            class="container  link"
+            class="container link"
             data-id="MessageBanner_link"
             data-test-id="MessageBanner_link"
             href="https://www.zoho.com/"
@@ -122,25 +122,25 @@ exports[`MessageBanner rendering the href props along with urlText props 1`] = `
 exports[`MessageBanner rendering the onClose props via mock function 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -151,20 +151,20 @@ exports[`MessageBanner rendering the onClose props via mock function 1`] = `
       </div>
     </div>
     <div
-      class="close shrinkOff"
+      class="noShrink close"
       data-id="MessageBanner_close"
       data-selector-id="box"
       data-test-id="MessageBanner_close"
     >
       <div
-        class="flex cover coldir both"
+        class="flex fullSize column alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-close-e    "
+          class="zd_font_icons basic icon-close-e"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -179,25 +179,25 @@ exports[`MessageBanner rendering the onClose props via mock function 1`] = `
 exports[`MessageBanner rendering the palette of - blue 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_blue  flex rowdir"
+    class="flex row type_primary palette_blue"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -214,25 +214,25 @@ exports[`MessageBanner rendering the palette of - blue 1`] = `
 exports[`MessageBanner rendering the palette of - default 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -249,25 +249,25 @@ exports[`MessageBanner rendering the palette of - default 1`] = `
 exports[`MessageBanner rendering the palette of - white 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_white  flex rowdir"
+    class="flex row type_primary palette_white"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -284,25 +284,25 @@ exports[`MessageBanner rendering the palette of - white 1`] = `
 exports[`MessageBanner rendering the type of - primary 1`] = `
 <DocumentFragment>
   <div
-    class="type_primary palette_default  flex rowdir"
+    class="flex row type_primary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -319,25 +319,25 @@ exports[`MessageBanner rendering the type of - primary 1`] = `
 exports[`MessageBanner rendering the type of - secondary 1`] = `
 <DocumentFragment>
   <div
-    class="type_secondary palette_default  flex rowdir"
+    class="flex row type_secondary palette_default"
     data-id="MessageBanner"
     data-selector-id="messageBanner"
     data-test-id="MessageBanner"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="flex cover rowdir both"
+        class="flex fullSize row alignItems_center justifyContent_center"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="message basisAuto shrinkOn"
+          class="basis_auto shrink message"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"

package/es/NewStar/__tests__/__snapshots__/NewStar.spec.js.snap CHANGED Viewed

@@ -3,14 +3,14 @@
 exports[`NewStar rendering the customClass props 1`] = `
 <DocumentFragment>
   <div
-    class="star topRight customStar flex rowdir"
+    class="flex row star topRight customStar"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      class="zd_font_icons basic icon-snippet_star starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -18,7 +18,7 @@ exports[`NewStar rendering the customClass props 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      class="zd_font_icons basic icon-snippet_star starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -26,7 +26,7 @@ exports[`NewStar rendering the customClass props 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      class="zd_font_icons basic icon-snippet_star starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -39,14 +39,14 @@ exports[`NewStar rendering the customClass props 1`] = `
 exports[`NewStar rendering the default props 1`] = `
 <DocumentFragment>
   <div
-    class="star topRight  flex rowdir"
+    class="flex row star topRight"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      class="zd_font_icons basic icon-snippet_star starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -54,7 +54,7 @@ exports[`NewStar rendering the default props 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      class="zd_font_icons basic icon-snippet_star starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -62,7 +62,7 @@ exports[`NewStar rendering the default props 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      class="zd_font_icons basic icon-snippet_star starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -75,14 +75,14 @@ exports[`NewStar rendering the default props 1`] = `
 exports[`NewStar rendering the palette of - blue 1`] = `
 <DocumentFragment>
   <div
-    class="star topRight  flex rowdir"
+    class="flex row star topRight"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  blue starOne  "
+      class="zd_font_icons basic icon-snippet_star blue starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -90,7 +90,7 @@ exports[`NewStar rendering the palette of - blue 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  blue starTwo  "
+      class="zd_font_icons basic icon-snippet_star blue starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -98,7 +98,7 @@ exports[`NewStar rendering the palette of - blue 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  blue starThree  "
+      class="zd_font_icons basic icon-snippet_star blue starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -111,14 +111,14 @@ exports[`NewStar rendering the palette of - blue 1`] = `
 exports[`NewStar rendering the palette of - green 1`] = `
 <DocumentFragment>
   <div
-    class="star topRight  flex rowdir"
+    class="flex row star topRight"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  green starOne  "
+      class="zd_font_icons basic icon-snippet_star green starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -126,7 +126,7 @@ exports[`NewStar rendering the palette of - green 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  green starTwo  "
+      class="zd_font_icons basic icon-snippet_star green starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -134,7 +134,7 @@ exports[`NewStar rendering the palette of - green 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  green starThree  "
+      class="zd_font_icons basic icon-snippet_star green starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -147,14 +147,14 @@ exports[`NewStar rendering the palette of - green 1`] = `
 exports[`NewStar rendering the palette of - yellow 1`] = `
 <DocumentFragment>
   <div
-    class="star topRight  flex rowdir"
+    class="flex row star topRight"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  yellow starOne  "
+      class="zd_font_icons basic icon-snippet_star yellow starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -162,7 +162,7 @@ exports[`NewStar rendering the palette of - yellow 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  yellow starTwo  "
+      class="zd_font_icons basic icon-snippet_star yellow starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -170,7 +170,7 @@ exports[`NewStar rendering the palette of - yellow 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  yellow starThree  "
+      class="zd_font_icons basic icon-snippet_star yellow starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -183,14 +183,14 @@ exports[`NewStar rendering the palette of - yellow 1`] = `
 exports[`NewStar rendering the position of - bottomLeft 1`] = `
 <DocumentFragment>
   <div
-    class="star bottomLeft  flex rowdir"
+    class="flex row star bottomLeft"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      class="zd_font_icons basic icon-snippet_star starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -198,7 +198,7 @@ exports[`NewStar rendering the position of - bottomLeft 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      class="zd_font_icons basic icon-snippet_star starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -206,7 +206,7 @@ exports[`NewStar rendering the position of - bottomLeft 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      class="zd_font_icons basic icon-snippet_star starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -219,14 +219,14 @@ exports[`NewStar rendering the position of - bottomLeft 1`] = `
 exports[`NewStar rendering the position of - bottomRight 1`] = `
 <DocumentFragment>
   <div
-    class="star bottomRight  flex rowdir"
+    class="flex row star bottomRight"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      class="zd_font_icons basic icon-snippet_star starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -234,7 +234,7 @@ exports[`NewStar rendering the position of - bottomRight 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      class="zd_font_icons basic icon-snippet_star starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -242,7 +242,7 @@ exports[`NewStar rendering the position of - bottomRight 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      class="zd_font_icons basic icon-snippet_star starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -255,14 +255,14 @@ exports[`NewStar rendering the position of - bottomRight 1`] = `
 exports[`NewStar rendering the position of - topLeft 1`] = `
 <DocumentFragment>
   <div
-    class="star topLeft  flex rowdir"
+    class="flex row star topLeft"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      class="zd_font_icons basic icon-snippet_star starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -270,7 +270,7 @@ exports[`NewStar rendering the position of - topLeft 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      class="zd_font_icons basic icon-snippet_star starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -278,7 +278,7 @@ exports[`NewStar rendering the position of - topLeft 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      class="zd_font_icons basic icon-snippet_star starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -291,14 +291,14 @@ exports[`NewStar rendering the position of - topLeft 1`] = `
 exports[`NewStar rendering the position of - topRight 1`] = `
 <DocumentFragment>
   <div
-    class="star topRight  flex rowdir"
+    class="flex row star topRight"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starOne  "
+      class="zd_font_icons basic icon-snippet_star starOne"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -306,7 +306,7 @@ exports[`NewStar rendering the position of - topRight 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starTwo  "
+      class="zd_font_icons basic icon-snippet_star starTwo"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -314,7 +314,7 @@ exports[`NewStar rendering the position of - topRight 1`] = `
     />
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-snippet_star  undefined starThree  "
+      class="zd_font_icons basic icon-snippet_star starThree"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/es/Onboarding/CarouselDots/CarouselDot/__tests__/__snapshots__/CarouselDot.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`CarouselDot rendering of isActive 1`] = `
 <DocumentFragment>
   <div
-    class="bullet  bulletActive"
+    class="bullet bulletActive"
     data-id="carouselDot"
     data-test-id="carouselDot"
   />
@@ -23,7 +23,7 @@ exports[`CarouselDot rendering of isAnimationPaused 1`] = `
 exports[`CarouselDot rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="bullet  bulletNormal"
+    class="bullet bulletNormal"
     data-id="carouselDot"
     data-test-id="carouselDot"
   />
@@ -33,7 +33,7 @@ exports[`CarouselDot rendering the defult props 1`] = `
 exports[`CarouselDot rendering with customId 1`] = `
 <DocumentFragment>
   <div
-    class="bullet  bulletNormal"
+    class="bullet bulletNormal"
     data-id="radar"
     data-test-id="carouselDot"
   />
@@ -43,7 +43,7 @@ exports[`CarouselDot rendering with customId 1`] = `
 exports[`CarouselDot rendering with testId 1`] = `
 <DocumentFragment>
   <div
-    class="bullet  bulletNormal"
+    class="bullet bulletNormal"
     data-id="carouselDot"
     data-test-id="radar_test"
   />

package/es/Onboarding/CarouselDots/__tests__/__snapshots__/CarouselDots.spec.js.snap CHANGED Viewed

@@ -8,12 +8,12 @@ exports[`CarouselDots rendering of slider data 1`] = `
     data-test-id="carouselDots"
   >
     <div
-      class="bullet  bulletActive"
+      class="bullet bulletActive"
       data-id="carouselDots_0"
       data-test-id="carouselDots_0"
     />
     <div
-      class="bullet  bulletNormal"
+      class="bullet bulletNormal"
       data-id="carouselDots_1"
       data-test-id="carouselDots_1"
     />
@@ -29,12 +29,12 @@ exports[`CarouselDots rendering prop of currentSliderIndex 1`] = `
     data-test-id="carouselDots"
   >
     <div
-      class="bullet  bulletNormal"
+      class="bullet bulletNormal"
       data-id="carouselDots_0"
       data-test-id="carouselDots_0"
     />
     <div
-      class="bullet  bulletActive"
+      class="bullet bulletActive"
       data-id="carouselDots_1"
       data-test-id="carouselDots_1"
     />