npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.744 → 3.0.745 - Mend

@cloudscape-design/components-themeable 3.0.744 → 3.0.745

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

package/lib/internal/template/app-layout/drawer/styles.scoped.css CHANGED Viewed

@@ -186,88 +186,88 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_toggle_1uo6m_ml3h9_189:not(#\9) {
+.awsui_toggle_1uo6m_1kiib_189:not(#\9) {
   box-sizing: border-box;
   padding-block: var(--space-xxs-9rrxti, 4px);
   padding-inline: 7px;
 }
-.awsui_drawer-triggers_1uo6m_ml3h9_195:not(#\9) {
+.awsui_drawer-triggers_1uo6m_1kiib_195:not(#\9) {
   box-sizing: border-box;
 }
-.awsui_drawer_1uo6m_ml3h9_195:not(#\9) {
+.awsui_drawer_1uo6m_1kiib_195:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-eyw753, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_drawer_1uo6m_ml3h9_195:not(#\9):not(.awsui_drawer-mobile_1uo6m_ml3h9_205) {
+.awsui_drawer_1uo6m_1kiib_195:not(#\9):not(.awsui_drawer-mobile_1uo6m_1kiib_205) {
   z-index: 830;
 }
-.awsui_drawer-closed_1uo6m_ml3h9_208:not(#\9) {
+.awsui_drawer-closed_1uo6m_1kiib_208:not(#\9) {
   min-inline-size: 40px;
 }
-.awsui_drawer-closed_1uo6m_ml3h9_208.awsui_drawer-mobile_1uo6m_ml3h9_205:not(#\9) {
+.awsui_drawer-closed_1uo6m_1kiib_208.awsui_drawer-mobile_1uo6m_1kiib_205:not(#\9) {
   display: none;
 }
-.awsui_drawer-content_1uo6m_ml3h9_215:not(#\9) {
+.awsui_drawer-content_1uo6m_1kiib_215:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-ml98gw, #ffffff);
 }
-.awsui_drawer-mobile_1uo6m_ml3h9_205 > .awsui_drawer-content_1uo6m_ml3h9_215:not(#\9) {
+.awsui_drawer-mobile_1uo6m_1kiib_205 > .awsui_drawer-content_1uo6m_1kiib_215:not(#\9) {
   z-index: 1001;
   inset: 0;
 }
-.awsui_drawer-closed_1uo6m_ml3h9_208 > .awsui_drawer-content_1uo6m_ml3h9_215:not(#\9) {
+.awsui_drawer-closed_1uo6m_1kiib_208 > .awsui_drawer-content_1uo6m_1kiib_215:not(#\9) {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1uo6m_ml3h9_208 > .awsui_drawer-content_1uo6m_ml3h9_215.awsui_drawer-content-clickable_1uo6m_ml3h9_227:not(#\9) {
+.awsui_drawer-closed_1uo6m_1kiib_208 > .awsui_drawer-content_1uo6m_1kiib_215.awsui_drawer-content-clickable_1uo6m_1kiib_227:not(#\9) {
   cursor: pointer;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_drawer-closed_1uo6m_ml3h9_208 > .awsui_drawer-content_1uo6m_ml3h9_215.awsui_drawer-content-clickable_1uo6m_ml3h9_227:not(#\9):hover {
+.awsui_drawer-closed_1uo6m_1kiib_208 > .awsui_drawer-content_1uo6m_1kiib_215.awsui_drawer-content-clickable_1uo6m_1kiib_227:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-58t7r5, #eaeded);
 }
-.awsui_drawer-content_1uo6m_ml3h9_215 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_1uo6m_1kiib_215 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_drawer-content_1uo6m_ml3h9_215 > .awsui_drawer-resize-content_1uo6m_ml3h9_237:not(#\9) {
+.awsui_drawer-content_1uo6m_1kiib_215 > .awsui_drawer-resize-content_1uo6m_1kiib_237:not(#\9) {
   overflow: auto;
   block-size: 100%;
   position: relative;
 }
-.awsui_drawer-triggers-wrapper_1uo6m_ml3h9_243:not(#\9) {
+.awsui_drawer-triggers-wrapper_1uo6m_1kiib_243:not(#\9) {
   display: flex;
   flex-direction: column;
   text-align: center;
   align-items: stretch;
 }
-.awsui_drawer-trigger_1uo6m_ml3h9_195:not(#\9) {
+.awsui_drawer-trigger_1uo6m_1kiib_195:not(#\9) {
   padding-block: var(--space-xxs-9rrxti, 4px);
   padding-inline: 7px;
   cursor: pointer;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_drawer-trigger_1uo6m_ml3h9_195:not(#\9):not(:first-child) {
-  border-block-start: 1px solid var(--color-border-layout-py7xy0, #d5dbdb);
+.awsui_drawer-trigger_1uo6m_1kiib_195:not(#\9):not(:first-child) {
+  border-block-start: 1px solid var(--color-border-layout-hnd6e7, #d5dbdb);
 }
-.awsui_drawer-trigger_1uo6m_ml3h9_195:not(#\9):hover {
+.awsui_drawer-trigger_1uo6m_1kiib_195:not(#\9):hover {
   color: var(--color-text-layout-toggle-hover-j81kcb, #0073bb);
 }
-.awsui_drawer-trigger-active_1uo6m_ml3h9_262:not(#\9), .awsui_drawer-trigger-active_1uo6m_ml3h9_262:not(#\9):hover {
+.awsui_drawer-trigger-active_1uo6m_1kiib_262:not(#\9), .awsui_drawer-trigger-active_1uo6m_1kiib_262:not(#\9):hover {
   background-color: var(--color-background-layout-toggle-selected-default-rmibh3, #0073bb);
   color: var(--color-text-layout-toggle-active-zmvv31, #ffffff);
 }
-.awsui_drawer-content-clickable_1uo6m_ml3h9_227 > .awsui_drawer-triggers-wrapper_1uo6m_ml3h9_243 > .awsui_drawer-trigger_1uo6m_ml3h9_195:not(#\9):hover {
+.awsui_drawer-content-clickable_1uo6m_1kiib_227 > .awsui_drawer-triggers-wrapper_1uo6m_1kiib_243 > .awsui_drawer-trigger_1uo6m_1kiib_195:not(#\9):hover {
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_resize-handle-wrapper_1uo6m_ml3h9_270:not(#\9) {
+.awsui_resize-handle-wrapper_1uo6m_1kiib_270:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -277,6 +277,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
 }
-.awsui_hide_1uo6m_ml3h9_280:not(#\9) {
+.awsui_hide_1uo6m_1kiib_280:not(#\9) {
   display: none;
 }

package/lib/internal/template/app-layout/drawer/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle": "awsui_toggle_1uo6m_ml3h9_189",
-  "drawer-triggers": "awsui_drawer-triggers_1uo6m_ml3h9_195",
-  "drawer": "awsui_drawer_1uo6m_ml3h9_195",
-  "drawer-mobile": "awsui_drawer-mobile_1uo6m_ml3h9_205",
-  "drawer-closed": "awsui_drawer-closed_1uo6m_ml3h9_208",
-  "drawer-content": "awsui_drawer-content_1uo6m_ml3h9_215",
-  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_ml3h9_227",
-  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_ml3h9_237",
-  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_ml3h9_243",
-  "drawer-trigger": "awsui_drawer-trigger_1uo6m_ml3h9_195",
-  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_ml3h9_262",
-  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_ml3h9_270",
-  "hide": "awsui_hide_1uo6m_ml3h9_280"
+  "toggle": "awsui_toggle_1uo6m_1kiib_189",
+  "drawer-triggers": "awsui_drawer-triggers_1uo6m_1kiib_195",
+  "drawer": "awsui_drawer_1uo6m_1kiib_195",
+  "drawer-mobile": "awsui_drawer-mobile_1uo6m_1kiib_205",
+  "drawer-closed": "awsui_drawer-closed_1uo6m_1kiib_208",
+  "drawer-content": "awsui_drawer-content_1uo6m_1kiib_215",
+  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_1kiib_227",
+  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_1kiib_237",
+  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_1kiib_243",
+  "drawer-trigger": "awsui_drawer-trigger_1uo6m_1kiib_195",
+  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_1kiib_262",
+  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_1kiib_270",
+  "hide": "awsui_hide_1uo6m_1kiib_280"
 };

package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js CHANGED Viewed

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_o4vm1_149",
-  "mobile-bar": "awsui_mobile-bar_19d8l_o4vm1_153",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_o4vm1_166",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_o4vm1_173",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_o4vm1_182",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_o4vm1_185",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_o4vm1_185",
-  "drawers-container": "awsui_drawers-container_19d8l_o4vm1_192"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_kuah4_149",
+  "mobile-bar": "awsui_mobile-bar_19d8l_kuah4_153",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_kuah4_166",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_kuah4_173",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_kuah4_182",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_kuah4_185",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_kuah4_185",
+  "drawers-container": "awsui_drawers-container_19d8l_kuah4_192"
 };

package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css CHANGED Viewed

@@ -146,11 +146,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_block-body-scroll_19d8l_o4vm1_149:not(#\9) {
+.awsui_block-body-scroll_19d8l_kuah4_149:not(#\9) {
   overflow: hidden;
 }
-.awsui_mobile-bar_19d8l_o4vm1_153:not(#\9) {
+.awsui_mobile-bar_19d8l_kuah4_153:not(#\9) {
   position: sticky;
   display: flex;
   align-items: center;
@@ -163,14 +163,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: calc(2 * var(--space-m-kpg8id, 16px) + var(--space-scaled-xs-x91h81, 8px));
 }
-.awsui_mobile-bar-breadcrumbs_19d8l_o4vm1_166:not(#\9) {
+.awsui_mobile-bar-breadcrumbs_19d8l_kuah4_166:not(#\9) {
   min-inline-size: 0;
   flex: 1;
   margin-inline-start: var(--space-m-kpg8id, 16px);
   margin-inline-end: var(--space-m-kpg8id, 16px);
 }
-.awsui_mobile-toggle_19d8l_o4vm1_173:not(#\9) {
+.awsui_mobile-toggle_19d8l_kuah4_173:not(#\9) {
   box-sizing: border-box;
   cursor: pointer;
   z-index: 1;
@@ -179,17 +179,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 40px;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_mobile-toggle-type-navigation_19d8l_o4vm1_182:not(#\9) {
-  border-inline-end: 1px solid var(--color-border-layout-py7xy0, #d5dbdb);
+.awsui_mobile-toggle-type-navigation_19d8l_kuah4_182:not(#\9) {
+  border-inline-end: 1px solid var(--color-border-layout-hnd6e7, #d5dbdb);
 }
-.awsui_mobile-toggle-type-tools_19d8l_o4vm1_185:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_o4vm1_185:not(#\9) {
-  border-inline-start: 1px solid var(--color-border-layout-py7xy0, #d5dbdb);
+.awsui_mobile-toggle-type-tools_19d8l_kuah4_185:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_kuah4_185:not(#\9) {
+  border-inline-start: 1px solid var(--color-border-layout-hnd6e7, #d5dbdb);
 }
-.awsui_mobile-toggle_19d8l_o4vm1_173:not(#\9):hover {
+.awsui_mobile-toggle_19d8l_kuah4_173:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-58t7r5, #eaeded);
 }
-.awsui_drawers-container_19d8l_o4vm1_192:not(#\9) {
+.awsui_drawers-container_19d8l_kuah4_192:not(#\9) {
   display: flex;
   align-items: stretch;
 }

package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js CHANGED Viewed

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_o4vm1_149",
-  "mobile-bar": "awsui_mobile-bar_19d8l_o4vm1_153",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_o4vm1_166",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_o4vm1_173",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_o4vm1_182",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_o4vm1_185",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_o4vm1_185",
-  "drawers-container": "awsui_drawers-container_19d8l_o4vm1_192"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_kuah4_149",
+  "mobile-bar": "awsui_mobile-bar_19d8l_kuah4_153",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_kuah4_166",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_kuah4_173",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_kuah4_182",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_kuah4_185",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_kuah4_185",
+  "drawers-container": "awsui_drawers-container_19d8l_kuah4_192"
 };

package/lib/internal/template/app-layout/resize/styles.css.js ADDED Viewed

@@ -0,0 +1,9 @@
+    import './styles.scoped.css';
+    export default {
+  "with-motion": "awsui_with-motion_b18tp_ejx9c_142",
+  "resize-active": "awsui_resize-active_b18tp_ejx9c_161",
+  "resize-side": "awsui_resize-side_b18tp_ejx9c_171",
+  "resize-bottom": "awsui_resize-bottom_b18tp_ejx9c_174"
+};

package/lib/internal/template/app-layout/resize/styles.scoped.css ADDED Viewed

@@ -0,0 +1,179 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+@media (min-width: 689px) {
+  .awsui_with-motion_b18tp_ejx9c_142:not(#\9) {
+    transition: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
+    transition-property: border-color, opacity, block-size, inline-size;
+  }
+}
+@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
+  .awsui_with-motion_b18tp_ejx9c_142:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+@media (min-width: 689px) {
+  .awsui-motion-disabled .awsui_with-motion_b18tp_ejx9c_142:not(#\9), .awsui-mode-entering .awsui_with-motion_b18tp_ejx9c_142:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+/* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
+.awsui_resize-active_b18tp_ejx9c_161 *:not(#\9) {
+  -webkit-user-select: none;
+          user-select: none;
+}
+.awsui_resize-active_b18tp_ejx9c_161 * .awsui_with-motion_b18tp_ejx9c_142:not(#\9) {
+  transition: none;
+  animation: none;
+}
+.awsui_resize-active_b18tp_ejx9c_161 iframe:not(#\9) {
+  pointer-events: none;
+}
+.awsui_resize-side_b18tp_ejx9c_171 *:not(#\9) {
+  cursor: ew-resize;
+}
+.awsui_resize-bottom_b18tp_ejx9c_174 *:not(#\9) {
+  cursor: ns-resize;
+}
+/* stylelint-enable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */

package/lib/internal/template/app-layout/resize/styles.selectors.js ADDED Viewed

@@ -0,0 +1,10 @@
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "with-motion": "awsui_with-motion_b18tp_ejx9c_142",
+  "resize-active": "awsui_resize-active_b18tp_ejx9c_161",
+  "resize-side": "awsui_resize-side_b18tp_ejx9c_171",
+  "resize-bottom": "awsui_resize-bottom_b18tp_ejx9c_174"
+};

package/lib/internal/template/app-layout/styles.css.js CHANGED Viewed

@@ -1,21 +1,17 @@
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_lm6vo_131e2_150",
-  "resize-side": "awsui_resize-side_lm6vo_131e2_156",
-  "resize-bottom": "awsui_resize-bottom_lm6vo_131e2_159",
-  "with-motion": "awsui_with-motion_lm6vo_131e2_164",
-  "root": "awsui_root_lm6vo_131e2_179",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_131e2_186",
-  "layout": "awsui_layout_lm6vo_131e2_191",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_131e2_197",
-  "layout-main": "awsui_layout-main_lm6vo_131e2_201",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_131e2_207",
-  "unfocusable": "awsui_unfocusable_lm6vo_131e2_212",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_131e2_216",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_131e2_221",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_131e2_225",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_131e2_229",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_131e2_233"
+  "root": "awsui_root_lm6vo_1utj9_149",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1utj9_156",
+  "layout": "awsui_layout_lm6vo_1utj9_161",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1utj9_167",
+  "layout-main": "awsui_layout-main_lm6vo_1utj9_171",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1utj9_177",
+  "unfocusable": "awsui_unfocusable_lm6vo_1utj9_182",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1utj9_186",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1utj9_191",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1utj9_195",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1utj9_199",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1utj9_203"
 };

package/lib/internal/template/app-layout/styles.scoped.css CHANGED Viewed

@@ -146,91 +146,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.awsui_resize-active_lm6vo_131e2_150 *:not(#\9) {
-  -webkit-user-select: none;
-          user-select: none;
-}
-.awsui_resize-active_lm6vo_131e2_150 iframe:not(#\9) {
-  pointer-events: none;
-}
-.awsui_resize-side_lm6vo_131e2_156 *:not(#\9) {
-  cursor: ew-resize;
-}
-.awsui_resize-bottom_lm6vo_131e2_159 *:not(#\9) {
-  cursor: ns-resize;
-}
-/* stylelint-enable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.awsui_with-motion_lm6vo_131e2_164:not(#\9) {
-  transition: var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
-  transition-property: border-color, opacity, width;
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_with-motion_lm6vo_131e2_164:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_with-motion_lm6vo_131e2_164:not(#\9), .awsui-mode-entering .awsui_with-motion_lm6vo_131e2_164:not(#\9) {
-  animation: none;
-  transition: none;
-}
-.awsui_root_lm6vo_131e2_179:not(#\9) {
+.awsui_root_lm6vo_1utj9_149:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_root-no-scroll_lm6vo_131e2_186:not(#\9) {
+.awsui_root-no-scroll_lm6vo_1utj9_156:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_layout_lm6vo_131e2_191:not(#\9) {
+.awsui_layout_lm6vo_1utj9_161:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
 }
-.awsui_layout-no-scroll_lm6vo_131e2_197:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_1utj9_167:not(#\9) {
   overflow: hidden;
 }
-.awsui_layout-main_lm6vo_131e2_201:not(#\9) {
+.awsui_layout-main_lm6vo_1utj9_171:not(#\9) {
   flex: 1;
   min-inline-size: 0;
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_131e2_207:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_1utj9_177:not(#\9) {
   overflow: auto;
 }
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_131e2_212 *:not(#\9) {
+.awsui_unfocusable_lm6vo_1utj9_182 *:not(#\9) {
   visibility: hidden;
 }
-.awsui_breadcrumbs-desktop_lm6vo_131e2_216:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_1utj9_186:not(#\9) {
   padding-block-start: var(--space-scaled-m-er48cl, 16px);
   padding-block-end: var(--space-scaled-s-9q8n2q, 12px);
 }
-.awsui_content-header-wrapper_lm6vo_131e2_221:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_1utj9_191:not(#\9) {
   padding-block-end: var(--space-content-header-padding-bottom-d3iv03, 16px);
 }
-.awsui_content-wrapper_lm6vo_131e2_225:not(#\9) {
+.awsui_content-wrapper_lm6vo_1utj9_195:not(#\9) {
   padding-block-end: var(--space-layout-content-bottom-ve4osc, 20px);
 }
-.awsui_content-overlapped_lm6vo_131e2_229:not(#\9) {
+.awsui_content-overlapped_lm6vo_1utj9_199:not(#\9) {
   margin-block-start: calc(-1 * var(--space-dark-header-overlap-distance-f6oo6u, 0px));
 }
-.awsui_content-extra-top-padding_lm6vo_131e2_233:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_1utj9_203:not(#\9) {
   padding-block-start: var(--space-scaled-m-er48cl, 16px);
 }

package/lib/internal/template/app-layout/styles.selectors.js CHANGED Viewed

@@ -2,21 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_lm6vo_131e2_150",
-  "resize-side": "awsui_resize-side_lm6vo_131e2_156",
-  "resize-bottom": "awsui_resize-bottom_lm6vo_131e2_159",
-  "with-motion": "awsui_with-motion_lm6vo_131e2_164",
-  "root": "awsui_root_lm6vo_131e2_179",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_131e2_186",
-  "layout": "awsui_layout_lm6vo_131e2_191",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_131e2_197",
-  "layout-main": "awsui_layout-main_lm6vo_131e2_201",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_131e2_207",
-  "unfocusable": "awsui_unfocusable_lm6vo_131e2_212",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_131e2_216",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_131e2_221",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_131e2_225",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_131e2_229",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_131e2_233"
+  "root": "awsui_root_lm6vo_1utj9_149",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1utj9_156",
+  "layout": "awsui_layout_lm6vo_1utj9_161",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1utj9_167",
+  "layout-main": "awsui_layout-main_lm6vo_1utj9_171",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1utj9_177",
+  "unfocusable": "awsui_unfocusable_lm6vo_1utj9_182",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1utj9_186",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1utj9_191",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1utj9_195",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1utj9_199",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1utj9_203"
 };

package/lib/internal/template/app-layout/utils/use-drawers.js CHANGED Viewed

@@ -98,7 +98,7 @@ export function useDrawers({ drawers, activeDrawerId: controlledActiveDrawerId,
     activeDrawerIdResolved = (_a = activeDrawer === null || activeDrawer === void 0 ? void 0 : activeDrawer.id) !== null && _a !== void 0 ? _a : null;
     const activeDrawerSize = activeDrawerIdResolved
         ? (_c = (_b = drawerSizes[activeDrawerIdResolved]) !== null && _b !== void 0 ? _b : activeDrawer === null || activeDrawer === void 0 ? void 0 : activeDrawer.defaultSize) !== null && _c !== void 0 ? _c : toolsProps.toolsWidth
-        : 0;
+        : toolsProps.toolsWidth;
     const minDrawerSize = Math.min((_d = activeDrawer === null || activeDrawer === void 0 ? void 0 : activeDrawer.defaultSize) !== null && _d !== void 0 ? _d : 290, 290);
     return {
         ariaLabelsWithDrawers: ariaLabels,