@zohodesk/dot 1.0.0-temp-232.1 → 1.0.0-temp-233.2

package/lib/ChannelIcon/ChannelIcon.js

@@ -21,6 +21,8 @@ var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIco
 
 var _ChannelIconMapping = require("../utils/ChannelIconMapping");
 
+var _cssUtility = require("@dot-system/css-utility");
+
 var _ChannelIconModule = _interopRequireDefault(require("./ChannelIcon.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -105,7 +107,7 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/_react["default"].createElement("span", {
-        className: _ChannelIconModule["default"].container,
+        className: (0, _cssUtility.cn)(_ChannelIconModule["default"].container),
         "data-selector-id": dataSelectorId
       }, customizedChannelName ? /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         name: customizedChannelName,
@@ -120,7 +122,7 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
         name: iconName,
         iconSize: iconSize,
         size: size,
-        iconClass: "".concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : '', " ").concat(iconClass ? iconClass : '', " "),
+        iconClass: "".concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : '', " ").concat(iconClass, " "),
         dataId: dataId,
         className: className,
         iconColor: iconColor,
@@ -137,11 +139,11 @@ var ChannelIcon = /*#__PURE__*/function (_Component) {
       }, avatarProps)) : /*#__PURE__*/_react["default"].createElement(_icons.Icon, _extends({
         name: iconName,
         size: iconSize,
-        iconClass: "".concat(iconClass ? iconClass : '', " ").concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : ''),
+        iconClass: " ".concat(_ChannelIconModule["default"].iconStyle, " ").concat(name && action ? _ChannelIconModule["default"]["".concat(name.toLowerCase(), "_").concat(action.toLowerCase())] : '', " ").concat(iconClass),
         title: iconTitle,
         dataId: dataId
       }, iconProps)), topicIcon ? /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(_ChannelIconModule["default"].thread, " ").concat(needTopicBorder ? _ChannelIconModule["default"].threadBorder : '', " ").concat(topicClass ? topicClass : ''),
+        className: (0, _cssUtility.cn)("".concat(_ChannelIconModule["default"].thread, " ").concat(needTopicBorder ? _ChannelIconModule["default"].threadBorder : '', " ").concat(topicClass)),
         "data-title": topicIconTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: topicIcon,

package/lib/ChannelIcon/__tests__/__snapshots__/ChannelIcon.spec.js.snap

@@ -7,7 +7,7 @@ exports[`ChannelIcon rendering the defult props 1`] = `
     data-selector-id="channelIcon"
   >
     <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/DotProvider/hooks/useDownloadAssetsAndSetAttr.js

@@ -106,10 +106,7 @@ function useDownloadAssetsAndSetAttr(_ref) {
   }
 
   function setZoomSizeAttribute() {
-    var zoomLower = String(baseZoomUnit).toLowerCase();
-    var varLower = String(zoomUnitVariable).toLowerCase();
-
-    if (!needZoom || zoomLower === 'none' || zoomLower === 'unset' || varLower === 'none' || varLower === 'unset') {
+    if (!needZoom) {
       return;
     }
 
@@ -125,10 +122,7 @@ function useDownloadAssetsAndSetAttr(_ref) {
   }
 
   function setFontSizeAttribute() {
-    var fontLower = String(baseFontUnit).toLowerCase();
-    var varLower = String(fontUnitVariable).toLowerCase();
-
-    if (!needFont || fontLower === 'none' || fontLower === 'unset' || varLower === 'none' || varLower === 'unset') {
+    if (!needFont) {
       return;
     }
 
@@ -148,7 +142,7 @@ function useDownloadAssetsAndSetAttr(_ref) {
   }, [themeAppearanceAttr, themeColorAttr, themeAppearance, themeColor, getProviderElement, needTheme]);
   (0, _react.useLayoutEffect)(function () {
     setZoomSizeAttribute();
-  }, [zoomUnitVariable, modifiedZoomUnitWithSuffix, zoomSizePromise, getProviderElement, needZoom, baseZoomUnit]);
+  }, [zoomUnitVariable, modifiedZoomUnitWithSuffix, zoomSizePromise, getProviderElement, needZoom]);
   (0, _react.useLayoutEffect)(function () {
     setFontSizeAttribute();
   }, [fontUnitVariable, baseFontUnit, fontSizePromise, getProviderElement, needFont]);

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js

@@ -1,5 +1,3 @@
 "use strict";
 
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkTheme.module.css");
-
-require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkModifyCategory.module.css");
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkTheme.module.css");

package/lib/Drawer/Drawer.js

@@ -179,7 +179,7 @@ var Content = /*#__PURE__*/function (_React$Component2) {
       return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
         scroll: "vertical",
         isScrollAttribute: true,
-        customClass: "".concat(className ? className : '', " ").concat(paddingSize ? _DrawerModule["default"]["".concat(paddingSize, "ContentPadding")] : ''),
+        customClass: " ".concat(paddingSize ? _DrawerModule["default"]["".concat(paddingSize, "ContentPadding")] : '', " ").concat(className ? className : ''),
         eleRef: eleRef
       }, children);
     }
@@ -209,11 +209,15 @@ var Footer = /*#__PURE__*/function (_React$Component3) {
           paddingLeftSize = _this$props3.paddingLeftSize,
           paddingRightClass = _this$props3.paddingRightClass,
           children = _this$props3.children,
+          testId = _this$props3.testId,
+          customId = _this$props3.customId,
           size = _this$props3.size;
       return /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
         size: size,
         paddingLeftSize: paddingLeftSize,
-        paddingRightClass: paddingRightClass
+        paddingRightClass: paddingRightClass,
+        customId: customId,
+        testId: testId
       }, children);
     }
   }]);
@@ -355,7 +359,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
         responsiveId: responsiveId
       }, function (_ref3) {
         var uptoTablet = _ref3.uptoTablet;
-        var styleByResolutions = "".concat(subDrawerClass, " ").concat(_DrawerModule["default"].secondDrawer, " ").concat(uptoTablet ? "".concat(_DrawerModule["default"].secondMobDrawer, " ").concat(_DrawerModule["default"].mbleSize) : "".concat(_DrawerModule["default"][subDrawerSize]), " ");
+        var styleByResolutions = "".concat(_DrawerModule["default"].secondDrawer, " ").concat(uptoTablet ? "".concat(_DrawerModule["default"].secondMobDrawer, " ").concat(_DrawerModule["default"].mbleSize) : "".concat(_DrawerModule["default"][subDrawerSize]), " ").concat(subDrawerClass);
         return needFreeze ? /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
           onClick: onClose,
           isActive: isActive,

package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Content Component Snapshots renders Content with paddingSize - large 1`] = `
 <DocumentFragment>
   <div
-    class="largeContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical largeContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -17,7 +17,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - large 1`
 exports[`Content Component Snapshots renders Content with paddingSize - large and isVisible - false 1`] = `
 <DocumentFragment>
   <div
-    class="largeContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical largeContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -31,7 +31,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - large an
 exports[`Content Component Snapshots renders Content with paddingSize - large and isVisible - true 1`] = `
 <DocumentFragment>
   <div
-    class="largeContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical largeContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -45,7 +45,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - large an
 exports[`Content Component Snapshots renders Content with paddingSize - medium 1`] = `
 <DocumentFragment>
   <div
-    class="mediumContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical mediumContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -59,7 +59,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - medium 1
 exports[`Content Component Snapshots renders Content with paddingSize - medium and isVisible - false 1`] = `
 <DocumentFragment>
   <div
-    class="mediumContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical mediumContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -73,7 +73,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - medium a
 exports[`Content Component Snapshots renders Content with paddingSize - medium and isVisible - true 1`] = `
 <DocumentFragment>
   <div
-    class="mediumContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical mediumContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -87,7 +87,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - medium a
 exports[`Content Component Snapshots renders Content with paddingSize - small 1`] = `
 <DocumentFragment>
   <div
-    class="smallContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical smallContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -101,7 +101,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - small 1`
 exports[`Content Component Snapshots renders Content with paddingSize - small and isVisible - false 1`] = `
 <DocumentFragment>
   <div
-    class="smallContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical smallContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"
@@ -115,7 +115,7 @@ exports[`Content Component Snapshots renders Content with paddingSize - small an
 exports[`Content Component Snapshots renders Content with paddingSize - small and isVisible - true 1`] = `
 <DocumentFragment>
   <div
-    class="smallContentPadding grow basis shrinkOff scrolly"
+    class="flexible basis_zero noShrink scroll_vertical smallContentPadding"
     data-id="CardContent"
     data-scroll="true"
     data-selector-id="cardContent"