@zohodesk/dot 1.9.16 → 1.9.17

package/lib/ChannelIcon/ChannelIcon.js

@@ -120,7 +120,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 +137,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: "".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/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);
     }
@@ -359,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"

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

@@ -3,12 +3,12 @@
 exports[`Drawer Component Snapshots renders Drawer with all options combined 1`] = `
 <DocumentFragment>
   <div
-    class="container combined-drawer index5 default"
+    class="container index5 default combined-drawer"
     data-drag-parent="true"
     style="z-index: 5;"
   >
     <div
-      class="flex cover rowdir"
+      class="flex fullSize row"
       data-id="reactFreezeLayer"
       data-selector-id="container"
       data-test-id="reactFreezeLayer"
@@ -22,14 +22,14 @@ exports[`Drawer Component Snapshots renders Drawer with flexible set to true 1`]
 exports[`Drawer Component Snapshots renders Drawer with isActive set to true 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -37,7 +37,7 @@ exports[`Drawer Component Snapshots renders Drawer with isActive set to true 1`]
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -60,14 +60,14 @@ exports[`Drawer Component Snapshots renders Drawer with needFreeze set to true 1
 exports[`Drawer Component Snapshots renders Drawer with palette - dark 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -75,7 +75,7 @@ exports[`Drawer Component Snapshots renders Drawer with palette - dark 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -88,14 +88,14 @@ exports[`Drawer Component Snapshots renders Drawer with palette - dark 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with palette - darkLight 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -103,7 +103,7 @@ exports[`Drawer Component Snapshots renders Drawer with palette - darkLight 1`]
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -116,14 +116,14 @@ exports[`Drawer Component Snapshots renders Drawer with palette - darkLight 1`]
 exports[`Drawer Component Snapshots renders Drawer with palette - default 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -131,7 +131,7 @@ exports[`Drawer Component Snapshots renders Drawer with palette - default 1`] =
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -144,14 +144,14 @@ exports[`Drawer Component Snapshots renders Drawer with palette - default 1`] =
 exports[`Drawer Component Snapshots renders Drawer with palette - plain 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -159,7 +159,7 @@ exports[`Drawer Component Snapshots renders Drawer with palette - plain 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -172,14 +172,14 @@ exports[`Drawer Component Snapshots renders Drawer with palette - plain 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - default 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal default  shrinkOff"
+      class="noShrink container columns drawerModal default"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -187,7 +187,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - default 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -200,14 +200,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - default 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - large 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal large  shrinkOff"
+      class="noShrink container columns drawerModal large"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -215,7 +215,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - large 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -228,14 +228,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - large 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - medium 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal medium  shrinkOff"
+      class="noShrink container columns drawerModal medium"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -243,7 +243,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - medium 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -256,14 +256,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - medium 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - small 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -271,7 +271,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - small 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -284,14 +284,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - small 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - xlarge 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal xlarge  shrinkOff"
+      class="noShrink container columns drawerModal xlarge"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -299,7 +299,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - xlarge 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -312,14 +312,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - xlarge 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - xmedium 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal xmedium  shrinkOff"
+      class="noShrink container columns drawerModal xmedium"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -327,7 +327,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - xmedium 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -340,14 +340,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - xmedium 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - xsmall 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal xsmall  shrinkOff"
+      class="noShrink container columns drawerModal xsmall"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -355,7 +355,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - xsmall 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -368,14 +368,14 @@ exports[`Drawer Component Snapshots renders Drawer with size - xsmall 1`] = `
 exports[`Drawer Component Snapshots renders Drawer with size - xxlarge 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal xxlarge  shrinkOff"
+      class="noShrink container columns drawerModal xxlarge"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -383,7 +383,7 @@ exports[`Drawer Component Snapshots renders Drawer with size - xxlarge 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -398,14 +398,14 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerActive set to t
 exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - medium 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -413,7 +413,7 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - medium 1
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -426,14 +426,14 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - medium 1
 exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - small 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -441,7 +441,7 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - small 1`
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -454,14 +454,14 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - small 1`
 exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - xsmall 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -469,7 +469,7 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - xsmall 1
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -482,14 +482,14 @@ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - xsmall 1
 exports[`Drawer Component Snapshots renders with custom className 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay custom-drawer flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay custom-drawer"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -497,7 +497,7 @@ exports[`Drawer Component Snapshots renders with custom className 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -510,14 +510,14 @@ exports[`Drawer Component Snapshots renders with custom className 1`] = `
 exports[`Drawer Component Snapshots renders with customProps 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -525,7 +525,7 @@ exports[`Drawer Component Snapshots renders with customProps 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
@@ -538,14 +538,14 @@ exports[`Drawer Component Snapshots renders with customProps 1`] = `
 exports[`Drawer Component Snapshots renders with default props 1`] = `
 <DocumentFragment>
   <div
-    class="isOverlay  flex cover rowdir right scrollnone"
+    class="flex fullSize row justifyContent_end scroll_hidden isOverlay"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
     style="z-index: 4;"
   >
     <div
-      class="container columns drawerModal small  shrinkOff"
+      class="noShrink container columns drawerModal small"
       data-a11y-need-focus-style="false"
       data-id="boxComponent"
       data-selector-id="box"
@@ -553,7 +553,7 @@ exports[`Drawer Component Snapshots renders with default props 1`] = `
       tabindex="-1"
     >
       <div
-        class="flex cover coldir"
+        class="flex fullSize column"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"