@zohodesk/dot 1.9.15 → 1.9.17

package/es/alert/AlertLookup/__tests__/__snapshots__/AlertLookup.spec.js.snap

@@ -10,7 +10,7 @@ exports[`AlertLookup rendering the defult props 2`] = `
     style="z-index: 4;"
   >
     <div
-      class="flex cover rowdir hCenter"
+      class="flex fullSize row justifyContent_center"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"

package/es/avatar/AvatarClose/__tests__/__snapshots__/AvatarClose.spec.js.snap

@@ -9,7 +9,7 @@ exports[`AvatarClose rendering the defult props 1`] = `
     data-test-id="avatarClose"
   >
     <div
-      class="avatar medium medium circle primary black border   "
+      class="avatar medium medium circle primary black border"
       data-id="Avatar"
       data-selector-id="avatar"
       data-test-id="Avatar"

package/es/avatar/AvatarCollision/__tests__/__snapshots__/AvatarCollision.spec.js.snap

@@ -9,7 +9,7 @@ exports[`AvatarCollision rendering the defult props 1`] = `
     data-test-id="collsionPop"
   >
     <div
-      class="avatar xmedium xmedium circle default black border   "
+      class="avatar xmedium xmedium circle default black border"
       data-id="Avatar"
       data-selector-id="avatar"
       data-test-id="Avatar"
@@ -29,7 +29,7 @@ exports[`AvatarCollision rendering the defult props 1`] = `
       >
         <i
           aria-hidden="true"
-          class="zd_font_icons basic icon-livechat3    "
+          class="zd_font_icons basic icon-livechat3"
           data-id="fontIcon"
           data-selector-id="fontIcon"
           data-test-id="fontIcon"

package/es/avatar/AvatarIcon/AvatarIcon.js

@@ -42,7 +42,7 @@ export default class AvatarIcon extends React.Component {
     }, AvatarIconProps), /*#__PURE__*/React.createElement(Icon, {
       name: name,
       size: iconSize,
-      iconClass: ` ${iconClass} ${style.avatar_align_center}  ${style.iconColor} ${iconColor ? ` ${style[`icon_${iconColor}`] ? style[`icon_${iconColor}`] : ''}` : ''} `,
+      iconClass: `  ${style.avatar_align_center}  ${style.iconColor} ${iconColor ? ` ${style[`icon_${iconColor}`] ? style[`icon_${iconColor}`] : ''}` : ''} ${iconClass}`,
       isBold: isIconBold
     }));
   }

package/es/avatar/AvatarIcon/__tests__/__snapshots__/AvatarIcon.spec.js.snap

@@ -3,14 +3,14 @@
 exports[`AvatarIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  medium default  inflex coldir both"
+    class="inlineFlex column alignItems_center justifyContent_center container medium default"
     data-id="containerComponent"
     data-selector-id="avatarIcon"
     data-test-id="containerComponent"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-add-ag    avatar_align_center  iconColor     "
+      class="zd_font_icons basic icon-add-ag avatar_align_center iconColor"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"

package/es/avatar/AvatarStatus/__tests__/__snapshots__/AvatarStatus.spec.js.snap

@@ -4,11 +4,11 @@ exports[`AvatarStatus rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     aria-label="undefined, undefined, "
-    class="container  "
+    class="container"
     data-selector-id="avatarStatus"
   >
     <div
-      class="avatar medium medium circle info black  "
+      class="avatar medium medium circle info black"
       data-id="Avatar"
       data-selector-id="avatar"
       data-test-id="Avatar"

package/es/avatar/AvatarThread/AvatarThread.js

@@ -65,8 +65,7 @@ export default class AvatarThread extends React.Component {
     }, /*#__PURE__*/React.createElement(Icon, {
       name: iconName,
       size: iconSize,
-      iconClass: `${iconClass}
-                  ${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor}`
+      iconClass: `${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor} ${iconClass}`
     })), getCustomThread && getCustomThread()));
   }
 

package/es/avatar/AvatarThread/__tests__/__snapshots__/AvatarThread.spec.js.snap

@@ -3,11 +3,11 @@
 exports[`AvatarThread rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="avatarThread"
   >
     <div
-      class="avatar medium medium circle primary black border   "
+      class="avatar medium medium circle primary black border"
       data-id="Avatar"
       data-selector-id="avatar"
       data-test-id="Avatar"

package/es/avatar/AvatarUser/__tests__/__snapshots__/AvatarUser.spec.js.snap

@@ -7,7 +7,7 @@ exports[`AvatarUser rendering the defult props 1`] = `
     data-selector-id="avatarUser"
   >
     <div
-      class="avatar medium medium circle primary black border   "
+      class="avatar medium medium circle primary black border"
       data-id="Avatar"
       data-selector-id="avatar"
       data-test-id="Avatar"

package/es/avatar/AvatarWithTeam/__tests__/__snapshots__/AvatarWithTeam.spec.js.snap

@@ -3,13 +3,13 @@
 exports[`AvatarWithTeam rendering the defult props 1`] = `
 <DocumentFragment>
   <span
-    class="container "
+    class="container"
     data-id="avatarWithTeamId"
     data-selector-id="avatarWithTeam"
     data-test-id="avatarWithTeamId"
   >
     <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/es/deprecated/FreezeLayer/FreezeLayer.js

@@ -106,7 +106,7 @@ export default class FreezeLayer extends Component {
         zIndex: `${this.getNextIndex()}`
       } : {},
       className: `
-              ${style.container} ${customClass} ${style[`index${zIndex}`]}  ${!isSvgMask ? style[palette] : ''}
+              ${style.container}  ${style[`index${zIndex}`]}  ${!isSvgMask ? style[palette] : ''} ${customClass}
             `,
       onClick: onClick ? onClick : null,
       ref: forwardRef

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -555,7 +555,7 @@ export class ToggleDropDown extends Component {
       searchValue,
       isFetchingOptions
     } = this.state;
-    const commonClass = `${className ? className : ''} ${isPopupReady ? activeStyle ? activeStyle : '' : ''} ${isDisabled ? CssProvider('isDisable') : isReadOnly || !isEditable ? style.cursorDefault : !showOnHover ? `${style.cursor} ${hoverStyle ? hoverStyle : ''}` : `${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`}`;
+    const commonClass = ` ${isPopupReady ? activeStyle ? activeStyle : '' : ''} ${isDisabled ? CssProvider('isDisable') : isReadOnly || !isEditable ? style.cursorDefault : !showOnHover ? `${style.cursor} ${hoverStyle ? hoverStyle : ''}` : `${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`} ${className ? className : ''}`;
     let listIndex = -1;
     const ariaTitleId = this.getAriaId(); // const allyOptionsArr = this.getOptionsArray();
 
@@ -578,7 +578,7 @@ export class ToggleDropDown extends Component {
       isActive: isPopupOpen,
       isNeedEffect: isEditable && isNeedEffect
     }, /*#__PURE__*/React.createElement(Container, {
-      className: `${btnStyle.buttonReset} ${commonClass} ${!isPopupOpen && showIconOnHover ? style.hoverIcon : ''}`,
+      className: `${btnStyle.buttonReset} ${!isPopupOpen && showIconOnHover ? style.hoverIcon : ''}  ${commonClass}`,
       isCover: false,
       alignBox: "row",
       align: "vertical",

package/es/dropdown/ToggleDropDown/__tests__/__snapshots__/ToggleDropDown.spec.js.snap

@@ -7,7 +7,7 @@ exports[`ToggleDropDown 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,7 +16,7 @@ exports[`ToggleDropDown rendering the defult props 1`] = `
         aria-expanded="false"
         aria-haspopup="true"
         aria-labelledby="1"
-        class="buttonReset   cursor   effect default border defaultHover  hoverEffect  flex rowdir vCenter"
+        class="flex row alignItems_center buttonReset cursor effect default border defaultHover hoverEffect"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"

package/es/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -27,7 +27,7 @@ export default class CommonEmptyState extends Component {
       descriptionClass = ''
     } = customClass;
     return /*#__PURE__*/React.createElement("div", {
-      className: `${style.container} ${style[size]} ${className} ${!isFluid ? style.fluid : ''} ${style[palette]}`,
+      className: `${style.container} ${style[size]} ${!isFluid ? style.fluid : ''} ${style[palette]}  ${className}`,
       "data-id": dataId,
       "data-test-id": dataId
     }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/React.createElement("div", {

package/es/emptystate/CommonEmptyState/__tests__/__snapshots__/CommonEmptyState.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`CommonEmptyState rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container medium  fluid default"
+    class="container medium fluid default"
     data-id="emptyState"
     data-test-id="emptyState"
   />

package/es/emptystate/EditionPage/__tests__/__snapshots__/EditionPage.spec.js.snap

@@ -12,7 +12,7 @@ exports[`EditionPage rendering the defult props 1`] = `
     >
       <div
         aria-hidden="true"
-        class="large  default svgCenter "
+        class="large default svgCenter"
       >
         <svg
           data-id="emptyCrmPotential"

package/es/errorstate/Inconvenience/__tests__/__snapshots__/Inconvenience.spec.js.snap

@@ -3,26 +3,26 @@
 exports[`Inconvenience rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="inconvenience"
     data-selector-id="container"
     data-test-id="inconvenience"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
-      class="imageContainer imageContainer shrinkOff"
+      class="noShrink imageContainer imageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="inconvenience_svg"
@@ -40,7 +40,7 @@ exports[`Inconvenience rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="footerWidth footer shrinkOff"
+      class="noShrink footerWidth footer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -49,7 +49,7 @@ exports[`Inconvenience rendering the defult props 1`] = `
         class="btmText"
       />
       <a
-        class="container  text  "
+        class="container text"
         data-id="inconvenience_link"
         data-test-id="inconvenience_link"
         href="javascript:void(0)"

package/es/errorstate/LinkText/__tests__/__snapshots__/LinkText.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`LinkText rendering the defult props 1`] = `
 <DocumentFragment>
   <a
-    class="container  text  "
+    class="container text"
     data-id="LinkText"
     data-test-id="LinkText"
     href="javascript:void(0)"

package/es/errorstate/NoRequestFound/__tests__/__snapshots__/NoRequestFound.spec.js.snap

@@ -3,26 +3,26 @@
 exports[`NoRequestFound rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="noRequestFound"
     data-selector-id="container"
     data-test-id="noRequestFound"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
-      class="imageContainer imageContainer shrinkOff"
+      class="noShrink imageContainer imageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="noRequestFound_svg"
@@ -40,7 +40,7 @@ exports[`NoRequestFound rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="footerWidth footer shrinkOff"
+      class="noShrink footerWidth footer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -49,7 +49,7 @@ exports[`NoRequestFound rendering the defult props 1`] = `
         class="btmText"
       />
       <a
-        class="container  text  "
+        class="container text"
         data-id="noRequestFound_link"
         data-test-id="noRequestFound_link"
         href="javascript:void(0)"

package/es/errorstate/PermissionPlay/__tests__/__snapshots__/PermissionPlay.spec.js.snap

@@ -3,26 +3,26 @@
 exports[`PermissionPlay rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="permissionPlay"
     data-selector-id="container"
     data-test-id="permissionPlay"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
-      class="imageContainer shrinkOff"
+      class="noShrink imageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="permissionPlay_svg"
@@ -40,7 +40,7 @@ exports[`PermissionPlay rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="shrinkOff"
+      class="noShrink"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -53,7 +53,7 @@ exports[`PermissionPlay rendering the defult props 1`] = `
           class="lineText"
         >
           <a
-            class="container  text  "
+            class="container text"
             data-id="permissionPlay_link"
             data-test-id="permissionPlay_link"
             href="javascript:void(0)"

package/es/errorstate/RequestUrlNotFound/__tests__/__snapshots__/RequestUrlNotFound.spec.js.snap

@@ -3,26 +3,26 @@
 exports[`RequestUrlNotFound rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="requestUrlNotFound"
     data-selector-id="container"
     data-test-id="requestUrlNotFound"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
-      class="imageContainer imageContainer shrinkOff"
+      class="noShrink imageContainer imageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="requestUrlNotFound_svg"
@@ -40,7 +40,7 @@ exports[`RequestUrlNotFound rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="footerWidth footer shrinkOff"
+      class="noShrink footerWidth footer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -49,7 +49,7 @@ exports[`RequestUrlNotFound rendering the defult props 1`] = `
         class="btmText"
       />
       <a
-        class="container  text  "
+        class="container text"
         data-id="requestUrlNotFound_link"
         data-test-id="requestUrlNotFound_link"
         href="javascript:void(0)"

package/es/errorstate/UnableToProcess/__tests__/__snapshots__/UnableToProcess.spec.js.snap

@@ -3,26 +3,26 @@
 exports[`UnableToProcess rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="unableToProcess"
     data-selector-id="container"
     data-test-id="unableToProcess"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
-      class="imageContainer tabletImageContainer shrinkOff"
+      class="noShrink imageContainer tabletImageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="unableToProcess_svg"
@@ -40,7 +40,7 @@ exports[`UnableToProcess rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="footerWidth footer shrinkOff"
+      class="noShrink footerWidth footer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -49,7 +49,7 @@ exports[`UnableToProcess rendering the defult props 1`] = `
         class="btmText"
       />
       <a
-        class="container  text  "
+        class="container text"
         data-id="unableToProcess_link"
         data-test-id="unableToProcess_link"
         href="javascript:void(0)"

package/es/errorstate/UnauthorizedLogin/__tests__/__snapshots__/UnauthorizedLogin.spec.js.snap

@@ -3,26 +3,26 @@
 exports[`UnauthorizedLogin rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="unauthorizedLogin"
     data-selector-id="container"
     data-test-id="unauthorizedLogin"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
-      class="imageContainer tabletImageContainer shrinkOff"
+      class="noShrink imageContainer tabletImageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="unauthorizedLogin_svg"
@@ -40,7 +40,7 @@ exports[`UnauthorizedLogin rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="footerWidth footer shrinkOff"
+      class="noShrink footerWidth footer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -49,7 +49,7 @@ exports[`UnauthorizedLogin rendering the defult props 1`] = `
         class="btmText"
       />
       <a
-        class="container  text  "
+        class="container text"
         data-id="unauthorizedLogin_link"
         data-test-id="unauthorizedLogin_link"
         href="javascript:void(0)"

package/es/errorstate/WillBack/__tests__/__snapshots__/WillBack.spec.js.snap

@@ -3,19 +3,19 @@
 exports[`WillBack rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  flex cover coldir scrolly"
+    class="flex fullSize column scroll_vertical container"
     data-id="willBack"
     data-selector-id="container"
     data-test-id="willBack"
   >
     <div
-      class="top shrinkOff"
+      class="noShrink top"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
-        class="header header "
+        class="header header"
       >
         <div
           class="title"
@@ -25,14 +25,14 @@ exports[`WillBack rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="imageContainer shrinkOff"
+      class="noShrink imageContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     >
       <div
         aria-hidden="true"
-        class="cover  default svgCenter "
+        class="cover default svgCenter"
       >
         <svg
           data-id="willBack_svg"
@@ -50,7 +50,7 @@ exports[`WillBack rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="footerWidth footer shrinkOff"
+      class="noShrink footerWidth footer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -61,7 +61,7 @@ exports[`WillBack rendering the defult props 1`] = `
         Our Service is temporarity unavailable. We are currently working to restore it.
       </div>
       <div
-        class="btmText bottomSpace "
+        class="btmText bottomSpace"
       >
         Please try again later or report this issue
       </div>