@zohodesk/dot 1.9.16 → 1.9.17

package/lib/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/lib/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/lib/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/lib/avatar/AvatarIcon/AvatarIcon.js

@@ -90,7 +90,7 @@ var AvatarIcon = /*#__PURE__*/function (_React$Component) {
       }, AvatarIconProps), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: name,
         size: iconSize,
-        iconClass: " ".concat(iconClass, " ").concat(_AvatarIconModule["default"].avatar_align_center, "  ").concat(_AvatarIconModule["default"].iconColor, " ").concat(iconColor ? " ".concat(_AvatarIconModule["default"]["icon_".concat(iconColor)] ? _AvatarIconModule["default"]["icon_".concat(iconColor)] : '') : '', " "),
+        iconClass: "  ".concat(_AvatarIconModule["default"].avatar_align_center, "  ").concat(_AvatarIconModule["default"].iconColor, " ").concat(iconColor ? " ".concat(_AvatarIconModule["default"]["icon_".concat(iconColor)] ? _AvatarIconModule["default"]["icon_".concat(iconColor)] : '') : '', " ").concat(iconClass),
         isBold: isIconBold
       }));
     }

package/lib/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/lib/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/lib/avatar/AvatarThread/AvatarThread.js

@@ -113,7 +113,7 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: iconName,
         size: iconSize,
-        iconClass: "".concat(iconClass, "\n                  ").concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor)
+        iconClass: "".concat(_AvatarThreadModule["default"]["text_".concat(iconColor)] ? _AvatarThreadModule["default"]["text_".concat(iconColor)] : iconColor, " ").concat(iconClass)
       })), getCustomThread && getCustomThread()));
     }
   }]);

package/lib/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/lib/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/lib/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/lib/deprecated/FreezeLayer/FreezeLayer.js

@@ -160,7 +160,7 @@ var FreezeLayer = /*#__PURE__*/function (_Component) {
         style: isActive && needAutoZindex ? {
           zIndex: "".concat(this.getNextIndex())
         } : {},
-        className: "\n              ".concat(_FreezeLayerModule["default"].container, " ").concat(customClass, " ").concat(_FreezeLayerModule["default"]["index".concat(zIndex)], "  ").concat(!isSvgMask ? _FreezeLayerModule["default"][palette] : '', "\n            "),
+        className: "\n              ".concat(_FreezeLayerModule["default"].container, "  ").concat(_FreezeLayerModule["default"]["index".concat(zIndex)], "  ").concat(!isSvgMask ? _FreezeLayerModule["default"][palette] : '', " ").concat(customClass, "\n            "),
         onClick: onClick ? onClick : null,
         ref: forwardRef
       }, children && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, childAnimationName ? /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -632,7 +632,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
       var _this$state3 = this.state,
           searchValue = _this$state3.searchValue,
           isFetchingOptions = _this$state3.isFetchingOptions;
-      var commonClass = "".concat(className ? className : '', " ").concat(isPopupReady ? activeStyle ? activeStyle : '' : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : isReadOnly || !isEditable ? _ToggleDropDownModule["default"].cursorDefault : !showOnHover ? "".concat(_ToggleDropDownModule["default"].cursor, " ").concat(hoverStyle ? hoverStyle : '') : "".concat(hoverStyle ? hoverStyle : '', " ").concat(_ToggleDropDownModule["default"].cursorDefault));
+      var commonClass = " ".concat(isPopupReady ? activeStyle ? activeStyle : '' : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : isReadOnly || !isEditable ? _ToggleDropDownModule["default"].cursorDefault : !showOnHover ? "".concat(_ToggleDropDownModule["default"].cursor, " ").concat(hoverStyle ? hoverStyle : '') : "".concat(hoverStyle ? hoverStyle : '', " ").concat(_ToggleDropDownModule["default"].cursorDefault), " ").concat(className ? className : '');
       var listIndex = -1;
       var ariaTitleId = this.getAriaId(); // const allyOptionsArr = this.getOptionsArray();
 
@@ -655,7 +655,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
         isActive: isPopupOpen,
         isNeedEffect: isEditable && isNeedEffect
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-        className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(commonClass, " ").concat(!isPopupOpen && showIconOnHover ? _ToggleDropDownModule["default"].hoverIcon : ''),
+        className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(!isPopupOpen && showIconOnHover ? _ToggleDropDownModule["default"].hoverIcon : '', "  ").concat(commonClass),
         isCover: false,
         alignBox: "row",
         align: "vertical",

package/lib/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/lib/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -78,7 +78,7 @@ var CommonEmptyState = /*#__PURE__*/function (_Component) {
           _customClass$descript = customClass.descriptionClass,
           descriptionClass = _customClass$descript === void 0 ? '' : _customClass$descript;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_CommonEmptyStateModule["default"].container, " ").concat(_CommonEmptyStateModule["default"][size], " ").concat(className, " ").concat(!isFluid ? _CommonEmptyStateModule["default"].fluid : '', " ").concat(_CommonEmptyStateModule["default"][palette]),
+        className: "".concat(_CommonEmptyStateModule["default"].container, " ").concat(_CommonEmptyStateModule["default"][size], " ").concat(!isFluid ? _CommonEmptyStateModule["default"].fluid : '', " ").concat(_CommonEmptyStateModule["default"][palette], "  ").concat(className),
         "data-id": dataId,
         "data-test-id": dataId
       }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/_react["default"].createElement("div", {

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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>