@zohodesk/components 1.6.22 → 1.6.23

package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap

@@ -18,7 +18,7 @@ exports[`Time rendering the defult props 1`] = `
       data-test-id="boxComponent"
     >
       <div
-        class="container box_small   "
+        class="container box_small"
         data-selector-id="select"
       >
         <div
@@ -27,7 +27,7 @@ exports[`Time rendering the defult props 1`] = `
           data-test-id="hourField"
         >
           <div
-            class="flex row varClass customContainer   border_bottom effect borderColor_default hasBorder    container  input"
+            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
@@ -44,7 +44,7 @@ exports[`Time rendering the defult props 1`] = `
                 aria-owns="1"
                 aria-readonly="true"
                 autocomplete="off"
-                class=" pointer container xmedium  primary  effect  borderColor_default inputDotted "
+                class="pointer container xmedium primary effect borderColor_default inputDotted"
                 data-id="hourField_textBox"
                 data-selector-id="textBoxIcon"
                 data-test-id="hourField_textBox"
@@ -89,7 +89,7 @@ exports[`Time rendering the defult props 1`] = `
                     >
                       <i
                         aria-hidden="true"
-                        class="zd_font_icons  basic icon-down   "
+                        class="zd_font_icons basic icon-down"
                         data-id="fontIcon"
                         data-selector-id="fontIcon"
                         data-test-id="fontIcon"
@@ -111,7 +111,7 @@ exports[`Time rendering the defult props 1`] = `
       data-test-id="boxComponent"
     >
       <div
-        class="container box_small   "
+        class="container box_small"
         data-selector-id="select"
       >
         <div
@@ -120,7 +120,7 @@ exports[`Time rendering the defult props 1`] = `
           data-test-id="minuteField"
         >
           <div
-            class="flex row varClass customContainer   border_bottom effect borderColor_default hasBorder    container  input"
+            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
@@ -137,7 +137,7 @@ exports[`Time rendering the defult props 1`] = `
                 aria-owns="3"
                 aria-readonly="true"
                 autocomplete="off"
-                class=" pointer container xmedium  primary  effect  borderColor_default inputDotted "
+                class="pointer container xmedium primary effect borderColor_default inputDotted"
                 data-id="minuteField_textBox"
                 data-selector-id="textBoxIcon"
                 data-test-id="minuteField_textBox"
@@ -182,7 +182,7 @@ exports[`Time rendering the defult props 1`] = `
                     >
                       <i
                         aria-hidden="true"
-                        class="zd_font_icons  basic icon-down   "
+                        class="zd_font_icons basic icon-down"
                         data-id="fontIcon"
                         data-selector-id="fontIcon"
                         data-test-id="fontIcon"
@@ -204,7 +204,7 @@ exports[`Time rendering the defult props 1`] = `
       data-test-id="boxComponent"
     >
       <div
-        class="container box_small   "
+        class="container box_small"
         data-selector-id="select"
       >
         <div
@@ -213,7 +213,7 @@ exports[`Time rendering the defult props 1`] = `
           data-test-id="ampmField"
         >
           <div
-            class="flex row varClass customContainer   border_bottom effect borderColor_default hasBorder    container  input"
+            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
@@ -230,7 +230,7 @@ exports[`Time rendering the defult props 1`] = `
                 aria-owns="5"
                 aria-readonly="true"
                 autocomplete="off"
-                class=" pointer container xmedium  primary  effect  borderColor_default inputDotted "
+                class="pointer container xmedium primary effect borderColor_default inputDotted"
                 data-id="ampmField_textBox"
                 data-selector-id="textBoxIcon"
                 data-test-id="ampmField_textBox"
@@ -275,7 +275,7 @@ exports[`Time rendering the defult props 1`] = `
                     >
                       <i
                         aria-hidden="true"
-                        class="zd_font_icons  basic icon-down   "
+                        class="zd_font_icons basic icon-down"
                         data-id="fontIcon"
                         data-selector-id="fontIcon"
                         data-test-id="fontIcon"

package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`DropDownHeading rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="light "
+    class="light"
     data-id="DropDownHeading"
     data-selector-id="dropdownHeading"
     data-test-id="DropDownHeading"

package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`DropDownItem rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="list    "
+    class="list"
     data-id="dropDwnItemContainer"
     data-test-id="dropDwnItemContainer"
   />

package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap

@@ -3,12 +3,12 @@
 exports[`DropDownSearch rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="search mediumSearch "
+    class="search mediumSearch"
     data-id="DropDownSearch"
     data-test-id="DropDownSearch"
   >
     <input
-      class="  container medium  default border effect  borderColor_default  "
+      class="container medium default border effect borderColor_default"
       data-id="textBox"
       data-selector-id="textBox"
       data-test-id="textBox"

package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`DropDownSeparator rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="separator "
+    class="separator"
   />
 </DocumentFragment>
 `;

package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Heading Should render whiteSpace of Heading - break-spaces 1`] = `
 <DocumentFragment>
   <h1
-    class="reset whiteSpace_breakSpaces "
+    class="reset whiteSpace_breakSpaces"
     data-title-wrap="break-spaces"
   />
 </DocumentFragment>
@@ -12,7 +12,7 @@ exports[`Heading Should render whiteSpace of Heading - break-spaces 1`] = `
 exports[`Heading Should render whiteSpace of Heading - normal 1`] = `
 <DocumentFragment>
   <h1
-    class="reset whiteSpace_normal "
+    class="reset whiteSpace_normal"
     data-title-wrap="normal"
   />
 </DocumentFragment>
@@ -21,7 +21,7 @@ exports[`Heading Should render whiteSpace of Heading - normal 1`] = `
 exports[`Heading Should render whiteSpace of Heading - nowrap 1`] = `
 <DocumentFragment>
   <h1
-    class="reset whiteSpace_nowrap "
+    class="reset whiteSpace_nowrap"
     data-title-wrap="nowrap"
   />
 </DocumentFragment>
@@ -30,7 +30,7 @@ exports[`Heading Should render whiteSpace of Heading - nowrap 1`] = `
 exports[`Heading Should render whiteSpace of Heading - pre 1`] = `
 <DocumentFragment>
   <h1
-    class="reset whiteSpace_pre "
+    class="reset whiteSpace_pre"
     data-title-wrap="pre"
   />
 </DocumentFragment>
@@ -39,7 +39,7 @@ exports[`Heading Should render whiteSpace of Heading - pre 1`] = `
 exports[`Heading Should render whiteSpace of Heading - pre-line 1`] = `
 <DocumentFragment>
   <h1
-    class="reset whiteSpace_preLine "
+    class="reset whiteSpace_preLine"
     data-title-wrap="pre-line"
   />
 </DocumentFragment>
@@ -48,7 +48,7 @@ exports[`Heading Should render whiteSpace of Heading - pre-line 1`] = `
 exports[`Heading Should render whiteSpace of Heading - pre-wrap 1`] = `
 <DocumentFragment>
   <h1
-    class="reset whiteSpace_preWrap "
+    class="reset whiteSpace_preWrap"
     data-title-wrap="pre-wrap"
   />
 </DocumentFragment>
@@ -57,7 +57,7 @@ exports[`Heading Should render whiteSpace of Heading - pre-wrap 1`] = `
 exports[`Heading rendering the defult props 1`] = `
 <DocumentFragment>
   <h1
-    class="reset  "
+    class="reset"
   />
 </DocumentFragment>
 `;

package/es/Label/__tests__/__snapshots__/Label.spec.js.snap

@@ -3,8 +3,7 @@
 exports[`Label rendering the Id 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -18,8 +17,7 @@ exports[`Label rendering the Id 1`] = `
 exports[`Label rendering the clipped is true 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-          dotted cursor "
+    class="label title medium default font_default dotted cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -32,8 +30,7 @@ exports[`Label rendering the clipped is true 1`] = `
 exports[`Label rendering the customClass 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor LabelCustomClass"
+    class="label title medium default font_default cursor LabelCustomClass"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -46,8 +43,7 @@ exports[`Label rendering the customClass 1`] = `
 exports[`Label rendering the defult props 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -60,8 +56,7 @@ exports[`Label rendering the defult props 1`] = `
 exports[`Label rendering the htmlFor 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -75,8 +70,7 @@ exports[`Label rendering the htmlFor 1`] = `
 exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           pointer "
+    class="label title medium default font_default pointer"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -89,8 +83,7 @@ exports[`Label rendering the onClick prop with asFragment and toMatchSnapshot 1`
 exports[`Label rendering the palette of- danger 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium danger font_default
-           cursor "
+    class="label title medium danger font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -103,8 +96,7 @@ exports[`Label rendering the palette of- danger 1`] = `
 exports[`Label rendering the palette of- dark 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium dark font_default
-           cursor "
+    class="label title medium dark font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -117,8 +109,7 @@ exports[`Label rendering the palette of- dark 1`] = `
 exports[`Label rendering the palette of- default 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -131,8 +122,7 @@ exports[`Label rendering the palette of- default 1`] = `
 exports[`Label rendering the palette of- disable 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium disable font_default
-           cursor "
+    class="label title medium disable font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -145,8 +135,7 @@ exports[`Label rendering the palette of- disable 1`] = `
 exports[`Label rendering the palette of- mandatory 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium mandatory font_default
-           cursor "
+    class="label title medium mandatory font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -159,8 +148,7 @@ exports[`Label rendering the palette of- mandatory 1`] = `
 exports[`Label rendering the palette of- primary 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium primary font_default
-           cursor "
+    class="label title medium primary font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -173,8 +161,7 @@ exports[`Label rendering the palette of- primary 1`] = `
 exports[`Label rendering the palette of- secondary 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium secondary font_default
-           cursor "
+    class="label title medium secondary font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -187,8 +174,7 @@ exports[`Label rendering the palette of- secondary 1`] = `
 exports[`Label rendering the size of- large 1`] = `
 <DocumentFragment>
   <label
-    class="label title large default font_default
-           cursor "
+    class="label title large default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -201,8 +187,7 @@ exports[`Label rendering the size of- large 1`] = `
 exports[`Label rendering the size of- medium 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -215,8 +200,7 @@ exports[`Label rendering the size of- medium 1`] = `
 exports[`Label rendering the size of- small 1`] = `
 <DocumentFragment>
   <label
-    class="label title small default font_default
-           cursor "
+    class="label title small default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -229,8 +213,7 @@ exports[`Label rendering the size of- small 1`] = `
 exports[`Label rendering the size of- xsmall 1`] = `
 <DocumentFragment>
   <label
-    class="label title xsmall default font_default
-           cursor "
+    class="label title xsmall default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -243,8 +226,7 @@ exports[`Label rendering the size of- xsmall 1`] = `
 exports[`Label rendering the title 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -258,8 +240,7 @@ exports[`Label rendering the title 1`] = `
 exports[`Label rendering the type of- subtitle 1`] = `
 <DocumentFragment>
   <label
-    class="label subtitle medium default font_default
-           cursor "
+    class="label subtitle medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -272,8 +253,7 @@ exports[`Label rendering the type of- subtitle 1`] = `
 exports[`Label rendering the type of- title 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -286,8 +266,7 @@ exports[`Label rendering the type of- title 1`] = `
 exports[`Label rendering the variant of- default 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_default
-           cursor "
+    class="label title medium default font_default cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -300,8 +279,7 @@ exports[`Label rendering the variant of- default 1`] = `
 exports[`Label rendering the variant of- primary 1`] = `
 <DocumentFragment>
   <label
-    class="label title medium default font_primary
-           cursor "
+    class="label title medium default font_primary cursor"
     data-id="label"
     data-selector-id="label"
     data-test-id="label"
@@ -320,8 +298,7 @@ exports[`Label rendering with customProps - containerProps & rightPlaceholderNod
     style="gap: 6px;"
   >
     <label
-      class="label title large danger font_default
-           cursor "
+      class="label title large danger font_default cursor"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -353,8 +330,7 @@ exports[`Label rendering with renderRightPlaceholderNode 1`] = `
     data-test-id="flex"
   >
     <label
-      class="label title medium default font_default
-           cursor "
+      class="label title medium default font_default cursor"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"

package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`ListContainer ListContainer with Align Base Line 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_baseline list medium  default     withBorder"
+    class="flex row alignItems_baseline list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="containerComponent"
     data-selector-id="listContainer"
@@ -16,7 +16,7 @@ exports[`ListContainer ListContainer with Align Base Line 1`] = `
 exports[`ListContainer rendering the defult props 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="containerComponent"
     data-selector-id="listContainer"

package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`ListItem ListItem with renderValueRightPlaceholderNode & it's custom class 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="listItem"
     data-selector-id="listItem"
@@ -42,7 +42,7 @@ exports[`ListItem ListItem with renderValueRightPlaceholderNode & it's custom cl
 exports[`ListItem ListItem with renderValueRightPlaceholderNode 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="listItem"
     data-selector-id="listItem"
@@ -81,7 +81,7 @@ exports[`ListItem ListItem with renderValueRightPlaceholderNode 1`] = `
 exports[`ListItem Should render with renderBeforeChildren 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="listItem"
     data-selector-id="listItem"
@@ -128,7 +128,7 @@ exports[`ListItem Should render with renderBeforeChildren 1`] = `
 exports[`ListItem rendering the defult props 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="listItem"
     data-selector-id="listItem"

package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode & it's custom class 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"
@@ -57,7 +57,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
 exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderNode 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"
@@ -111,7 +111,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with renderValueRightPlaceholderN
 exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue  text and LHS align center 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"
@@ -164,7 +164,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue  text and LHS
 exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue  text and LHS align end 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"
@@ -217,7 +217,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue  text and LHS
 exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"
@@ -270,7 +270,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue 1`] = `
 exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS align start 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"
@@ -323,7 +323,7 @@ exports[`ListItemWithAvatar ListItemWithAvatar with secondaryValue text and LHS
 exports[`ListItemWithAvatar rendering the defult props 1`] = `
 <DocumentFragment>
   <li
-    class="flex row alignItems_center list medium  default     withBorder"
+    class="flex row alignItems_center list medium default withBorder"
     data-a11y-inset-focus="true"
     data-id="List_ListItemWithAvatar"
     data-selector-id="listItemWithAvatar"