@zohodesk/dot 1.9.16 → 1.9.17

package/lib/list/Icons/EditIcon.js

@@ -62,7 +62,7 @@ var EditIcon = /*#__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/ReadUnreadIcon.js

@@ -66,7 +66,7 @@ var ReadUnreadIcon = /*#__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/SmartIcon.js

@@ -65,7 +65,7 @@ var SmartIcon = /*#__PURE__*/function (_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/__tests__/__snapshots__/AddNewIcon.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`AddNewIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="iconStyle blueHover  buttonReset"
+    class="iconStyle blueHover buttonReset"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-addTickets    "
+      class="zd_font_icons basic icon-addTickets"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`CompleteIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="iconStyle blueHover  buttonReset"
+    class="iconStyle blueHover buttonReset"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-checkbox    "
+      class="zd_font_icons basic icon-checkbox"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`DeleteIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="iconStyle redHover   buttonReset"
+    class="iconStyle redHover buttonReset"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-delete    "
+      class="zd_font_icons basic icon-delete"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`EditIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="iconStyle blueHover   buttonReset"
+    class="iconStyle blueHover buttonReset"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-edit    "
+      class="zd_font_icons basic icon-edit"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`ReadUnreadIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="iconStyle blueHover  buttonReset"
+    class="iconStyle blueHover buttonReset"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-unread     "
+      class="zd_font_icons basic icon-unread"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`SmartIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="iconStyle blueHover   buttonReset"
+    class="iconStyle blueHover buttonReset"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-peek    "
+      class="zd_font_icons basic icon-peek"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/lib/list/ListLayout/ListLayout.js

@@ -82,7 +82,7 @@ var ListLayout = /*#__PURE__*/function (_Component) {
           ariaPosinset = a11y.ariaPosinset,
           ariaSetsize = a11y.ariaSetsize;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_ListLayoutModule["default"].container, " ").concat(containerClass, " ").concat(needHover ? _ListLayoutModule["default"].listHover : '', " ").concat(isActive ? _ListLayoutModule["default"].active : '', " ").concat(_ListLayoutModule["default"][view], " ").concat(onClick && needPointer ? _ListLayoutModule["default"].cursorPointer : '', " ").concat(isHovered ? _ListLayoutModule["default"].hoveredStyle : '', " ").concat(isKeyboardActive ? _ListLayoutModule["default"].keyboardActive : '', " "),
+        className: "".concat(_ListLayoutModule["default"].container, " ").concat(needHover ? _ListLayoutModule["default"].listHover : '', " ").concat(isActive ? _ListLayoutModule["default"].active : '', " ").concat(_ListLayoutModule["default"][view], " ").concat(onClick && needPointer ? _ListLayoutModule["default"].cursorPointer : '', " ").concat(isHovered ? _ListLayoutModule["default"].hoveredStyle : '', " ").concat(isKeyboardActive ? _ListLayoutModule["default"].keyboardActive : '', " ").concat(containerClass, " "),
         onClick: onClick,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,

package/lib/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap

@@ -3,14 +3,14 @@
 exports[`ListLayout rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container undefined listHover  classic    "
+    class="container listHover classic"
     data-a11y-inset-focus="true"
     data-id="ticketsListInPopup"
     data-test-id="ticketsListInPopup"
     role="listitem"
   >
     <div
-      class="innerContainer  flex cover rowdir"
+      class="flex fullSize row innerContainer"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"

package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap

@@ -15,7 +15,7 @@ exports[`ListStencils customId and testId 1`] = `
         class="avatar"
       >
         <div
-          class="container animate circle size_large primary "
+          class="container animate circle size_large primary"
         />
       </div>
       <div
@@ -28,14 +28,14 @@ exports[`ListStencils customId and testId 1`] = `
             class="primaryRow"
           >
             <div
-              class="container animate rect default primary "
+              class="container animate rect default primary"
             />
           </div>
           <div
             class="secondaryRow"
           >
             <div
-              class="container animate rect medium primary "
+              class="container animate rect medium primary"
             />
           </div>
         </div>
@@ -58,7 +58,7 @@ exports[`ListStencils rendering the defult props 1`] = `
         class="avatar"
       >
         <div
-          class="container animate circle size_large primary "
+          class="container animate circle size_large primary"
         />
       </div>
       <div
@@ -71,14 +71,14 @@ exports[`ListStencils rendering the defult props 1`] = `
             class="primaryRow"
           >
             <div
-              class="container animate rect default primary "
+              class="container animate rect default primary"
             />
           </div>
           <div
             class="secondaryRow"
           >
             <div
-              class="container animate rect medium primary "
+              class="container animate rect medium primary"
             />
           </div>
         </div>

package/lib/list/SecondaryText/AccountName.js

@@ -126,7 +126,7 @@ var AccountName = /*#__PURE__*/function (_Component) {
         $tagAttributes_text: TextProps,
         $ui_size: "12",
         $flag_dotted: true,
-        $ui_className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(className ? className : '', " ").concat(notAccessible ? _SecondaryTextModule["default"].disable : ''),
+        $ui_className: "".concat(_SecondaryTextModule["default"].secondaryText, "  ").concat(notAccessible ? _SecondaryTextModule["default"].disable : '', " ").concat(className ? className : ''),
         $ui_highlightConfig: isHighlighted ? highlightData : _Common.DUMMY_OBJECT
       }, text)), secondaryAccountText && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
         href: secondaryAccountHref,

package/lib/list/SecondaryText/ContactName.js

@@ -135,7 +135,7 @@ var ContactName = /*#__PURE__*/function (_Component) {
         $tagAttributes_text: TextProps,
         $ui_size: "12",
         $flag_dotted: true,
-        $ui_className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(className ? className : '', " ").concat(notAccessible ? _SecondaryTextModule["default"].disable : ''),
+        $ui_className: "".concat(_SecondaryTextModule["default"].secondaryText, "  ").concat(notAccessible ? _SecondaryTextModule["default"].disable : '', " ").concat(className ? className : ''),
         $ui_weight: fontWeight,
         $i18n_dataTitle: dataTitle,
         $ui_highlightConfig: isHighlighted ? highlightData : _Common.DUMMY_OBJECT

package/lib/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap

@@ -3,39 +3,39 @@
 exports[`AccountName rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex rowdir baseline"
+    class="flex row alignItems_baseline"
     data-id="accountName"
     data-selector-id="container"
     data-test-id="accountName"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="primaryAccountNameCnt flex rowdir baseline"
+        class="flex row alignItems_baseline primaryAccountNameCnt"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="shrinkOn"
+          class="shrink"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <a
             aria-label="Account Name undefined"
-            class="container  link"
+            class="container link"
             data-id="accountName_link"
             data-test-id="accountName_link"
             href="javascript:void(0);"
             rel="noopener noreferrer"
           >
             <div
-              class="dotted size12 font_regular linkWithText "
+              class="dotted size12 font_regular linkWithText"
             />
           </a>
         </div>

package/lib/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap

@@ -3,27 +3,27 @@
 exports[`ContactName rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex rowdir baseline"
+    class="flex row alignItems_baseline"
     data-id="contactName"
     data-selector-id="container"
     data-test-id="contactName"
   >
     <div
-      class="grow basis shrinkOff"
+      class="flexible basis_zero noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <a
         aria-label="Contact Name undefined"
-        class="container  link"
+        class="container link"
         data-id="contactName_link"
         data-test-id="contactName_link"
         href="javascript:void(0);"
         rel="noopener noreferrer"
       >
         <div
-          class="dotted size12 font_regular linkWithText "
+          class="dotted size12 font_regular linkWithText"
         />
       </a>
     </div>

package/lib/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap

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

package/lib/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap

@@ -3,12 +3,12 @@
 exports[`Email rendering the defult props 1`] = `
 <DocumentFragment>
   <a
-    class="container  link"
+    class="container link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted size12 font_regular linkWithText "
+      class="dotted size12 font_regular linkWithText"
     />
   </a>
 </DocumentFragment>

package/lib/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`HappinessRating rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="happinessContainer "
+    class="happinessContainer"
   >
     <img
       class="happinessImg"

package/lib/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap

@@ -3,12 +3,12 @@
 exports[`PhoneNumber rendering the defult props 1`] = `
 <DocumentFragment>
   <a
-    class="container  link"
+    class="container link"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted size12 font_regular phoneNumber phonetxt "
+      class="dotted size12 font_regular phoneNumber phonetxt"
     />
   </a>
 </DocumentFragment>

package/lib/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`PriorityText rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="dotted size12 priorityText black "
+    class="dotted size12 priorityText black"
     data-id="priority"
     data-test-id="priority"
   />

package/lib/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap

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

package/lib/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`StatusText rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular black "
+    class="dotted font_regular black"
     data-id="statusContainer"
     data-test-id="statusContainer"
   />

package/lib/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap

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

package/lib/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap

@@ -9,7 +9,7 @@ exports[`Website rendering the defult props 1`] = `
     target="_blank"
   >
     <div
-      class="dotted size12 linkWithText "
+      class="dotted size12 linkWithText"
     />
   </a>
 </DocumentFragment>

package/lib/list/Subject/Subject.js

@@ -110,13 +110,13 @@ var Subject = /*#__PURE__*/function (_Component) {
       }, LinkProps), children ? children : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         $tagAttributes_text: linkTagAttributes,
         $i18n_dataTitle: text,
-        $ui_className: "".concat(_SubjectModule["default"].subject, " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className, " ").concat(_SubjectModule["default"].cursorPointer),
+        $ui_className: "".concat(_SubjectModule["default"].subject, " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(_SubjectModule["default"].cursorPointer, " ").concat(className),
         $flag_dotted: isDotted,
         $ui_weight: fontWeight,
         $ui_highlightConfig: isHighlighted ? highlightData : _Common.DUMMY_OBJECT
       }, text)) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         $tagAttributes_text: tagAttributesText,
-        $ui_className: "".concat(_SubjectModule["default"].subject, " ").concat(className, " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace]),
+        $ui_className: "".concat(_SubjectModule["default"].subject, " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className),
         $flag_dotted: isDotted,
         $ui_weight: fontWeight,
         $i18n_dataTitle: text,

package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Subject applies fontWeight prop 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_bold subject  whiteSpace_pre"
+    class="dotted font_bold subject whiteSpace_pre"
     data-title="Test"
     data-title-wrap="pre"
   >
@@ -15,7 +15,7 @@ exports[`Subject applies fontWeight prop 1`] = `
 exports[`Subject rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_pre"
+    class="dotted font_regular subject whiteSpace_pre"
     data-title-wrap="pre"
   />
 </DocumentFragment>
@@ -24,7 +24,7 @@ exports[`Subject rendering the defult props 1`] = `
 exports[`Subject rendering the whiteSpace of -break-spaces 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_breakSpaces"
+    class="dotted font_regular subject whiteSpace_breakSpaces"
     data-title-wrap="break-spaces"
   />
 </DocumentFragment>
@@ -33,12 +33,12 @@ exports[`Subject rendering the whiteSpace of -break-spaces 1`] = `
 exports[`Subject rendering the whiteSpace of -break-spaces 2`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_breakSpaces  cursorPointer"
+      class="dotted font_regular subject whiteSpace_breakSpaces cursorPointer"
       data-title-wrap="break-spaces"
     />
   </a>
@@ -48,7 +48,7 @@ exports[`Subject rendering the whiteSpace of -break-spaces 2`] = `
 exports[`Subject rendering the whiteSpace of -normal 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_normal"
+    class="dotted font_regular subject whiteSpace_normal"
     data-title-wrap="normal"
   />
 </DocumentFragment>
@@ -57,12 +57,12 @@ exports[`Subject rendering the whiteSpace of -normal 1`] = `
 exports[`Subject rendering the whiteSpace of -normal 2`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_normal  cursorPointer"
+      class="dotted font_regular subject whiteSpace_normal cursorPointer"
       data-title-wrap="normal"
     />
   </a>
@@ -72,7 +72,7 @@ exports[`Subject rendering the whiteSpace of -normal 2`] = `
 exports[`Subject rendering the whiteSpace of -nowrap 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_nowrap"
+    class="dotted font_regular subject whiteSpace_nowrap"
     data-title-wrap="nowrap"
   />
 </DocumentFragment>
@@ -81,12 +81,12 @@ exports[`Subject rendering the whiteSpace of -nowrap 1`] = `
 exports[`Subject rendering the whiteSpace of -nowrap 2`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_nowrap  cursorPointer"
+      class="dotted font_regular subject whiteSpace_nowrap cursorPointer"
       data-title-wrap="nowrap"
     />
   </a>
@@ -96,7 +96,7 @@ exports[`Subject rendering the whiteSpace of -nowrap 2`] = `
 exports[`Subject rendering the whiteSpace of -pre 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_pre"
+    class="dotted font_regular subject whiteSpace_pre"
     data-title-wrap="pre"
   />
 </DocumentFragment>
@@ -105,12 +105,12 @@ exports[`Subject rendering the whiteSpace of -pre 1`] = `
 exports[`Subject rendering the whiteSpace of -pre 2`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_pre  cursorPointer"
+      class="dotted font_regular subject whiteSpace_pre cursorPointer"
       data-title-wrap="pre"
     />
   </a>
@@ -120,7 +120,7 @@ exports[`Subject rendering the whiteSpace of -pre 2`] = `
 exports[`Subject rendering the whiteSpace of -pre-line 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_preLine"
+    class="dotted font_regular subject whiteSpace_preLine"
     data-title-wrap="pre-line"
   />
 </DocumentFragment>
@@ -129,12 +129,12 @@ exports[`Subject rendering the whiteSpace of -pre-line 1`] = `
 exports[`Subject rendering the whiteSpace of -pre-line 2`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_preLine  cursorPointer"
+      class="dotted font_regular subject whiteSpace_preLine cursorPointer"
       data-title-wrap="pre-line"
     />
   </a>
@@ -144,7 +144,7 @@ exports[`Subject rendering the whiteSpace of -pre-line 2`] = `
 exports[`Subject rendering the whiteSpace of -pre-wrap 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_preWrap"
+    class="dotted font_regular subject whiteSpace_preWrap"
     data-title-wrap="pre-wrap"
   />
 </DocumentFragment>
@@ -153,12 +153,12 @@ exports[`Subject rendering the whiteSpace of -pre-wrap 1`] = `
 exports[`Subject rendering the whiteSpace of -pre-wrap 2`] = `
 <DocumentFragment>
   <a
-    class="container  "
+    class="container"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_preWrap  cursorPointer"
+      class="dotted font_regular subject whiteSpace_preWrap cursorPointer"
       data-title-wrap="pre-wrap"
     />
   </a>
@@ -168,14 +168,14 @@ exports[`Subject rendering the whiteSpace of -pre-wrap 2`] = `
 exports[`Subject renders data attributes on link wrapper 1`] = `
 <div>
   <a
-    class="container  "
+    class="container"
     data-id="subject-id"
     data-test-id="subject-id"
     href="javascript:void(0);"
     rel="noopener noreferrer"
   >
     <div
-      class="dotted font_regular subject whiteSpace_pre  cursorPointer"
+      class="dotted font_regular subject whiteSpace_pre cursorPointer"
       data-title-wrap="pre"
     />
   </a>
@@ -185,7 +185,7 @@ exports[`Subject renders data attributes on link wrapper 1`] = `
 exports[`Subject renders dotted text when isDotted is true 1`] = `
 <DocumentFragment>
   <div
-    class="dotted font_regular subject  whiteSpace_pre"
+    class="dotted font_regular subject whiteSpace_pre"
     data-title="Test"
     data-title-wrap="pre"
   >

package/lib/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap

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

package/lib/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Thread rendering the defult props 1`] = `
 <DocumentFragment>
   <button
-    class="buttonReset container align_left "
+    class="buttonReset container align_left"
     data-id="semanticButton"
     data-test-id="semanticButton"
     type="button"
@@ -11,7 +11,7 @@ exports[`Thread rendering the defult props 1`] = `
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-thread    rtl "
+      class="zd_font_icons rtl basic icon-thread"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"