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/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap CHANGED Viewed

@@ -5,12 +5,12 @@ exports[`DateTime rendering the defult props 1`] = `<DocumentFragment />`;
 exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1`] = `
 <DocumentFragment>
   <div
-    class="dropBox "
+    class="dropBox"
     data-id="dateTime_dateBoxContainer"
     data-test-id="dateTime_dateBoxContainer"
   >
     <div
-      class="container "
+      class="container"
       data-id="dateTime_Calendar"
       data-test-id="dateTime_Calendar"
     >
@@ -27,7 +27,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
           data-test-id="selectYear"
         >
           <h2
-            class="reset  thMonYear"
+            class="reset thMonYear"
             data-title="July 2023"
             tabindex="0"
           >
@@ -36,7 +36,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
           <span>
             <i
               aria-hidden="true"
-              class="zd_font_icons basic icon-dropdown  downArrow  "
+              class="zd_font_icons basic icon-dropdown downArrow"
               data-id="fontIcon"
               data-selector-id="fontIcon"
               data-test-id="fontIcon"
@@ -61,7 +61,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
         >
           <i
             aria-hidden="true"
-            class="zd_font_icons basic icon-arrow-left3 fbold   rtl "
+            class="zd_font_icons rtl basic icon-arrow-left3 fbold"
             data-id="fontIcon"
             data-selector-id="fontIcon"
             data-test-id="fontIcon"
@@ -78,7 +78,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
         >
           <i
             aria-hidden="true"
-            class="zd_font_icons basic icon-arrow-right3 fbold   rtl "
+            class="zd_font_icons rtl basic icon-arrow-right3 fbold"
             data-id="fontIcon"
             data-selector-id="fontIcon"
             data-test-id="fontIcon"
@@ -512,7 +512,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             </div>
             <div
               aria-label="29"
-              class="noShrink datesStr grid active"
+              class="noShrink active datesStr grid"
               data-id="dateTime_dateSelected"
               data-selector-id="box"
               data-test-id="dateTime_dateSelected"
@@ -546,7 +546,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             </div>
             <div
               aria-label="1"
-              class="noShrink datesStr grid  invalidDate"
+              class="noShrink invalidDate datesStr grid"
               data-id="dateTime_invalidDate"
               data-selector-id="box"
               data-test-id="dateTime_invalidDate"
@@ -555,7 +555,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             </div>
             <div
               aria-label="2"
-              class="noShrink datesStr grid  invalidDate"
+              class="noShrink invalidDate datesStr grid"
               data-id="dateTime_invalidDate"
               data-selector-id="box"
               data-test-id="dateTime_invalidDate"
@@ -564,7 +564,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             </div>
             <div
               aria-label="3"
-              class="noShrink datesStr grid  invalidDate"
+              class="noShrink invalidDate datesStr grid"
               data-id="dateTime_invalidDate"
               data-selector-id="box"
               data-test-id="dateTime_invalidDate"
@@ -573,7 +573,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             </div>
             <div
               aria-label="4"
-              class="noShrink datesStr grid  invalidDate"
+              class="noShrink invalidDate datesStr grid"
               data-id="dateTime_invalidDate"
               data-selector-id="box"
               data-test-id="dateTime_invalidDate"
@@ -582,7 +582,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             </div>
             <div
               aria-label="5"
-              class="noShrink datesStr grid  invalidDate"
+              class="noShrink invalidDate datesStr grid"
               data-id="dateTime_invalidDate"
               data-selector-id="box"
               data-test-id="dateTime_invalidDate"
@@ -609,7 +609,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             data-test-id="boxComponent"
           >
             <div
-              class="container box_small   "
+              class="container box_small"
               data-selector-id="select"
             >
               <div
@@ -618,7 +618,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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
@@ -636,7 +636,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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"
@@ -682,7 +682,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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"
@@ -704,7 +704,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             data-test-id="boxComponent"
           >
             <div
-              class="container box_small   "
+              class="container box_small"
               data-selector-id="select"
             >
               <div
@@ -713,7 +713,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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
@@ -731,7 +731,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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"
@@ -777,7 +777,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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"
@@ -799,7 +799,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 1
             data-test-id="boxComponent"
           >
             <div
-              class="container box_small   "
+              class="container box_small"
               data-selector-id="select"
             >
               <div
@@ -808,7 +808,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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
@@ -826,7 +826,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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"
@@ -872,7 +872,7 @@ exports[`DateTime rendering the isActive is true and isDefaultPosition is true 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/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap CHANGED Viewed

@@ -15,13 +15,13 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
       data-test-id="selectYear"
     >
       <h2
-        class="reset  thMonYear"
+        class="reset thMonYear"
         tabindex="0"
       />
       <span>
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-dropdown  downArrow  "
+          class="zd_font_icons basic icon-dropdown downArrow"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"
@@ -45,7 +45,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-arrow-left3 fbold   rtl "
+        class="zd_font_icons rtl basic icon-arrow-left3 fbold"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"
@@ -61,7 +61,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
     >
       <i
         aria-hidden="true"
-        class="zd_font_icons basic icon-arrow-right3 fbold   rtl "
+        class="zd_font_icons rtl basic icon-arrow-right3 fbold"
         data-id="fontIcon"
         data-selector-id="fontIcon"
         data-test-id="fontIcon"

package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap CHANGED Viewed

@@ -6,12 +6,12 @@ exports[`DateWidget rendering the defult props 1`] = `
     class="container"
   >
     <div
-      class=" textBox  enabled"
+      class="textBox enabled"
       data-id="dateWidget_widget"
       data-test-id="dateWidget_widget"
     >
       <div
-        class="flex row varClass customContainer   border_bottom effect borderColor_default hasBorder    container placeHolder"
+        class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
         data-selector-id="textBoxIcon"
       >
         <div
@@ -22,7 +22,7 @@ exports[`DateWidget rendering the defult props 1`] = `
         >
           <input
             autocomplete="off"
-            class=" pointer container medium  default  effect  borderColor_default  "
+            class="pointer container medium default effect borderColor_default"
             data-id="dateWidget"
             data-selector-id="textBoxIcon"
             data-test-id="dateWidget"
@@ -57,7 +57,7 @@ exports[`DateWidget rendering the defult props 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-Datepicker    "
+                  class="zd_font_icons basic icon-Datepicker"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"

package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap CHANGED Viewed

@@ -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/lib/DropBox/DropBoxElement/css/cssJSLogic.js CHANGED Viewed

@@ -55,8 +55,8 @@ function cssJSLogic(_ref) {
       customMobileDropBoxWrap = _customClass$customMo2 === void 0 ? '' : _customClass$customMo2;
   var animationValue = animationStyle === 'default' ? 'fadeInScale' : animationStyle; // const {needBoxStyle,boxstyle} = useDropboxPosCalc(props)
-  var boxClassName = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.main, true), _defineProperty(_compileClassNames, style.hidden, !isActive), _defineProperty(_compileClassNames, style.responsive, !!isModel), _defineProperty(_compileClassNames, customMobileDropBoxWrap, !!isModel), _defineProperty(_compileClassNames, customDropBoxWrap, !isModel), _defineProperty(_compileClassNames, style.container, isAbsolute && !isModel), _defineProperty(_compileClassNames, style[boxPosition], isAbsolute && !isModel), _defineProperty(_compileClassNames, style.fixedContainer, !isAbsolute && !isModel), _defineProperty(_compileClassNames, style[size], size && !isModel), _defineProperty(_compileClassNames, style.boxDirection, !isModel && isActive && isArrow), _defineProperty(_compileClassNames, style.arrow, !isModel && isActive && isArrow && isAbsolute), _defineProperty(_compileClassNames, style.paddingSpace, !isModel && isActive && !isArrow && isPadding), _compileClassNames));
-  var subContainerClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.subContainer, true), _defineProperty(_compileClassNames2, customMobileDropBox, !!isModel), _defineProperty(_compileClassNames2, style.mobRadius, !!isModel), _defineProperty(_compileClassNames2, style.slideUp, !!isModel && isActive), _defineProperty(_compileClassNames2, customDropBox, !isModel), _defineProperty(_compileClassNames2, style.shadow, !isModel), _defineProperty(_compileClassNames2, style.boxPadding, !isModel && isBoxPaddingNeed), _defineProperty(_compileClassNames2, style.radius, !isModel && isRadius), _defineProperty(_compileClassNames2, style[animationValue], !isModel && isAnimate && !isReducedMotion && isActive && !!animationStyle), _compileClassNames2));
+  var boxClassName = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, style.main, true), _defineProperty(_compileClassNames, style.hidden, !isActive), _defineProperty(_compileClassNames, style.responsive, !!isModel), _defineProperty(_compileClassNames, style.container, isAbsolute && !isModel), _defineProperty(_compileClassNames, style[boxPosition], isAbsolute && !isModel), _defineProperty(_compileClassNames, style.fixedContainer, !isAbsolute && !isModel), _defineProperty(_compileClassNames, style[size], size && !isModel), _defineProperty(_compileClassNames, style.boxDirection, !isModel && isActive && isArrow), _defineProperty(_compileClassNames, style.arrow, !isModel && isActive && isArrow && isAbsolute), _defineProperty(_compileClassNames, style.paddingSpace, !isModel && isActive && !isArrow && isPadding), _defineProperty(_compileClassNames, customMobileDropBoxWrap, !!isModel), _defineProperty(_compileClassNames, customDropBoxWrap, !isModel), _compileClassNames));
+  var subContainerClass = (0, _utils.compileClassNames)((_compileClassNames2 = {}, _defineProperty(_compileClassNames2, style.subContainer, true), _defineProperty(_compileClassNames2, style.mobRadius, !!isModel), _defineProperty(_compileClassNames2, style.slideUp, !!isModel && isActive), _defineProperty(_compileClassNames2, style.shadow, !isModel), _defineProperty(_compileClassNames2, style.boxPadding, !isModel && isBoxPaddingNeed), _defineProperty(_compileClassNames2, style.radius, !isModel && isRadius), _defineProperty(_compileClassNames2, style[animationValue], !isModel && isAnimate && !isReducedMotion && isActive && !!animationStyle), _defineProperty(_compileClassNames2, customMobileDropBox, !!isModel), _defineProperty(_compileClassNames2, customDropBox, !isModel), _compileClassNames2));
   var inlineStyle = !isModel ? isAbsolute ? needBoxStyle && boxstyle : positionsOffset && positionsOffset[boxPosition] || {} : {};
   if (zIndexStyle) {

package/lib/DropDown/DropDownItem.js CHANGED Viewed

@@ -101,7 +101,7 @@ var DropDownItem = /*#__PURE__*/function (_React$Component) {
           _this$props4$customCl = _this$props4.customClass,
           customClass = _this$props4$customCl === void 0 ? '' : _this$props4$customCl;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_DropDownItemModule["default"].list, " ").concat(customClass, " ").concat(active ? _DropDownItemModule["default"].listActive : hightlight ? _DropDownItemModule["default"].listHover : '', " ").concat(children && children[1] ? _DropDownItemModule["default"].padding : ''),
+        className: "".concat(_DropDownItemModule["default"].list, "  ").concat(active ? _DropDownItemModule["default"].listActive : hightlight ? _DropDownItemModule["default"].listHover : '', " ").concat(children && children[1] ? _DropDownItemModule["default"].padding : '', " ").concat(customClass),
         onClick: this.onClick,
         onMouseOver: this.onHover,
         ref: this.getRef,

package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap CHANGED Viewed

@@ -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/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap CHANGED Viewed

@@ -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/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap CHANGED Viewed

@@ -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/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap CHANGED Viewed

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

package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap CHANGED Viewed

@@ -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/lib/Label/Label.js CHANGED Viewed

@@ -82,7 +82,7 @@ var Label = /*#__PURE__*/function (_React$Component) {
       var tabIndex = a11y.tabIndex;
       var labelElement = /*#__PURE__*/_react["default"].createElement("label", {
-        className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n          ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass, " "),
+        className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n          ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass),
         htmlFor: htmlFor,
         "data-title": title,
         "data-id": dataId,