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/es/list/Icons/ReadUnreadIcon.js CHANGED Viewed

@@ -18,7 +18,7 @@ export default class ReadUnreadIcon extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+      className: `${style.iconStyle} ${style.blueHover}  ${btnStyle.buttonReset} ${className ? className : ''}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle,

package/es/list/Icons/SmartIcon.js CHANGED Viewed

@@ -14,7 +14,7 @@ export default class SmartIcon extends Component {
     } = this.props;
     return /*#__PURE__*/React.createElement("button", {
       onClick: onClick,
-      className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''}  ${btnStyle.buttonReset}`,
+      className: `${style.iconStyle} ${style.blueHover} ${btnStyle.buttonReset} ${className ? className : ''}`,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title": dataTitle,

package/es/list/Icons/__tests__/__snapshots__/AddNewIcon.spec.js.snap CHANGED Viewed

@@ -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/es/list/Icons/__tests__/__snapshots__/CompleteIcon.spec.js.snap CHANGED Viewed

@@ -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/es/list/Icons/__tests__/__snapshots__/DeleteIcon.spec.js.snap CHANGED Viewed

@@ -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/es/list/Icons/__tests__/__snapshots__/EditIcon.spec.js.snap CHANGED Viewed

@@ -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/es/list/Icons/__tests__/__snapshots__/ReadUnreadIcon.spec.js.snap CHANGED Viewed

@@ -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/es/list/Icons/__tests__/__snapshots__/SmartIcon.spec.js.snap CHANGED Viewed

@@ -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/es/list/ListLayout/ListLayout.js CHANGED Viewed

@@ -36,7 +36,7 @@ export default class ListLayout extends Component {
       ariaSetsize
     } = a11y;
     return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${containerClass} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick && needPointer ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} ${isKeyboardActive ? style.keyboardActive : ''} `,
+      className: `${style.container} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick && needPointer ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} ${isKeyboardActive ? style.keyboardActive : ''} ${containerClass} `,
       onClick: onClick,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,

package/es/list/ListLayout/__tests__/__snapshots__/ListLayout.spec.js.snap CHANGED Viewed

@@ -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/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/AccountName.js CHANGED Viewed

@@ -77,7 +77,7 @@ export default class AccountName extends Component {
       $tagAttributes_text: TextProps,
       $ui_size: "12",
       $flag_dotted: true,
-      $ui_className: `${style.secondaryText} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
+      $ui_className: `${style.secondaryText}  ${notAccessible ? style.disable : ''} ${className ? className : ''}`,
       $ui_highlightConfig: isHighlighted ? highlightData : DUMMY_OBJECT
     }, text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
       href: secondaryAccountHref,

package/es/list/SecondaryText/ContactName.js CHANGED Viewed

@@ -78,7 +78,7 @@ export default class ContactName extends Component {
       $tagAttributes_text: TextProps,
       $ui_size: "12",
       $flag_dotted: true,
-      $ui_className: `${style.secondaryText} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
+      $ui_className: `${style.secondaryText}  ${notAccessible ? style.disable : ''} ${className ? className : ''}`,
       $ui_weight: fontWeight,
       $i18n_dataTitle: dataTitle,
       $ui_highlightConfig: isHighlighted ? highlightData : DUMMY_OBJECT

package/es/list/SecondaryText/__tests__/__snapshots__/AccountName.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/ContactName.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/DepartmentText.spec.js.snap CHANGED Viewed

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

package/es/list/SecondaryText/__tests__/__snapshots__/Email.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/HappinessRating.spec.js.snap CHANGED Viewed

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

package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/PriorityText.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/SecondaryText.spec.js.snap CHANGED Viewed

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

package/es/list/SecondaryText/__tests__/__snapshots__/StatusText.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/TicketId.spec.js.snap CHANGED Viewed

@@ -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/es/list/SecondaryText/__tests__/__snapshots__/Website.spec.js.snap CHANGED Viewed

@@ -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/es/list/Subject/Subject.js CHANGED Viewed

@@ -52,13 +52,13 @@ export default class Subject extends Component {
     }, LinkProps), children ? children : /*#__PURE__*/React.createElement(Typography, {
       $tagAttributes_text: linkTagAttributes,
       $i18n_dataTitle: text,
-      $ui_className: `${style.subject} ${whiteSpaceClassMapping[whiteSpace]} ${className} ${style.cursorPointer}`,
+      $ui_className: `${style.subject} ${whiteSpaceClassMapping[whiteSpace]} ${style.cursorPointer} ${className}`,
       $flag_dotted: isDotted,
       $ui_weight: fontWeight,
       $ui_highlightConfig: isHighlighted ? highlightData : DUMMY_OBJECT
     }, text)) : /*#__PURE__*/React.createElement(Typography, {
       $tagAttributes_text: tagAttributesText,
-      $ui_className: `${style.subject} ${className} ${whiteSpaceClassMapping[whiteSpace]}`,
+      $ui_className: `${style.subject} ${whiteSpaceClassMapping[whiteSpace]} ${className}`,
       $flag_dotted: isDotted,
       $ui_weight: fontWeight,
       $i18n_dataTitle: text,

package/es/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap CHANGED Viewed

@@ -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/es/list/TagNew/__tests__/__snapshots__/TagNew.spec.js.snap CHANGED Viewed

@@ -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/es/list/Thread/__tests__/__snapshots__/Thread.spec.js.snap CHANGED Viewed

@@ -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"

package/es/list/status/StatusDropdown/StatusDropdown.js CHANGED Viewed

@@ -192,7 +192,7 @@ export class StatusDropdown extends React.Component {
     let {
       searchString
     } = this.state;
-    let containerClass = `${className ? className : ''} ${isPopupReady ? activeStyle ? activeStyle : '' : showIconOnHover ? style.hoverIcon : ''} ${isDisabled ? commonStyle.disabled : isReadOnly ? style.readOnly : !isEditable ? style.cursorDefault : !showOnHover ? `${style.cursor} ${hoverStyle ? hoverStyle : ''}` : `${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`}`;
+    let containerClass = `${isPopupReady ? activeStyle ? activeStyle : '' : showIconOnHover ? style.hoverIcon : ''} ${isDisabled ? commonStyle.disabled : isReadOnly ? style.readOnly : !isEditable ? style.cursorDefault : !showOnHover ? `${style.cursor} ${hoverStyle ? hoverStyle : ''}` : `${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`} ${className ? className : ''}`;
     let ariaTitleId = this.getAriaId();
     return /*#__PURE__*/React.createElement("div", {
       className: style.posRel,
@@ -205,7 +205,7 @@ export class StatusDropdown extends React.Component {
     }) : /*#__PURE__*/React.createElement(Container, {
       tagName: "button",
       alignBox: "row",
-      className: `${style.container} ${containerClass} ${btnStyle.buttonReset}`,
+      className: `${style.container} ${btnStyle.buttonReset} ${containerClass}`,
       onClick: !showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : null,
       eleRef: getTargetRef,
       align: targetAlign,