@cloudscape-design/components-themeable 3.0.1344 → 3.0.1346

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle": "awsui_toggle_1uo6m_g7y00_193",
-  "drawer-triggers": "awsui_drawer-triggers_1uo6m_g7y00_199",
-  "drawer": "awsui_drawer_1uo6m_g7y00_199",
-  "drawer-mobile": "awsui_drawer-mobile_1uo6m_g7y00_209",
-  "drawer-closed": "awsui_drawer-closed_1uo6m_g7y00_212",
-  "drawer-content": "awsui_drawer-content_1uo6m_g7y00_219",
-  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_g7y00_233",
-  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_g7y00_243",
-  "drawer-content-wrapper": "awsui_drawer-content-wrapper_1uo6m_g7y00_248",
-  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_g7y00_252",
-  "drawer-trigger": "awsui_drawer-trigger_1uo6m_g7y00_199",
-  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_g7y00_271",
-  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_g7y00_279",
-  "hide": "awsui_hide_1uo6m_g7y00_289"
+  "toggle": "awsui_toggle_1uo6m_f265c_193",
+  "drawer-triggers": "awsui_drawer-triggers_1uo6m_f265c_199",
+  "drawer": "awsui_drawer_1uo6m_f265c_199",
+  "drawer-mobile": "awsui_drawer-mobile_1uo6m_f265c_209",
+  "drawer-closed": "awsui_drawer-closed_1uo6m_f265c_212",
+  "drawer-content": "awsui_drawer-content_1uo6m_f265c_219",
+  "drawer-content-clickable": "awsui_drawer-content-clickable_1uo6m_f265c_233",
+  "drawer-resize-content": "awsui_drawer-resize-content_1uo6m_f265c_243",
+  "drawer-content-wrapper": "awsui_drawer-content-wrapper_1uo6m_f265c_248",
+  "drawer-triggers-wrapper": "awsui_drawer-triggers-wrapper_1uo6m_f265c_252",
+  "drawer-trigger": "awsui_drawer-trigger_1uo6m_f265c_199",
+  "drawer-trigger-active": "awsui_drawer-trigger-active_1uo6m_f265c_271",
+  "resize-handle-wrapper": "awsui_resize-handle-wrapper_1uo6m_f265c_279",
+  "hide": "awsui_hide_1uo6m_f265c_289"
 };
   

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

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "block-body-scroll": "awsui_block-body-scroll_19d8l_qkbo5_153",
-  "mobile-bar": "awsui_mobile-bar_19d8l_qkbo5_157",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_qkbo5_170",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_qkbo5_177",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_qkbo5_186",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_qkbo5_189",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_qkbo5_189",
-  "drawers-container": "awsui_drawers-container_19d8l_qkbo5_196"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_fysg0_153",
+  "mobile-bar": "awsui_mobile-bar_19d8l_fysg0_157",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_fysg0_170",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_fysg0_177",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_fysg0_186",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_fysg0_189",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_fysg0_189",
+  "drawers-container": "awsui_drawers-container_19d8l_fysg0_196"
 };
   

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

@@ -150,11 +150,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_qkbo5_153:not(#\9) {
+.awsui_block-body-scroll_19d8l_fysg0_153:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_mobile-bar_19d8l_qkbo5_157:not(#\9) {
+.awsui_mobile-bar_19d8l_fysg0_157:not(#\9) {
   position: sticky;
   display: flex;
   align-items: center;
@@ -162,38 +162,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1000;
   inline-size: 100%;
   box-sizing: border-box;
-  background-color: var(--color-background-layout-mobile-panel-20j5lz, #ffffff);
-  box-shadow: var(--shadow-panel-ywy40s, 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));
-  block-size: calc(2 * var(--space-m-n2lypl, 16px) + var(--space-scaled-xs-sppte9, 8px));
+  background-color: var(--color-background-layout-mobile-panel-u5g4jx, #ffffff);
+  box-shadow: var(--shadow-panel-8l4v80, 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));
+  block-size: calc(2 * var(--space-m-n8iq8o, 16px) + var(--space-scaled-xs-pajbd1, 8px));
 }
 
-.awsui_mobile-bar-breadcrumbs_19d8l_qkbo5_170:not(#\9) {
+.awsui_mobile-bar-breadcrumbs_19d8l_fysg0_170:not(#\9) {
   min-inline-size: 0;
   flex: 1;
-  margin-inline-start: var(--space-m-n2lypl, 16px);
-  margin-inline-end: var(--space-m-n2lypl, 16px);
+  margin-inline-start: var(--space-m-n8iq8o, 16px);
+  margin-inline-end: var(--space-m-n8iq8o, 16px);
 }
 
-.awsui_mobile-toggle_19d8l_qkbo5_177:not(#\9) {
+.awsui_mobile-toggle_19d8l_fysg0_177:not(#\9) {
   box-sizing: border-box;
   cursor: pointer;
   z-index: 1;
-  padding-block: var(--space-xxs-jnczic, 4px);
+  padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 7px;
   inline-size: 40px;
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+  color: var(--color-text-interactive-default-pauydh, #545b64);
 }
-.awsui_mobile-toggle-type-navigation_19d8l_qkbo5_186:not(#\9) {
-  border-inline-end: 1px solid var(--color-border-layout-gb61sp, #d5dbdb);
+.awsui_mobile-toggle-type-navigation_19d8l_fysg0_186:not(#\9) {
+  border-inline-end: 1px solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_mobile-toggle-type-tools_19d8l_qkbo5_189:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_qkbo5_189:not(#\9) {
-  border-inline-start: 1px solid var(--color-border-layout-gb61sp, #d5dbdb);
+.awsui_mobile-toggle-type-tools_19d8l_fysg0_189:not(#\9), .awsui_mobile-toggle-type-drawer_19d8l_fysg0_189:not(#\9) {
+  border-inline-start: 1px solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_mobile-toggle_19d8l_qkbo5_177:not(#\9):hover {
-  background: var(--color-background-layout-panel-hover-14iny7, #eaeded);
+.awsui_mobile-toggle_19d8l_fysg0_177:not(#\9):hover {
+  background: var(--color-background-layout-panel-hover-b9uvel, #eaeded);
 }
 
-.awsui_drawers-container_19d8l_qkbo5_196:not(#\9) {
+.awsui_drawers-container_19d8l_fysg0_196:not(#\9) {
   display: flex;
   align-items: stretch;
 }

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

@@ -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_qkbo5_153",
-  "mobile-bar": "awsui_mobile-bar_19d8l_qkbo5_157",
-  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_qkbo5_170",
-  "mobile-toggle": "awsui_mobile-toggle_19d8l_qkbo5_177",
-  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_qkbo5_186",
-  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_qkbo5_189",
-  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_qkbo5_189",
-  "drawers-container": "awsui_drawers-container_19d8l_qkbo5_196"
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_fysg0_153",
+  "mobile-bar": "awsui_mobile-bar_19d8l_fysg0_157",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_fysg0_170",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_fysg0_177",
+  "mobile-toggle-type-navigation": "awsui_mobile-toggle-type-navigation_19d8l_fysg0_186",
+  "mobile-toggle-type-tools": "awsui_mobile-toggle-type-tools_19d8l_fysg0_189",
+  "mobile-toggle-type-drawer": "awsui_mobile-toggle-type-drawer_19d8l_fysg0_189",
+  "drawers-container": "awsui_drawers-container_19d8l_fysg0_196"
 };
   

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_1rd0s_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1rd0s_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1rd0s_25"
+  "notifications": "awsui_notifications_1hmm4_mxe47_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_mxe47_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_mxe47_25"
 };
   

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

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1rd0s_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_1rd0s_10:not(#\9) {
+.awsui_notifications_1hmm4_mxe47_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_mxe47_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_1rd0s_9:not(#\9) {
+.awsui_notifications_1hmm4_mxe47_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_1rd0s_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_mxe47_10:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-q0lyvp, 32px);
+  --awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-xj5vu7, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_1rd0s_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_mxe47_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-esndbs: var(--space-scaled-l-66n9sr, 20px);
+  --awsui-stacked-notifications-bottom-margin-esndbs: var(--space-scaled-l-33ruz6, 20px);
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_1rd0s_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1rd0s_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1rd0s_25"
+  "notifications": "awsui_notifications_1hmm4_mxe47_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_mxe47_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_mxe47_25"
 };
   

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

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_4n3n1_146",
-  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_4n3n1_165",
-  "resize-active": "awsui_resize-active_b18tp_4n3n1_184",
-  "resize-side": "awsui_resize-side_b18tp_4n3n1_195",
-  "resize-bottom": "awsui_resize-bottom_b18tp_4n3n1_198"
+  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_ktyog_146",
+  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_ktyog_165",
+  "resize-active": "awsui_resize-active_b18tp_ktyog_184",
+  "resize-side": "awsui_resize-side_b18tp_ktyog_195",
+  "resize-bottom": "awsui_resize-bottom_b18tp_ktyog_198"
 };
   

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

@@ -143,60 +143,60 @@
 /* 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-vertical_b18tp_4n3n1_146:not(#\9) {
-    transition: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+  .awsui_with-motion-vertical_b18tp_ktyog_146:not(#\9) {
+    transition: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
     transition-property: border-color, opacity, block-size, inset-block-start, inset-block-end;
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9) {
+  .awsui_with-motion-vertical_b18tp_ktyog_146:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9), .awsui-mode-entering .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9) {
+  .awsui-motion-disabled .awsui_with-motion-vertical_b18tp_ktyog_146:not(#\9), .awsui-mode-entering .awsui_with-motion-vertical_b18tp_ktyog_146:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
-    transition: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
+  .awsui_with-motion-horizontal_b18tp_ktyog_165:not(#\9) {
+    transition: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
     transition-property: border-color, opacity, inline-size, inset-inline-start;
   }
 }
 @media (min-width: 689px) and (prefers-reduced-motion: reduce) {
-  .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
+  .awsui_with-motion-horizontal_b18tp_ktyog_165:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 @media (min-width: 689px) {
-  .awsui-motion-disabled .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9), .awsui-mode-entering .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
+  .awsui-motion-disabled .awsui_with-motion-horizontal_b18tp_ktyog_165:not(#\9), .awsui-mode-entering .awsui_with-motion-horizontal_b18tp_ktyog_165:not(#\9) {
     animation: none;
     transition: none;
   }
 }
 
 /* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.awsui_resize-active_b18tp_4n3n1_184 *:not(#\9) {
+.awsui_resize-active_b18tp_ktyog_184 *:not(#\9) {
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_resize-active_b18tp_4n3n1_184 * .awsui_with-motion-vertical_b18tp_4n3n1_146:not(#\9),
-.awsui_resize-active_b18tp_4n3n1_184 * .awsui_with-motion-horizontal_b18tp_4n3n1_165:not(#\9) {
+.awsui_resize-active_b18tp_ktyog_184 * .awsui_with-motion-vertical_b18tp_ktyog_146:not(#\9),
+.awsui_resize-active_b18tp_ktyog_184 * .awsui_with-motion-horizontal_b18tp_ktyog_165:not(#\9) {
   transition: none;
   animation: none;
 }
-.awsui_resize-active_b18tp_4n3n1_184 iframe:not(#\9) {
+.awsui_resize-active_b18tp_ktyog_184 iframe:not(#\9) {
   pointer-events: none;
 }
-.awsui_resize-side_b18tp_4n3n1_195 *:not(#\9) {
+.awsui_resize-side_b18tp_ktyog_195 *:not(#\9) {
   cursor: ew-resize;
 }
-.awsui_resize-bottom_b18tp_4n3n1_198 *:not(#\9) {
+.awsui_resize-bottom_b18tp_ktyog_198 *:not(#\9) {
   cursor: ns-resize;
 }
 

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_4n3n1_146",
-  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_4n3n1_165",
-  "resize-active": "awsui_resize-active_b18tp_4n3n1_184",
-  "resize-side": "awsui_resize-side_b18tp_4n3n1_195",
-  "resize-bottom": "awsui_resize-bottom_b18tp_4n3n1_198"
+  "with-motion-vertical": "awsui_with-motion-vertical_b18tp_ktyog_146",
+  "with-motion-horizontal": "awsui_with-motion-horizontal_b18tp_ktyog_165",
+  "resize-active": "awsui_resize-active_b18tp_ktyog_184",
+  "resize-side": "awsui_resize-side_b18tp_ktyog_195",
+  "resize-bottom": "awsui_resize-bottom_b18tp_ktyog_198"
 };
   

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

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_ynju3_153",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_ynju3_160",
-  "layout": "awsui_layout_lm6vo_ynju3_165",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_ynju3_171",
-  "layout-main": "awsui_layout-main_lm6vo_ynju3_175",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_ynju3_181",
-  "unfocusable": "awsui_unfocusable_lm6vo_ynju3_186",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_ynju3_190",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_ynju3_195",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_ynju3_199",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_ynju3_203",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_ynju3_207"
+  "root": "awsui_root_lm6vo_1ttwq_153",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1ttwq_160",
+  "layout": "awsui_layout_lm6vo_1ttwq_165",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1ttwq_171",
+  "layout-main": "awsui_layout-main_lm6vo_1ttwq_175",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1ttwq_181",
+  "unfocusable": "awsui_unfocusable_lm6vo_1ttwq_186",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1ttwq_190",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1ttwq_195",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1ttwq_199",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1ttwq_203",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1ttwq_207"
 };
   

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

@@ -150,60 +150,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
 */
-.awsui_root_lm6vo_ynju3_153:not(#\9) {
+.awsui_root_lm6vo_1ttwq_153:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
 }
 
-.awsui_root-no-scroll_lm6vo_ynju3_160:not(#\9) {
+.awsui_root-no-scroll_lm6vo_1ttwq_160:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_ynju3_165:not(#\9) {
+.awsui_layout_lm6vo_1ttwq_165:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
-  background-color: var(--color-background-layout-main-2vy1pe, #f2f3f3);
+  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
 }
-.awsui_layout-no-scroll_lm6vo_ynju3_171:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_1ttwq_171:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_ynju3_175:not(#\9) {
+.awsui_layout-main_lm6vo_1ttwq_175:not(#\9) {
   flex: 1;
   min-inline-size: 0;
-  background-color: var(--color-background-layout-main-2vy1pe, #f2f3f3);
+  background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_ynju3_181:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_1ttwq_181:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_ynju3_186 *:not(#\9) {
+.awsui_unfocusable_lm6vo_1ttwq_186 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_ynju3_190:not(#\9) {
-  padding-block-start: var(--space-scaled-m-sw9kcx, 16px);
-  padding-block-end: var(--space-scaled-s-gjhvjd, 12px);
+.awsui_breadcrumbs-desktop_lm6vo_1ttwq_190:not(#\9) {
+  padding-block-start: var(--space-scaled-m-lfeh3i, 16px);
+  padding-block-end: var(--space-scaled-s-2crg2b, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_ynju3_195:not(#\9) {
-  padding-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
+.awsui_content-header-wrapper_lm6vo_1ttwq_195:not(#\9) {
+  padding-block-end: var(--space-content-header-padding-bottom-yv2yex, 16px);
 }
 
-.awsui_content-wrapper_lm6vo_ynju3_199:not(#\9) {
-  padding-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
+.awsui_content-wrapper_lm6vo_1ttwq_199:not(#\9) {
+  padding-block-end: var(--space-layout-content-bottom-adv8e9, 20px);
 }
 
-.awsui_content-overlapped_lm6vo_ynju3_203:not(#\9) {
-  margin-block-start: calc(-1 * var(--space-dark-header-overlap-distance-45h6a9, 0px));
+.awsui_content-overlapped_lm6vo_1ttwq_203:not(#\9) {
+  margin-block-start: calc(-1 * var(--space-dark-header-overlap-distance-16rv3i, 0px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_ynju3_207:not(#\9) {
-  padding-block-start: var(--space-scaled-m-sw9kcx, 16px);
+.awsui_content-extra-top-padding_lm6vo_1ttwq_207:not(#\9) {
+  padding-block-start: var(--space-scaled-m-lfeh3i, 16px);
 }

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

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_ynju3_153",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_ynju3_160",
-  "layout": "awsui_layout_lm6vo_ynju3_165",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_ynju3_171",
-  "layout-main": "awsui_layout-main_lm6vo_ynju3_175",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_ynju3_181",
-  "unfocusable": "awsui_unfocusable_lm6vo_ynju3_186",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_ynju3_190",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_ynju3_195",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_ynju3_199",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_ynju3_203",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_ynju3_207"
+  "root": "awsui_root_lm6vo_1ttwq_153",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1ttwq_160",
+  "layout": "awsui_layout_lm6vo_1ttwq_165",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1ttwq_171",
+  "layout-main": "awsui_layout-main_lm6vo_1ttwq_175",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1ttwq_181",
+  "unfocusable": "awsui_unfocusable_lm6vo_1ttwq_186",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1ttwq_190",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1ttwq_195",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_1ttwq_199",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_1ttwq_203",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1ttwq_207"
 };
   

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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "toggle-button": "awsui_toggle-button_16w0h_1ih77_185",
-  "close-button": "awsui_close-button_16w0h_1ih77_220"
+  "toggle-button": "awsui_toggle-button_16w0h_1ixom_185",
+  "close-button": "awsui_close-button_16w0h_1ixom_220"
 };
   

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

@@ -182,45 +182,45 @@ 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-button_16w0h_1ih77_185:not(#\9) {
+.awsui_toggle-button_16w0h_1ixom_185:not(#\9) {
   cursor: pointer;
   border-block: 0;
   border-inline: 0;
-  padding-block: calc(var(--space-scaled-xxs-jatbiv, 4px) + 1px);
-  padding-inline: calc(var(--space-xxs-jnczic, 4px) + 1px);
+  padding-block: calc(var(--space-scaled-xxs-j00t0m, 4px) + 1px);
+  padding-inline: calc(var(--space-xxs-3o1yoq, 4px) + 1px);
   background: transparent;
   color: currentColor;
 }
-.awsui_toggle-button_16w0h_1ih77_185:not(#\9):focus {
+.awsui_toggle-button_16w0h_1ixom_185:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1ih77_185:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1ixom_185:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1ih77_185:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1ixom_185:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px) - 1px);
+  outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1ih77_185:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1ixom_185:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px));
-  inset-block-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px));
-  inline-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px) + var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px));
-  block-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px) + var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px));
+  inset-inline-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px));
+  inset-block-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px));
+  inline-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px) + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px));
+  block-size: calc(100% + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px) + var(--space-button-inline-icon-focus-outline-gutter-rit6yp, 3px));
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
 
-.awsui_close-button_16w0h_1ih77_220:not(#\9) {
+.awsui_close-button_16w0h_1ixom_220:not(#\9) {
   position: absolute;
   outline: none;
-  inset-inline-end: var(--space-m-n2lypl, 16px);
-  inset-block-start: var(--size-vertical-panel-icon-offset-1tiizm, 15px);
+  inset-inline-end: var(--space-m-n8iq8o, 16px);
+  inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
   z-index: 1;
 }

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

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle-button": "awsui_toggle-button_16w0h_1ih77_185",
-  "close-button": "awsui_close-button_16w0h_1ih77_220"
+  "toggle-button": "awsui_toggle-button_16w0h_1ixom_185",
+  "close-button": "awsui_close-button_16w0h_1ixom_220"
 };