@cloudscape-design/components-themeable 3.0.1343 → 3.0.1345

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

@@ -150,8 +150,8 @@ 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_universal-toolbar_1kzri_8caza_153:not(#\9) {
-  background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
+.awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
+  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
   box-sizing: border-box;
   position: sticky;
   z-index: 1000;
@@ -160,16 +160,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_8caza_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_8caza_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_8caza_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):before, .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
+.awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -186,38 +186,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):before, .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
+  .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
     inset-block-start: 42px;
     inline-size: var(--border-divider-section-width-dlkb8v, 1px);
     block-size: calc(100vh - 42px);
-    background: var(--color-border-layout-ovzonx, #d5dbdb);
+    background: var(--color-border-layout-gb61sp, #d5dbdb);
   }
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
   inset-block-start: 42px;
   inline-size: var(--border-divider-section-width-dlkb8v, 1px);
   block-size: calc(100vh - 42px);
-  background: var(--color-border-layout-ovzonx, #d5dbdb);
+  background: var(--color-border-layout-gb61sp, #d5dbdb);
 }
-.awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
-  background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
+.awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
   border-start-start-radius: var(--space-xxs-jnczic, 4px);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
+  .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_8caza_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_8caza_153.awsui_disable-body-scroll_1kzri_8caza_217:not(#\9) {
+.awsui_universal-toolbar_1kzri_1yz19_153.awsui_disable-body-scroll_1kzri_1yz19_217:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9) {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
@@ -239,14 +239,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):before, .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):after {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -256,18 +256,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):before, .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):after {
+  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_universal-toolbar-ai-custom_1kzri_8caza_172:not(#\9):after {
-  background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
+  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
   border-start-start-radius: var(--space-xxs-jnczic, 4px);
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270:not(#\9) {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -276,39 +276,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 1fr;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270:not(#\9) {
-    border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
+    border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9) {
     border-start-start-radius: var(--space-xxs-jnczic, 4px);
-    border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+    border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
   }
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270:not(#\9) {
-  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+.awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270.awsui_with-ai-drawer_1kzri_8caza_172:not(#\9) {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9) {
   border-start-start-radius: var(--space-xxs-jnczic, 4px);
-  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270 > .awsui_universal-toolbar-nav_1kzri_8caza_297:not(#\9) {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-nav_1kzri_1yz19_297:not(#\9) {
   grid-column: 2;
   padding-inline-start: var(--space-s-4a5hs8, 12px);
   padding-inline-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_8caza_302:not(#\9) {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302:not(#\9) {
   grid-column: 3;
   padding-inline: var(--space-static-xs-4gq40t, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_8caza_302:not(#\9):first-child {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302:not(#\9):first-child {
   padding-inline: calc(var(--space-static-xs-4gq40t, 8px) + var(--space-static-m-1cd7a5, 16px));
 }
-.awsui_universal-toolbar_1kzri_8caza_153 > .awsui_toolbar-container_1kzri_8caza_270 > .awsui_universal-toolbar-drawers_1kzri_8caza_311:not(#\9) {
+.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-drawers_1kzri_1yz19_311:not(#\9) {
   grid-column: 4;
   column-gap: var(--space-static-xs-4gq40t, 8px);
   display: flex;
@@ -316,8 +316,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
 }
 
-.awsui_drawers-desktop-triggers-container_1kzri_8caza_319:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_8caza_320:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_1yz19_319:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_1yz19_320:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -342,7 +342,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -359,7 +359,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_drawers-trigger-content_1kzri_8caza_362:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_1yz19_362:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
@@ -369,19 +369,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_group-divider_1kzri_8caza_372:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+.awsui_group-divider_1kzri_1yz19_372:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_8caza_362:not(#\9) {
+  .awsui_drawers-trigger_1kzri_1yz19_362:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
 
-.awsui_block-body-scroll_1kzri_8caza_385:not(#\9) {
+.awsui_block-body-scroll_1kzri_1yz19_385:not(#\9) {
   overflow: hidden;
 }

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_8caza_153",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_8caza_172",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_8caza_172",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_8caza_217",
-  "toolbar-container": "awsui_toolbar-container_1kzri_8caza_270",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_8caza_297",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_8caza_302",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_8caza_311",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_8caza_319",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_8caza_320",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_8caza_362",
-  "group-divider": "awsui_group-divider_1kzri_8caza_372",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_8caza_362",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_8caza_385"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_1yz19_153",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_1yz19_172",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_1yz19_172",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1yz19_217",
+  "toolbar-container": "awsui_toolbar-container_1kzri_1yz19_270",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1yz19_297",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1yz19_311",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1yz19_319",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1yz19_320",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1yz19_362",
+  "group-divider": "awsui_group-divider_1kzri_1yz19_372",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_1yz19_362",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_1yz19_385"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "trigger": "awsui_trigger_lpshu_1qw8q_145",
-  "custom": "awsui_custom_lpshu_1qw8q_151",
-  "default": "awsui_default_lpshu_1qw8q_160",
-  "selected": "awsui_selected_lpshu_1qw8q_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1qw8q_187",
-  "dot": "awsui_dot_lpshu_1qw8q_212"
+  "trigger": "awsui_trigger_lpshu_rtp11_145",
+  "custom": "awsui_custom_lpshu_rtp11_151",
+  "default": "awsui_default_lpshu_rtp11_160",
+  "selected": "awsui_selected_lpshu_rtp11_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_rtp11_187",
+  "dot": "awsui_dot_lpshu_rtp11_212"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css

@@ -142,22 +142,22 @@
 */
 /* 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 */
-.awsui_trigger_lpshu_1qw8q_145:not(#\9) {
+.awsui_trigger_lpshu_rtp11_145:not(#\9) {
   all: initial;
   cursor: pointer;
-  color: var(--color-text-interactive-default-qwoe3g, #545b64);
+  color: var(--color-text-interactive-default-mf3cev, #545b64);
   text-align: center;
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_custom_lpshu_1qw8q_151:not(#\9) {
+.awsui_trigger_lpshu_rtp11_145.awsui_custom_lpshu_rtp11_151:not(#\9) {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_trigger_lpshu_1qw8q_145:not(#\9):focus {
+.awsui_trigger_lpshu_rtp11_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160:not(#\9) {
+.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9) {
   border-start-start-radius: var(--border-radius-button-9k0hrl, 2px);
   border-start-end-radius: var(--border-radius-button-9k0hrl, 2px);
   border-end-start-radius: var(--border-radius-button-9k0hrl, 2px);
@@ -165,36 +165,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 30px;
   inline-size: 30px;
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160:not(#\9):hover {
-  background: var(--color-background-input-disabled-4vlau3, #eaeded);
-  color: var(--color-text-interactive-hover-bu4gls, #16191f);
+.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9):hover {
+  background: var(--color-background-input-disabled-27sca7, #eaeded);
+  color: var(--color-text-interactive-hover-kceoak, #16191f);
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160:not(#\9):active {
-  background: var(--color-background-control-disabled-2ixett, #d5dbdb);
-  color: var(--color-text-interactive-hover-bu4gls, #16191f);
+.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9):active {
+  background: var(--color-background-control-disabled-unvwwj, #d5dbdb);
+  color: var(--color-text-interactive-hover-kceoak, #16191f);
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160.awsui_selected_lpshu_1qw8q_176:not(#\9) {
-  background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
-  color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
+.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160.awsui_selected_lpshu_rtp11_176:not(#\9) {
+  background: var(--color-background-layout-toggle-selected-default-9jv654, #0073bb);
+  color: var(--color-text-layout-toggle-selected-pgq19r, #ffffff);
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160.awsui_selected_lpshu_1qw8q_176:not(#\9):hover {
-  background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
+.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160.awsui_selected_lpshu_rtp11_176:not(#\9):hover {
+  background: var(--color-background-layout-toggle-selected-hover-uf0smx, #0a4a74);
 }
-.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160.awsui_selected_lpshu_1qw8q_176:not(#\9):active {
-  background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
+.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160.awsui_selected_lpshu_rtp11_176:not(#\9):active {
+  background: var(--color-background-layout-toggle-selected-active-6j7su9, #0073bb);
 }
 
-.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9) {
+.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9):has(:focus-visible)::before {
+.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -206,10 +206,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
 }
 
-.awsui_dot_lpshu_1qw8q_212:not(#\9) {
+.awsui_dot_lpshu_rtp11_212:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;
@@ -217,8 +217,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: 8px;
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
-  background-color: var(--color-background-badge-icon-y5ul10, #d13212);
+  background-color: var(--color-background-badge-icon-hcgzmv, #d13212);
   inset-block-start: -1px;
   inset-inline-end: -1px;
-  outline: solid 2px var(--color-background-layout-toolbar-oyny45, #ffffff);
+  outline: solid 2px var(--color-background-layout-toolbar-lxnb5k, #ffffff);
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "trigger": "awsui_trigger_lpshu_1qw8q_145",
-  "custom": "awsui_custom_lpshu_1qw8q_151",
-  "default": "awsui_default_lpshu_1qw8q_160",
-  "selected": "awsui_selected_lpshu_1qw8q_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1qw8q_187",
-  "dot": "awsui_dot_lpshu_1qw8q_212"
+  "trigger": "awsui_trigger_lpshu_rtp11_145",
+  "custom": "awsui_custom_lpshu_rtp11_151",
+  "default": "awsui_default_lpshu_rtp11_160",
+  "selected": "awsui_selected_lpshu_rtp11_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_rtp11_187",
+  "dot": "awsui_dot_lpshu_rtp11_212"
 };
   

package/lib/internal/template/app-layout-toolbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout-toolbar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,QAAA,MAAM,gBAAgB,kGAmGrB,CAAC;AAGF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-layout-toolbar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAY1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,QAAA,MAAM,gBAAgB,kGAoGrB,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

package/lib/internal/template/app-layout-toolbar/index.js

@@ -31,6 +31,7 @@ const AppLayoutToolbar = React.forwardRef(({ contentType = 'default', headerSele
             disableContentPaddings: rest.disableContentPaddings,
             navigationWidth,
             navigationHide: rest.navigationHide,
+            navigationCloseBehavior: rest.navigationCloseBehavior,
             toolsHide: rest.toolsHide,
             toolsWidth,
             maxContentWidth,

package/lib/internal/template/app-layout-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout-toolbar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { applyDefaults } from '../app-layout/defaults';\nimport { AppLayoutProps } from '../app-layout/interfaces';\nimport { useAppLayoutPlacement } from '../app-layout/utils/use-app-layout-placement';\nimport AppLayoutToolbarInternal from '../app-layout/visual-refresh-toolbar';\nimport { AppLayoutToolbarPublicContext } from '../app-layout/visual-refresh-toolbar/contexts';\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { NonCancelableCustomEvent } from '../types/events';\nimport { AppLayoutToolbarProps } from './interfaces';\n\nexport { AppLayoutToolbarProps };\n\nconst AppLayoutToolbar = React.forwardRef(\n  (\n    {\n      contentType = 'default',\n      headerSelector = '#b #h',\n      footerSelector = '#b #f',\n      navigationWidth = 280,\n      navigationCollapsedWidth = 54,\n      toolsWidth = 290,\n      maxContentWidth,\n      minContentWidth,\n      navigationOpen: controlledNavigationOpen,\n      onNavigationChange: controlledOnNavigationChange,\n      analyticsMetadata,\n      ...rest\n    }: AppLayoutToolbarProps,\n    ref: React.Ref<AppLayoutProps.Ref>\n  ) => {\n    const isRefresh = useVisualRefresh();\n    if (!isRefresh) {\n      throw new Error(\n        `AppLayoutToolbar component is not supported in the Classic theme. Please switch to the Refresh theme. For more details, refer to the documentation.`\n      );\n    }\n    if (isDevelopment) {\n      if (rest.toolsOpen && rest.toolsHide) {\n        warnOnce(\n          'AppLayoutToolbar',\n          `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n        );\n      }\n    }\n    const { __internalRootRef } = useBaseComponent(\n      'AppLayoutToolbar',\n      {\n        props: {\n          contentType,\n          disableContentPaddings: rest.disableContentPaddings,\n          navigationWidth,\n          navigationHide: rest.navigationHide,\n          toolsHide: rest.toolsHide,\n          toolsWidth,\n          maxContentWidth,\n          minContentWidth,\n          stickyNotifications: rest.stickyNotifications,\n          disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n          navigationTriggerHide: rest.navigationTriggerHide,\n        },\n        metadata: {\n          drawersCount: rest.drawers?.length ?? null,\n          hasContentHeader: !!rest.contentHeader,\n        },\n      },\n      analyticsMetadata\n    );\n    const isMobile = useMobile();\n\n    const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n      contentType,\n      { maxContentWidth, minContentWidth },\n      isRefresh\n    );\n\n    const [navigationOpen = false, setNavigationOpen] = useControllable(\n      controlledNavigationOpen,\n      controlledOnNavigationChange,\n      isMobile ? false : defaultNavigationOpen,\n      { componentName: 'AppLayoutToolbar', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n    );\n    const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n      setNavigationOpen(event.detail.open);\n      controlledOnNavigationChange?.(event);\n    };\n\n    const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n    // This re-builds the props including the default values\n    const props = {\n      contentType,\n      navigationWidth,\n      navigationCollapsedWidth,\n      toolsWidth,\n      navigationOpen,\n      onNavigationChange,\n      ...restDefaults,\n      ...rest,\n      placement,\n    };\n\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <AppLayoutToolbarPublicContext.Provider value={true}>\n        <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n          <AppLayoutToolbarInternal ref={ref} {...props} />\n        </div>\n      </AppLayoutToolbarPublicContext.Provider>\n    );\n  }\n);\n\napplyDisplayName(AppLayoutToolbar, 'AppLayoutToolbar');\nexport default AppLayoutToolbar;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout-toolbar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { applyDefaults } from '../app-layout/defaults';\nimport { AppLayoutProps } from '../app-layout/interfaces';\nimport { useAppLayoutPlacement } from '../app-layout/utils/use-app-layout-placement';\nimport AppLayoutToolbarInternal from '../app-layout/visual-refresh-toolbar';\nimport { AppLayoutToolbarPublicContext } from '../app-layout/visual-refresh-toolbar/contexts';\nimport { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { NonCancelableCustomEvent } from '../types/events';\nimport { AppLayoutToolbarProps } from './interfaces';\n\nexport { AppLayoutToolbarProps };\n\nconst AppLayoutToolbar = React.forwardRef(\n  (\n    {\n      contentType = 'default',\n      headerSelector = '#b #h',\n      footerSelector = '#b #f',\n      navigationWidth = 280,\n      navigationCollapsedWidth = 54,\n      toolsWidth = 290,\n      maxContentWidth,\n      minContentWidth,\n      navigationOpen: controlledNavigationOpen,\n      onNavigationChange: controlledOnNavigationChange,\n      analyticsMetadata,\n      ...rest\n    }: AppLayoutToolbarProps,\n    ref: React.Ref<AppLayoutProps.Ref>\n  ) => {\n    const isRefresh = useVisualRefresh();\n    if (!isRefresh) {\n      throw new Error(\n        `AppLayoutToolbar component is not supported in the Classic theme. Please switch to the Refresh theme. For more details, refer to the documentation.`\n      );\n    }\n    if (isDevelopment) {\n      if (rest.toolsOpen && rest.toolsHide) {\n        warnOnce(\n          'AppLayoutToolbar',\n          `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n        );\n      }\n    }\n    const { __internalRootRef } = useBaseComponent(\n      'AppLayoutToolbar',\n      {\n        props: {\n          contentType,\n          disableContentPaddings: rest.disableContentPaddings,\n          navigationWidth,\n          navigationHide: rest.navigationHide,\n          navigationCloseBehavior: rest.navigationCloseBehavior,\n          toolsHide: rest.toolsHide,\n          toolsWidth,\n          maxContentWidth,\n          minContentWidth,\n          stickyNotifications: rest.stickyNotifications,\n          disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n          navigationTriggerHide: rest.navigationTriggerHide,\n        },\n        metadata: {\n          drawersCount: rest.drawers?.length ?? null,\n          hasContentHeader: !!rest.contentHeader,\n        },\n      },\n      analyticsMetadata\n    );\n    const isMobile = useMobile();\n\n    const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n      contentType,\n      { maxContentWidth, minContentWidth },\n      isRefresh\n    );\n\n    const [navigationOpen = false, setNavigationOpen] = useControllable(\n      controlledNavigationOpen,\n      controlledOnNavigationChange,\n      isMobile ? false : defaultNavigationOpen,\n      { componentName: 'AppLayoutToolbar', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n    );\n    const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n      setNavigationOpen(event.detail.open);\n      controlledOnNavigationChange?.(event);\n    };\n\n    const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n    // This re-builds the props including the default values\n    const props = {\n      contentType,\n      navigationWidth,\n      navigationCollapsedWidth,\n      toolsWidth,\n      navigationOpen,\n      onNavigationChange,\n      ...restDefaults,\n      ...rest,\n      placement,\n    };\n\n    const baseProps = getBaseProps(rest);\n\n    return (\n      <AppLayoutToolbarPublicContext.Provider value={true}>\n        <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n          <AppLayoutToolbarInternal ref={ref} {...props} />\n        </div>\n      </AppLayoutToolbarPublicContext.Provider>\n    );\n  }\n);\n\napplyDisplayName(AppLayoutToolbar, 'AppLayoutToolbar');\nexport default AppLayoutToolbar;\n"]}

package/lib/internal/template/area-chart/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_11403_189",
-  "root": "awsui_root_y1yrh_11403_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_11403_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_11403_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_11403_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_11403_228"
+  "series": "awsui_series_y1yrh_1j3iu_189",
+  "root": "awsui_root_y1yrh_1j3iu_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1j3iu_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1j3iu_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_1j3iu_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_1j3iu_228"
 };
   

package/lib/internal/template/area-chart/styles.scoped.css

@@ -186,25 +186,25 @@ 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_series_y1yrh_11403_189 > rect:not(#\9) {
+.awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_11403_189 > rect:not(#\9) {
+  .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_11403_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_11403_189 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_y1yrh_11403_203:not(#\9) {
+.awsui_root_y1yrh_1j3iu_203:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_y1yrh_11403_189:not(#\9) {
+.awsui_series_y1yrh_1j3iu_189:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
   fill: none;
@@ -212,21 +212,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   stroke-linejoin: var(--border-line-chart-line-join-lskdht, miter);
 }
 
-.awsui_series--highlighted_y1yrh_11403_215:not(#\9) {
+.awsui_series--highlighted_y1yrh_1j3iu_215:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_11403_219:not(#\9) {
+.awsui_series--dimmed_y1yrh_1j3iu_219:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_11403_223:not(#\9) {
+.awsui_series--threshold_y1yrh_1j3iu_223:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-ctwkrt, 3 5);
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
 }
 
-.awsui_popover-divider_y1yrh_11403_228:not(#\9) {
+.awsui_popover-divider_y1yrh_1j3iu_228:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
-  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
 }

package/lib/internal/template/area-chart/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_11403_189",
-  "root": "awsui_root_y1yrh_11403_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_11403_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_11403_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_11403_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_11403_228"
+  "series": "awsui_series_y1yrh_1j3iu_189",
+  "root": "awsui_root_y1yrh_1j3iu_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1j3iu_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1j3iu_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_1j3iu_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_1j3iu_228"
 };
   

package/lib/internal/template/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1t439_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1t439_1",
-  "root": "awsui_root_n4qlp_1t439_175",
-  "empty": "awsui_empty_n4qlp_1t439_153",
-  "row": "awsui_row_n4qlp_1t439_221",
-  "divider": "awsui_divider_n4qlp_1t439_225",
-  "row-control": "awsui_row-control_n4qlp_1t439_230",
-  "field": "awsui_field_n4qlp_1t439_234",
-  "additional-info": "awsui_additional-info_n4qlp_1t439_238",
-  "add-row": "awsui_add-row_n4qlp_1t439_285",
-  "add-button": "awsui_add-button_n4qlp_1t439_289",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1t439_293",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1t439_297",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1t439_301",
-  "remove-button": "awsui_remove-button_n4qlp_1t439_293"
+  "empty-appear": "awsui_empty-appear_n4qlp_1klqs_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1klqs_1",
+  "root": "awsui_root_n4qlp_1klqs_175",
+  "empty": "awsui_empty_n4qlp_1klqs_153",
+  "row": "awsui_row_n4qlp_1klqs_221",
+  "divider": "awsui_divider_n4qlp_1klqs_225",
+  "row-control": "awsui_row-control_n4qlp_1klqs_230",
+  "field": "awsui_field_n4qlp_1klqs_234",
+  "additional-info": "awsui_additional-info_n4qlp_1klqs_238",
+  "add-row": "awsui_add-row_n4qlp_1klqs_285",
+  "add-button": "awsui_add-button_n4qlp_1klqs_289",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1klqs_293",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1klqs_297",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1klqs_301",
+  "remove-button": "awsui_remove-button_n4qlp_1klqs_293"
 };