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

@zohodesk/dot 1.9.16 → 1.9.17

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

Files changed (358) hide show

package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap CHANGED Viewed

@@ -3,14 +3,14 @@
 exports[`SelectField rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container "
+    class="container"
     data-selector-id="selectField"
   >
     <div
-      class="fieldContainer  "
+      class="fieldContainer"
     >
       <div
-        class="container box_medium   "
+        class="container box_medium"
         data-selector-id="select"
       >
         <div
@@ -19,11 +19,11 @@ exports[`SelectField rendering the defult props 1`] = `
           data-test-id="selectComponent"
         >
           <div
-            class="varClass customContainer   border_bottom effect borderColor_default hasBorder    container input  flex rowdir"
+            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
-              class="grow basis shrinkOff"
+              class="flexible basis_zero noShrink"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -37,7 +37,7 @@ exports[`SelectField rendering the defult props 1`] = `
                 aria-owns="2"
                 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="selectComponent_textBox"
                 data-selector-id="textBoxIcon"
                 data-test-id="selectComponent_textBox"
@@ -51,39 +51,39 @@ exports[`SelectField rendering the defult props 1`] = `
               />
             </div>
             <div
-              class="iconContainer  shrinkOff"
+              class="noShrink iconContainer"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex cover rowdir"
+                class="flex fullSize row"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
                 <div
-                  class="icon  shrinkOff"
+                  class="noShrink icon"
                   data-id="boxComponent"
                   data-selector-id="box"
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="rightPlaceholder inflex rowdir both"
+                    class="inlineFlex row alignItems_center justifyContent_center rightPlaceholder"
                     data-id="containerComponent"
                     data-selector-id="container"
                     data-test-id="containerComponent"
                   >
                     <div
                       aria-hidden="true"
-                      class="arrowIcon flex cover coldir both"
+                      class="flex fullSize column alignItems_center justifyContent_center arrowIcon"
                       data-id="selectComponent_downIcon"
                       data-selector-id="container"
                       data-test-id="selectComponent_downIcon"
                     >
                       <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/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap CHANGED Viewed

@@ -3,20 +3,19 @@
 exports[`TagsMultiSelect rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  hasBorder
-              borderColor_default  "
+    class="container hasBorder borderColor_default"
     data-id="_tagsContainer"
     data-selector-id="tagsMultiSelectField"
     data-test-id="_tagsContainer"
   >
     <div
-      class="tagDiv  flex rowdir wrap vCenter scrolly"
+      class="flex row wrap alignItems_center scroll_vertical tagDiv"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
     >
       <div
-        class="inputWrapper grow basisAuto shrinkOn"
+        class="flexible basis_auto shrink inputWrapper"
         data-id="boxComponent"
         data-selector-id="box"
         data-test-id="boxComponent"
@@ -25,17 +24,17 @@ exports[`TagsMultiSelect rendering the defult props 1`] = `
           class="custmSpan"
         />
         <div
-          class="varClass customContainer    effect     container custmInp  flex rowdir"
+          class="flex row varClass customContainer effect container custmInp"
           data-selector-id="textBoxIcon"
         >
           <div
-            class="grow basis shrinkOff"
+            class="flexible basis_zero noShrink"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <input
-              class="  container xsmall  default  effect  borderColor_default  input"
+              class="container xsmall default effect borderColor_default input"
               data-id="_tagInp"
               data-selector-id="textBoxIcon"
               data-test-id="_tagInp"
@@ -46,13 +45,13 @@ exports[`TagsMultiSelect rendering the defult props 1`] = `
             />
           </div>
           <div
-            class="iconContainer  shrinkOff"
+            class="noShrink iconContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <div
-              class="flex cover rowdir"
+              class="flex fullSize row"
               data-id="containerComponent"
               data-selector-id="container"
               data-test-id="containerComponent"

package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap CHANGED Viewed

@@ -9,20 +9,19 @@ exports[`TagsMultiSelectField rendering the defult props 1`] = `
     tabindex="0"
   >
     <div
-      class="container  hasBorder
-              borderColor_default  "
+      class="container hasBorder borderColor_default"
       data-id="_tagsContainer"
       data-selector-id="tagsMultiSelectField"
       data-test-id="_tagsContainer"
     >
       <div
-        class="tagDiv  flex rowdir wrap vCenter scrolly"
+        class="flex row wrap alignItems_center scroll_vertical tagDiv"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="inputWrapper grow basisAuto shrinkOn"
+          class="flexible basis_auto shrink inputWrapper"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -31,17 +30,17 @@ exports[`TagsMultiSelectField rendering the defult props 1`] = `
             class="custmSpan"
           />
           <div
-            class="varClass customContainer    effect     container custmInp  flex rowdir"
+            class="flex row varClass customContainer effect container custmInp"
             data-selector-id="textBoxIcon"
           >
             <div
-              class="grow basis shrinkOff"
+              class="flexible basis_zero noShrink"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <input
-                class="  container xsmall  default  effect  borderColor_default  input"
+                class="container xsmall default effect borderColor_default input"
                 data-id="_tagInp"
                 data-selector-id="textBoxIcon"
                 data-test-id="_tagInp"
@@ -52,13 +51,13 @@ exports[`TagsMultiSelectField rendering the defult props 1`] = `
               />
             </div>
             <div
-              class="iconContainer  shrinkOff"
+              class="noShrink iconContainer"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex cover rowdir"
+                class="flex fullSize row"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"

package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap CHANGED Viewed

@@ -3,24 +3,24 @@
 exports[`TextBoxField rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container "
+    class="container"
     data-selector-id="textBoxField"
   >
     <div
-      class="fieldContainer "
+      class="fieldContainer"
     >
       <div
-        class="varClass customContainer   border_bottom effect borderColor_default hasBorder    container   flex rowdir"
+        class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container"
         data-selector-id="textBoxIcon"
       >
         <div
-          class="grow basis shrinkOff"
+          class="flexible basis_zero noShrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <input
-            class="  container xmedium  primary  effect  borderColor_default  "
+            class="container xmedium primary effect borderColor_default"
             data-id="textBoxIcon"
             data-selector-id="textBoxIcon"
             data-test-id="textBoxIcon"
@@ -31,13 +31,13 @@ exports[`TextBoxField rendering the defult props 1`] = `
           />
         </div>
         <div
-          class="iconContainer  shrinkOff"
+          class="noShrink iconContainer"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <div
-            class="flex cover rowdir"
+            class="flex fullSize row"
             data-id="containerComponent"
             data-selector-id="container"
             data-test-id="containerComponent"

package/lib/form/fields/TextEditor/__tests__/__snapshots__/TextEditor.spec.js.snap CHANGED Viewed

@@ -3,15 +3,14 @@
 exports[`TextEditor rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="textEditor large borderTop
-        light   editorHide  flex cover coldir"
+    class="flex fullSize column textEditor large borderTop light editorHide"
     data-id="containerComponent"
     data-iseditor="true"
     data-selector-id="textEditor"
     data-test-id="containerComponent"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"

package/lib/form/fields/TextEditorField/__tests__/__snapshots__/TextEditorField.spec.js.snap CHANGED Viewed

@@ -3,18 +3,18 @@
 exports[`TextEditorField rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="textEditorField"
   >
     <div
-      class="fieldContainer "
+      class="fieldContainer"
     >
       <div
         class="container"
         data-selector-id="textEditorWrapper"
       >
         <textarea
-          class="textBox  container xsmall  defaultWidth primary needBorder noresize     effect  borderColor_default"
+          class="container xsmall defaultWidth primary needBorder noresize effect borderColor_default textBox"
           data-id="TextareaComp"
           data-selector-id="textarea"
           data-test-id="TextareaComp"

package/lib/form/fields/TextEditorWrapper/__tests__/__snapshots__/TextEditorWrapper.spec.js.snap CHANGED Viewed

@@ -7,7 +7,7 @@ exports[`TextEditorWrapper rendering the defult props 1`] = `
     data-selector-id="textEditorWrapper"
   >
     <textarea
-      class="textBox  container small  defaultWidth primary needBorder noresize  smallanimated   effect  borderColor_default"
+      class="container small defaultWidth primary needBorder noresize smallanimated effect borderColor_default textBox"
       data-id="TextareaComp"
       data-selector-id="textarea"
       data-test-id="TextareaComp"

package/lib/form/fields/TextareaField/__tests__/__snapshots__/TextareaField.spec.js.snap CHANGED Viewed

@@ -3,14 +3,14 @@
 exports[`TextareaField rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container "
+    class="container"
     data-selector-id="textareaField"
   >
     <div
-      class="fieldContainer "
+      class="fieldContainer"
     >
       <textarea
-        class="  container xsmall  defaultWidth primary needBorder resizeY  xsmallanimated   effect  borderColor_default"
+        class="container xsmall defaultWidth primary needBorder resizeY xsmallanimated effect borderColor_default"
         data-id="property(undefined)"
         data-selector-id="textarea"
         data-test-id="property(undefined)"

package/lib/form/fields/ValidationMessage/__tests__/__snapshots__/ValidationMessage.spec.js.snap CHANGED Viewed

@@ -3,15 +3,14 @@
 exports[`ValidationMessage rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="primary "
+    class="primary"
     data-id="errorMsgContainer"
     data-selector-id="validationMessage"
     data-test-id="errorMsgContainer"
     role="alert"
   >
     <label
-      class="label title xsmall mandatory font_default
-           cursor lable  "
+      class="label title xsmall mandatory font_default cursor lable"
       data-id="label"
       data-selector-id="label"
       data-test-id="label"

package/lib/form/layout/Field/Field.js CHANGED Viewed

@@ -64,11 +64,11 @@ var Field = /*#__PURE__*/function (_Component) {
           containerClass = _this$props.containerClass,
           dataId = _this$props.dataId;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(containerClass ? containerClass : '', " ").concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width], " ")),
+        className: "".concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width], " "), " ").concat(containerClass ? containerClass : ''),
         "data-id": dataId,
         "data-test-id": dataId
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(className ? className : '', " ", "fieldWidth_".concat(width))
+        className: "".concat("fieldWidth_".concat(width), " ", className ? className : '')
       }, children)), rowBreak && /*#__PURE__*/_react["default"].createElement("div", {
         className: _FieldModule["default"].rowBreak
       }));

package/lib/form/layout/Field/__tests__/__snapshots__/Field.spec.js.snap CHANGED Viewed

@@ -3,10 +3,10 @@
 exports[`Field rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class=" half "
+    class="half"
   >
     <div
-      class=" fieldWidth_half"
+      class="fieldWidth_half"
     />
   </div>
 </DocumentFragment>

package/lib/form/layout/Section/Section.js CHANGED Viewed

@@ -68,7 +68,7 @@ var Section = /*#__PURE__*/function (_Component) {
       }, title && /*#__PURE__*/_react["default"].createElement("div", {
         className: titleClass ? titleClass : ''
       }, title), /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(className ? className : '', " ").concat(column == 'single' ? _ModuleFormSectionModule["default"].singleColumn : ''),
+        className: " ".concat(column == 'single' ? _ModuleFormSectionModule["default"].singleColumn : '', " ").concat(className ? className : ''),
         "data-id": formName && formName,
         "data-test-id": formName && formName
       }, this.props.children));

package/lib/form/layout/Section/__tests__/__snapshots__/Section.spec.js.snap CHANGED Viewed

@@ -6,7 +6,7 @@ exports[`Section rendering the defult props 1`] = `
     class=""
   >
     <div
-      class=" "
+      class=""
     />
   </div>
 </DocumentFragment>

package/lib/layout/SetupDetailLayout/SetupDetailLayout.js CHANGED Viewed

@@ -260,7 +260,7 @@ var SetupContent = /*#__PURE__*/function (_Component2) {
       return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         scroll: "vertical",
-        className: "".concat(className ? className : '', " ").concat(_SetupDetailLayoutModule["default"].content, " ").concat(needPadding ? _SetupDetailLayoutModule["default"].padding : '', " "),
+        className: "".concat(_SetupDetailLayoutModule["default"].content, " ").concat(needPadding ? _SetupDetailLayoutModule["default"].padding : '', " ").concat(className ? className : ''),
         isScrollAttribute: true,
         dataId: dataId
       }, children);

package/lib/layout/SetupDetailLayout/__tests__/__snapshots__/SetupDetailLayout.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`SetupDetailLayout rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex cover coldir"
+    class="flex fullSize column"
     data-id="SetupDetailLayout"
     data-scroll="true"
     data-selector-id="container"

package/lib/layout/SubtabLayout/SubtabLayout.js CHANGED Viewed

@@ -79,7 +79,7 @@ var SubtabHeader = /*#__PURE__*/function (_React$Component) {
         customClass: "".concat(_SubtabLayoutModule["default"].tabHead, " ").concat(needShadow ? _SubtabLayoutModule["default"].shadowStyle : '', " ").concat(needBorder ? "".concat(_SubtabLayoutModule["default"][type], "_borderStyle") : '')
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
-        className: " ".concat(className, " ").concat(isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peek") : _SubtabLayoutModule["default"][type]),
+        className: "".concat(isPeekView ? "".concat(_SubtabLayoutModule["default"][type], "_peek") : _SubtabLayoutModule["default"][type], " ").concat(className),
         align: "vertical"
       }, onAdd || children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_SubtabLayoutModule["default"].left, " ").concat(needPlusIconLine ? _SubtabLayoutModule["default"].plusIconLine : '')

package/lib/layout/SubtabLayout/__tests__/__snapshots__/SubtabLayout.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`SubtabLayout rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex cover coldir"
+    class="flex fullSize column"
     data-id="subTabLayout"
     data-scroll="true"
     data-selector-id="container"

package/lib/list/AvatarFlip/__tests__/__snapshots__/AvatarFlip.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`AvatarFlip rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="xmedium  flip"
+    class="xmedium flip"
     data-id="tic-list-filp-cont"
     data-test-id="tic-list-filp-cont"
   >
@@ -13,15 +13,14 @@ exports[`AvatarFlip rendering the defult props 1`] = `
       data-test-id="tic-list-filp"
     >
       <div
-        class="front  flex cover coldir both"
+        class="flex fullSize column alignItems_center justifyContent_center front"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
           aria-checked="false"
-          class="container pointer primary
-           inflex rowdir vCenter"
+          class="inlineFlex row alignItems_center container pointer primary"
           data-id="listViewCheckBox_undefined"
           data-selector-id="checkbox_undefined"
           data-test-id="listViewCheckBox_undefined"
@@ -29,7 +28,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
           tabindex="0"
         >
           <div
-            class="boxContainer  medium  filled  shrinkOff"
+            class="noShrink boxContainer medium filled"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -39,7 +38,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
               type="hidden"
             />
             <label
-              class="checkbox pointer medium "
+              class="checkbox pointer medium"
             >
               <svg
                 viewBox="0 0 40 40"
@@ -60,7 +59,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
         </div>
       </div>
       <div
-        class="back flex cover coldir both"
+        class="flex fullSize column alignItems_center justifyContent_center back"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -70,7 +69,7 @@ exports[`AvatarFlip rendering the defult props 1`] = `
           data-selector-id="avatarUser"
         >
           <div
-            class="avatar xmedium xmedium circle primary black border   "
+            class="avatar xmedium xmedium circle primary black border"
             data-id="Avatar"
             data-selector-id="avatar"
             data-test-id="Avatar"

package/lib/list/BluePrintStatus/__tests__/__snapshots__/BluePrintStatus.spec.js.snap CHANGED Viewed

@@ -7,7 +7,7 @@ exports[`BluePrintStatus rendering the defult props 1`] = `
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-blueprint  iconStyle  "
+      class="zd_font_icons basic icon-blueprint iconStyle"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/Comment/Comment.js CHANGED Viewed

@@ -65,7 +65,7 @@ var Comment = /*#__PURE__*/function (_Component) {
           className = _this$props.className,
           title = _this$props.title;
       return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        customClass: "".concat(_CommentModule["default"].container, " ").concat(className, " "),
+        customClass: "".concat(_CommentModule["default"].container, " ").concat(className),
         onClick: onClick,
         dataId: "commentLstContainer",
         title: title,

package/lib/list/Comment/__tests__/__snapshots__/Comment.spec.js.snap CHANGED Viewed

@@ -4,7 +4,7 @@ exports[`Comment rendering the defult props 1`] = `
 <DocumentFragment>
   <button
     aria-label=""
-    class="buttonReset container  "
+    class="buttonReset container"
     data-id="commentLstContainer"
     data-test-id="commentLstContainer"
     data-title=""
@@ -13,7 +13,7 @@ exports[`Comment rendering the defult props 1`] = `
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-commentLine  commentIcon  "
+      class="zd_font_icons basic icon-commentLine commentIcon"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/DepartmentDropDown/__tests__/__snapshots__/DepartmentDropDown.spec.js.snap CHANGED Viewed

@@ -7,7 +7,7 @@ exports[`DepartmentDropDown rendering the defult props 1`] = `
     data-selector-id="toggleDropdown"
   >
     <div
-      class="flex rowdir vCenter"
+      class="flex row alignItems_center"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
@@ -16,26 +16,26 @@ exports[`DepartmentDropDown rendering the defult props 1`] = `
         aria-expanded="false"
         aria-haspopup="true"
         aria-labelledby="1"
-        class="buttonReset departmentBox  cursor    flex rowdir vCenter"
+        class="flex row alignItems_center buttonReset cursor departmentBox"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <span
           aria-hidden="true"
-          class="value toggleDropText shrinkOn"
+          class="shrink value toggleDropText"
           data-id="undefined_value"
           data-selector-id="box"
           data-test-id="undefined_value"
           id="1"
         >
           <div
-            class="dotted size12 departmentText "
+            class="dotted size12 departmentText"
           />
         </span>
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-down  toggleDropIcon arrow default_arrow  "
+          class="zd_font_icons basic icon-down toggleDropIcon arrow default_arrow"
           data-id="statusdownarrow"
           data-selector-id="fontIcon"
           data-test-id="statusdownarrow"

package/lib/list/Dot/__tests__/__snapshots__/Dot.spec.js.snap CHANGED Viewed

@@ -3,7 +3,7 @@
 exports[`Dot rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="dot list "
+    class="dot list"
   >
     .
   </div>

package/lib/list/DotNew/__tests__/__snapshots__/DotNew.spec.js.snap CHANGED Viewed

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

package/lib/list/Icons/AddNewIcon.js CHANGED Viewed

@@ -61,7 +61,7 @@ var AddNewIcon = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className;
       return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, "  ").concat(_semanticButtonModule["default"].buttonReset, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle

package/lib/list/Icons/CompleteIcon.js CHANGED Viewed

@@ -62,7 +62,7 @@ var CompleteIcon = /*#__PURE__*/function (_React$Component) {
           iconSize = _this$props.iconSize;
       return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(_semanticButtonModule["default"].buttonReset, " ").concat(className ? className : ''),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle

package/lib/list/Icons/DeleteIcon.js CHANGED Viewed

@@ -62,7 +62,7 @@ var DeleteComponent = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className;
       return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : '', "  ").concat(_semanticButtonModule["default"].buttonReset),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(_semanticButtonModule["default"].buttonReset, " ").concat(className ? className : '', " "),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle,