npm - @zohodesk/components - Versions diffs - 1.6.22 → 1.6.23 - Mend

@zohodesk/components 1.6.22 → 1.6.23

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 (112) hide show

package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`ListItemWithCheckBox ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -39,7 +39,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -48,7 +48,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"
@@ -109,7 +109,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
 exports[`ListItemWithCheckBox ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -145,7 +145,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -154,7 +154,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"
@@ -215,7 +215,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with renderValueRightPlacehol
 exports[`ListItemWithCheckBox ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -251,7 +251,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue  text and
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -260,7 +260,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue  text and
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"
@@ -320,7 +320,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue  text and
 exports[`ListItemWithCheckBox ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -356,7 +356,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue  text and
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -365,7 +365,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue  text and
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"
@@ -425,7 +425,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue  text and
 exports[`ListItemWithCheckBox ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -461,7 +461,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -470,7 +470,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"
@@ -530,7 +530,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue 1`] = `
 exports[`ListItemWithCheckBox ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -566,7 +566,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -575,7 +575,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"
@@ -635,7 +635,7 @@ exports[`ListItemWithCheckBox ListItemWithCheckBox with secondaryValue text and
 exports[`ListItemWithCheckBox 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_ListItemWithCheckBox"
     data-selector-id="listItemWithCheckBox"
@@ -671,7 +671,7 @@ exports[`ListItemWithCheckBox rendering the defult props 1`] = `
             tabindex="-1"
           >
             <div
-              class="noShrink boxContainer  medium filled"
+              class="noShrink boxContainer medium filled"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -680,7 +680,7 @@ exports[`ListItemWithCheckBox rendering the defult props 1`] = `
                 type="hidden"
               />
               <label
-                class="checkbox pointer medium "
+                class="checkbox pointer medium"
               >
                 <svg
                   viewBox="0 0 40 40"

package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`ListItemWithIcon ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"
@@ -57,7 +57,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
 exports[`ListItemWithIcon ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"
@@ -111,7 +111,7 @@ exports[`ListItemWithIcon ListItemWithIcon with renderValueRightPlaceholderNode
 exports[`ListItemWithIcon ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"
@@ -164,7 +164,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue  text and LHS ali
 exports[`ListItemWithIcon ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"
@@ -217,7 +217,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue  text and LHS ali
 exports[`ListItemWithIcon ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"
@@ -270,7 +270,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue 1`] = `
 exports[`ListItemWithIcon ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"
@@ -323,7 +323,7 @@ exports[`ListItemWithIcon ListItemWithIcon with secondaryValue text and LHS alig
 exports[`ListItemWithIcon 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"
     data-selector-id="listItemWithIcon"

package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -32,7 +32,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -40,8 +40,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -109,7 +108,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
 exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -138,7 +137,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -146,8 +145,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -215,7 +213,7 @@ exports[`ListItemWithRadio ListItemWithRadio with renderValueRightPlaceholderNod
 exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -244,7 +242,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -252,8 +250,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -320,7 +317,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
 exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -349,7 +346,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -357,8 +354,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -425,7 +421,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue  text and LHS a
 exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -454,7 +450,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -462,8 +458,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -530,7 +525,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue 1`] = `
 exports[`ListItemWithRadio ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -559,7 +554,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -567,8 +562,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -635,7 +629,7 @@ exports[`ListItemWithRadio ListItemWithRadio with secondaryValue text and LHS al
 exports[`ListItemWithRadio 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="listItemWithRadioComp"
     data-selector-id="listItemWithRadio"
@@ -664,7 +658,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
             aria-checked="false"
             aria-hidden="true"
             aria-readonly="false"
-            class="inlineFlex row alignItems_center justifyContent_center container  pointer hoverEfffect"
+            class="inlineFlex row alignItems_center justifyContent_center container pointer hoverEfffect"
             data-id="RadioComp"
             data-selector-id="container"
             data-test-id="RadioComp"
@@ -672,8 +666,7 @@ exports[`ListItemWithRadio rendering the defult props 1`] = `
             tabindex="-1"
           >
             <div
-              class="noShrink radio
-            hoverprimary medium filled centerPathprimary"
+              class="noShrink radio hoverprimary medium filled centerPathprimary"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"

package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap CHANGED Viewed

@@ -3,13 +3,13 @@
 exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="wrapper  effect"
+    class="wrapper effect"
     data-id="multiSelect"
     data-selector-id="advancedGroupMultiSelect"
     data-test-id="multiSelect"
   >
     <div
-      class="flex fullSize row wrap alignItems_center container medium  hasBorder borderColor_default"
+      class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
@@ -21,11 +21,10 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
         data-test-id="boxComponent"
       >
         <span
-          class=" custmSpan custmSpanMedium
-              "
+          class="custmSpan custmSpanMedium"
         />
         <div
-          class="flex row varClass customContainer    effect     container  custmInputWrapper"
+          class="flex row varClass customContainer effect container custmInputWrapper"
           data-selector-id="textBoxIcon"
         >
           <div
@@ -41,7 +40,7 @@ exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
               aria-haspopup="true"
               aria-owns="1"
               autocomplete="off"
-              class="  container medium  default  effect  borderColor_default  "
+              class="container medium default effect borderColor_default"
               data-id="multiSelect_textBox"
               data-selector-id="textBoxIcon"
               data-test-id="multiSelect_textBox"

package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap CHANGED Viewed

@@ -3,13 +3,13 @@
 exports[`AdvancedMultiSelect rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="wrapper   effect "
+    class="wrapper effect"
     data-id="multiSelectComp"
     data-selector-id="advancedMultiSelect"
     data-test-id="multiSelectComp"
   >
     <div
-      class="flex fullSize row wrap alignItems_center container medium  hasBorder borderColor_default"
+      class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
@@ -21,11 +21,10 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
         data-test-id="multiSelectComp_textBox"
       >
         <span
-          class=" custmSpan custmSpanMedium
-              "
+          class="custmSpan custmSpanMedium"
         />
         <div
-          class="flex row varClass customContainer    effect     container  custmInputWrapper"
+          class="flex row varClass customContainer effect container custmInputWrapper"
           data-selector-id="textBoxIcon"
         >
           <div
@@ -41,7 +40,7 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
               aria-haspopup="true"
               aria-owns="1"
               autocomplete="off"
-              class="  container medium  default  effect  borderColor_default  "
+              class="container medium default effect borderColor_default"
               data-id="textBoxIcon"
               data-selector-id="textBoxIcon"
               data-test-id="textBoxIcon"
@@ -74,13 +73,13 @@ exports[`AdvancedMultiSelect rendering the defult props 1`] = `
 exports[`AdvancedMultiSelect rendering the options array with objects and string 1`] = `
 <DocumentFragment>
   <div
-    class="wrapper   effect "
+    class="wrapper effect"
     data-id="multiSelectComp"
     data-selector-id="advancedMultiSelect"
     data-test-id="multiSelectComp"
   >
     <div
-      class="flex fullSize row wrap alignItems_center container medium  hasBorder borderColor_default"
+      class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
@@ -92,11 +91,10 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
         data-test-id="multiSelectComp_textBox"
       >
         <span
-          class=" custmSpan custmSpanMedium
-              "
+          class="custmSpan custmSpanMedium"
         />
         <div
-          class="flex row varClass customContainer    effect     container  custmInputWrapper"
+          class="flex row varClass customContainer effect container custmInputWrapper"
           data-selector-id="textBoxIcon"
         >
           <div
@@ -112,7 +110,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
               aria-haspopup="true"
               aria-owns="1"
               autocomplete="off"
-              class="  container medium  default  effect  borderColor_default  "
+              class="container medium default effect borderColor_default"
               data-id="textBoxIcon"
               data-selector-id="textBoxIcon"
               data-test-id="textBoxIcon"
@@ -200,7 +198,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
                     <li
                       aria-label="Apple"
                       aria-selected="false"
-                      class="flex row alignItems_center list medium  default defaultHover  mediumwithTick  withBorder"
+                      class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
                       data-a11y-inset-focus="true"
                       data-a11y-list-active="true"
                       data-id="Apple"
@@ -236,7 +234,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
                     <li
                       aria-label="Orange"
                       aria-selected="false"
-                      class="flex row alignItems_center list medium  default   mediumwithTick  withBorder"
+                      class="flex row alignItems_center list medium default mediumwithTick withBorder"
                       data-a11y-inset-focus="true"
                       data-a11y-list-active="false"
                       data-id="Orange"
@@ -272,7 +270,7 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
                     <li
                       aria-label="string test"
                       aria-selected="false"
-                      class="flex row alignItems_center list medium  default   mediumwithTick  withBorder"
+                      class="flex row alignItems_center list medium default mediumwithTick withBorder"
                       data-a11y-inset-focus="true"
                       data-a11y-list-active="false"
                       data-id="string test"
@@ -320,13 +318,13 @@ exports[`AdvancedMultiSelect rendering the options array with objects and string
 exports[`AdvancedMultiSelect rendering the options array with only objects using allowValueFallback 1`] = `
 <DocumentFragment>
   <div
-    class="wrapper   effect "
+    class="wrapper effect"
     data-id="multiSelectComp"
     data-selector-id="advancedMultiSelect"
     data-test-id="multiSelectComp"
   >
     <div
-      class="flex fullSize row wrap alignItems_center container medium  hasBorder borderColor_default"
+      class="flex fullSize row wrap alignItems_center container medium hasBorder borderColor_default"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
@@ -338,11 +336,10 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
         data-test-id="multiSelectComp_textBox"
       >
         <span
-          class=" custmSpan custmSpanMedium
-              "
+          class="custmSpan custmSpanMedium"
         />
         <div
-          class="flex row varClass customContainer    effect     container  custmInputWrapper"
+          class="flex row varClass customContainer effect container custmInputWrapper"
           data-selector-id="textBoxIcon"
         >
           <div
@@ -358,7 +355,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
               aria-haspopup="true"
               aria-owns="1"
               autocomplete="off"
-              class="  container medium  default  effect  borderColor_default  "
+              class="container medium default effect borderColor_default"
               data-id="textBoxIcon"
               data-selector-id="textBoxIcon"
               data-test-id="textBoxIcon"
@@ -446,7 +443,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
                     <li
                       aria-label="Apple"
                       aria-selected="false"
-                      class="flex row alignItems_center list medium  default defaultHover  mediumwithTick  withBorder"
+                      class="flex row alignItems_center list medium default defaultHover mediumwithTick withBorder"
                       data-a11y-inset-focus="true"
                       data-a11y-list-active="true"
                       data-id="Apple"
@@ -482,7 +479,7 @@ exports[`AdvancedMultiSelect rendering the options array with only objects using
                     <li
                       aria-label="Orange"
                       aria-selected="false"
-                      class="flex row alignItems_center list medium  default   mediumwithTick  withBorder"
+                      class="flex row alignItems_center list medium default mediumwithTick withBorder"
                       data-a11y-inset-focus="true"
                       data-a11y-list-active="false"
                       data-id="Orange"

package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`EmptyState rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class=" default"
+    class="default"
     data-id="empty_noOptnsMsg"
     data-test-id="empty_noOptnsMsg"
     role="alert"