npm - @zohodesk/components - Versions diffs - 1.6.21 → 1.6.22-exp-1 - Mend

@zohodesk/components 1.6.21 → 1.6.22-exp-1

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

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

@@ -4,7 +4,7 @@ exports[`Switch rendering the CustomClass 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container SwtichCustomSwitchWrap effect"
+    class="inlineFlex row alignItems_center container effect SwtichCustomSwitchWrap"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -17,7 +17,7 @@ exports[`Switch rendering the CustomClass 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
@@ -29,8 +29,7 @@ exports[`Switch rendering the CustomClass 1`] = `
       />
     </div>
     <label
-      class="label subtitle medium primary font_default
-           pointer SwtichCustomLabel "
+      class="label subtitle medium primary font_default pointer SwtichCustomLabel"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -46,7 +45,7 @@ exports[`Switch rendering the CustomProps 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-switch="true"
@@ -60,20 +59,19 @@ exports[`Switch rendering the CustomProps 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium primary font_default
-           pointer  "
+      class="label subtitle medium primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -90,7 +88,7 @@ exports[`Switch rendering the ID 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -103,20 +101,19 @@ exports[`Switch rendering the ID 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium primary font_default
-           pointer  "
+      class="label subtitle medium primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -132,7 +129,7 @@ exports[`Switch rendering the Name 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -145,14 +142,14 @@ exports[`Switch rendering the Name 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         name="LabelName"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
@@ -165,7 +162,7 @@ exports[`Switch rendering the Title 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -179,13 +176,13 @@ exports[`Switch rendering the Title 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
@@ -198,7 +195,7 @@ exports[`Switch rendering the Value 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -211,13 +208,13 @@ exports[`Switch rendering the Value 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value="true"
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
@@ -230,7 +227,7 @@ exports[`Switch rendering the checked 1`] = `
 <DocumentFragment>
   <div
     aria-checked="true"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -250,7 +247,7 @@ exports[`Switch rendering the checked 1`] = `
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
@@ -263,7 +260,7 @@ exports[`Switch rendering the dataId 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -276,13 +273,13 @@ exports[`Switch rendering the dataId 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         data-id="data-Switch"
         data-test-id="data-Switch"
         for="SwitchID"
@@ -297,7 +294,7 @@ exports[`Switch rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -310,12 +307,12 @@ exports[`Switch rendering the defult props 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         tabindex="0"
       />
     </div>
@@ -327,7 +324,7 @@ exports[`Switch rendering the disabled and disableTitle 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  disabled"
+    class="inlineFlex row alignItems_center container disabled"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -341,14 +338,14 @@ exports[`Switch rendering the disabled and disableTitle 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         disabled=""
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="-1"
       />
@@ -361,7 +358,7 @@ exports[`Switch rendering the isReadOnly 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  readonly"
+    class="inlineFlex row alignItems_center container readonly"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -374,13 +371,13 @@ exports[`Switch rendering the isReadOnly 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         readonly=""
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         tabindex="-1"
       />
     </div>
@@ -392,7 +389,7 @@ exports[`Switch rendering the labelSize of- danger 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -405,20 +402,19 @@ exports[`Switch rendering the labelSize of- danger 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium danger font_default
-           pointer  "
+      class="label subtitle medium danger font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -434,7 +430,7 @@ exports[`Switch rendering the labelSize of- default 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -447,20 +443,19 @@ exports[`Switch rendering the labelSize of- default 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium default font_default
-           pointer  "
+      class="label subtitle medium default font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -476,7 +471,7 @@ exports[`Switch rendering the labelSize of- large 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -489,20 +484,19 @@ exports[`Switch rendering the labelSize of- large 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle large primary font_default
-           pointer  "
+      class="label subtitle large primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -518,7 +512,7 @@ exports[`Switch rendering the labelSize of- mandatory 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -531,20 +525,19 @@ exports[`Switch rendering the labelSize of- mandatory 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium mandatory font_default
-           pointer  "
+      class="label subtitle medium mandatory font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -560,7 +553,7 @@ exports[`Switch rendering the labelSize of- medium 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -573,20 +566,19 @@ exports[`Switch rendering the labelSize of- medium 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium primary font_default
-           pointer  "
+      class="label subtitle medium primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -602,7 +594,7 @@ exports[`Switch rendering the labelSize of- primary 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -615,20 +607,19 @@ exports[`Switch rendering the labelSize of- primary 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium primary font_default
-           pointer  "
+      class="label subtitle medium primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -644,7 +635,7 @@ exports[`Switch rendering the labelSize of- secondary 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -657,20 +648,19 @@ exports[`Switch rendering the labelSize of- secondary 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium secondary font_default
-           pointer  "
+      class="label subtitle medium secondary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -686,7 +676,7 @@ exports[`Switch rendering the labelSize of- small 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -699,20 +689,19 @@ exports[`Switch rendering the labelSize of- small 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle small primary font_default
-           pointer  "
+      class="label subtitle small primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"
@@ -728,7 +717,7 @@ exports[`Switch rendering the size of- medium 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -741,13 +730,13 @@ exports[`Switch rendering the size of- medium 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
@@ -760,7 +749,7 @@ exports[`Switch rendering the size of- small 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -773,13 +762,13 @@ exports[`Switch rendering the size of- small 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_smallLabel "
+        class="label switch_smallLabel"
         for="SwitchID"
         tabindex="0"
       />
@@ -792,7 +781,7 @@ exports[`Switch rendering the text 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container  effect"
+    class="inlineFlex row alignItems_center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -805,20 +794,19 @@ exports[`Switch rendering the text 1`] = `
       data-test-id="boxComponent"
     >
       <input
-        class="input "
+        class="input"
         id="SwitchID"
         type="checkbox"
         value=""
       />
       <label
-        class="label switch_mediumLabel "
+        class="label switch_mediumLabel"
         for="SwitchID"
         tabindex="0"
       />
     </div>
     <label
-      class="label subtitle medium primary font_default
-           pointer  "
+      class="label subtitle medium primary font_default pointer"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"

package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap CHANGED Viewed

@@ -48,7 +48,7 @@ exports[`TabWrapper rendering the align prop of - horizontal 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-menu    rtl "
+                  class="zd_font_icons rtl basic icon-menu"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -133,7 +133,7 @@ exports[`TabWrapper rendering the align prop of - horizontal-reverse 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-menu    rtl "
+                  class="zd_font_icons rtl basic icon-menu"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -218,7 +218,7 @@ exports[`TabWrapper rendering the align prop of - vertical 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-menu    rtl "
+                  class="zd_font_icons rtl basic icon-menu"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -303,7 +303,7 @@ exports[`TabWrapper rendering the align prop of - vertical-reverse 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-menu    rtl "
+                  class="zd_font_icons rtl basic icon-menu"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"

package/es/Tag/Tag.js CHANGED Viewed

@@ -138,8 +138,7 @@ export default class Tag extends PureComponent {
       id: getAriaId
     }, text), onRemove && /*#__PURE__*/React.createElement(Button, {
       customClass: `${style.close} ${active ? style[`active${closePalette}Close`] : ''}
-            ${rounded ? style.lgRadiusClose : style.smRadiusClose} ${isDarkPalette ? style.darkTagClose : ''}
-            ${customTagClose} ${style[`close${closePalette}`]}`,
+            ${rounded ? style.lgRadiusClose : style.smRadiusClose} ${isDarkPalette ? style.darkTagClose : ''} ${style[`close${closePalette}`]} ${customTagClose}`,
       dataId: `${dataId}_RemoveTag`,
       title: closeTitle,
       onClick: this.handleRemove,