@zohodesk/dot 1.9.16 → 1.9.17

package/es/ChannelIcon/ChannelIcon.js

@@ -69,7 +69,7 @@ export default class ChannelIcon extends Component {
       name: iconName,
       iconSize: iconSize,
       size: size,
-      iconClass: `${style.iconStyle} ${name && action ? style[`${name.toLowerCase()}_${action.toLowerCase()}`] : ''} ${iconClass ? iconClass : ''} `,
+      iconClass: `${style.iconStyle} ${name && action ? style[`${name.toLowerCase()}_${action.toLowerCase()}`] : ''} ${iconClass} `,
       dataId: dataId,
       className: className,
       iconColor: iconColor,
@@ -86,11 +86,11 @@ export default class ChannelIcon extends Component {
     }, avatarProps)) : /*#__PURE__*/React.createElement(Icon, _extends({
       name: iconName,
       size: iconSize,
-      iconClass: `${iconClass ? iconClass : ''} ${style.iconStyle} ${name && action ? style[`${name.toLowerCase()}_${action.toLowerCase()}`] : ''}`,
+      iconClass: ` ${style.iconStyle} ${name && action ? style[`${name.toLowerCase()}_${action.toLowerCase()}`] : ''} ${iconClass}`,
       title: iconTitle,
       dataId: dataId
     }, iconProps)), topicIcon ? /*#__PURE__*/React.createElement("span", {
-      className: `${style.thread} ${needTopicBorder ? style.threadBorder : ''} ${topicClass ? topicClass : ''}`,
+      className: `${style.thread} ${needTopicBorder ? style.threadBorder : ''} ${topicClass}`,
       "data-title": topicIconTitle
     }, /*#__PURE__*/React.createElement(Icon, {
       name: topicIcon,

package/es/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/es/Drawer/Drawer.js

@@ -106,7 +106,7 @@ export class Content extends React.Component {
     return /*#__PURE__*/React.createElement(CardContent, {
       scroll: "vertical",
       isScrollAttribute: true,
-      customClass: `${className ? className : ''} ${paddingSize ? style[`${paddingSize}ContentPadding`] : ''}`,
+      customClass: ` ${paddingSize ? style[`${paddingSize}ContentPadding`] : ''} ${className ? className : ''}`,
       eleRef: eleRef
     }, children);
   }
@@ -249,7 +249,7 @@ export default class Drawer extends React.Component {
     }, ({
       uptoTablet
     }) => {
-      let styleByResolutions = `${subDrawerClass} ${style.secondDrawer} ${uptoTablet ? `${style.secondMobDrawer} ${style.mbleSize}` : `${style[subDrawerSize]}`} `;
+      let styleByResolutions = `${style.secondDrawer} ${uptoTablet ? `${style.secondMobDrawer} ${style.mbleSize}` : `${style[subDrawerSize]}`} ${subDrawerClass}`;
       return needFreeze ? /*#__PURE__*/React.createElement(FreezeLayer, {
         onClick: onClose,
         isActive: isActive,

package/es/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/es/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"