@cloudscape-design/components-themeable 3.0.1344 → 3.0.1346

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

@@ -150,33 +150,33 @@ 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_1yz19_153:not(#\9) {
-  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
+.awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9) {
+  background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
   box-sizing: border-box;
   position: sticky;
   z-index: 1000;
   display: flex;
-  transition: ease var(--motion-duration-refresh-only-slow-zil3nj, 0ms);
+  transition: ease var(--motion-duration-refresh-only-slow-8cyf6l, 0ms);
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.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 {
+.awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
   inline-size: 5px;
   block-size: 5px;
-  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
+  background: var(--color-background-layout-ai-drawer-u8ll44, #1a2029);
   /**
    * Adds a border to visually separate the main content area from the left global drawer.
    *
@@ -186,45 +186,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .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 {
+  .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .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 {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_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-gb61sp, #d5dbdb);
+    background: var(--color-border-layout-h5yp20, #d5dbdb);
   }
 }
-.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 {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_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-gb61sp, #d5dbdb);
+  background: var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.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);
+.awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
+  background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
 @media not print {
-  .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_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .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 {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_1yz19_153.awsui_disable-body-scroll_1kzri_1yz19_217:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153.awsui_disable-body-scroll_1kzri_qrqj7_217:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   align-self: flex-start;
-  padding-inline: var(--space-static-s-8me5rn, 12px);
+  padding-inline: var(--space-static-s-bwcdfm, 12px);
   box-sizing: border-box;
   /**
    * Button sizing adjustments for theme-specific design requirements
@@ -236,38 +236,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
    * where overlap should not occur.
    */
   block-size: calc(100% + var(--border-divider-section-width-dlkb8v, 1px));
-  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
+  background: var(--color-background-layout-ai-drawer-u8ll44, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
+  .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .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) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9) {
     block-size: 100%;
   }
 }
-.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 {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
   inset-inline-end: -5px;
   inline-size: 5px;
   block-size: 5px;
-  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
+  background: var(--color-background-layout-ai-drawer-u8ll44, #1a2029);
 }
 @media not print {
-  .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 {
+  .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .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 {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
     display: none;
   }
 }
-.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_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
+  background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -276,48 +276,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 1fr;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
+  .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .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_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
+    border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
   }
-  .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-gb61sp, #d5dbdb);
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9) {
+    border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
+    border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #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_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.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-gb61sp, #d5dbdb);
+.awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9) {
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-nav_1kzri_1yz19_297:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-nav_1kzri_qrqj7_297:not(#\9) {
   grid-column: 2;
-  padding-inline-start: var(--space-s-4a5hs8, 12px);
-  padding-inline-end: var(--space-static-xxs-0cgyf1, 4px);
+  padding-inline-start: var(--space-s-kll7oj, 12px);
+  padding-inline-end: var(--space-static-xxs-vzto3j, 4px);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_qrqj7_302:not(#\9) {
   grid-column: 3;
-  padding-inline: var(--space-static-xs-4gq40t, 8px);
+  padding-inline: var(--space-static-xs-789l1l, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.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_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_qrqj7_302:not(#\9):first-child {
+  padding-inline: calc(var(--space-static-xs-789l1l, 8px) + var(--space-static-m-0gdnhk, 16px));
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-drawers_1kzri_1yz19_311:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-drawers_1kzri_qrqj7_311:not(#\9) {
   grid-column: 4;
-  column-gap: var(--space-static-xs-4gq40t, 8px);
+  column-gap: var(--space-static-xs-789l1l, 8px);
   display: flex;
   justify-content: flex-end;
   block-size: 100%;
 }
 
-.awsui_drawers-desktop-triggers-container_1kzri_1yz19_319:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_1yz19_320:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_qrqj7_319:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_qrqj7_320:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -342,13 +342,13 @@ 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-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #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;
   -moz-osx-font-smoothing: auto;
   background-color: transparent;
-  padding-inline: var(--space-s-4a5hs8, 12px);
+  padding-inline: var(--space-s-kll7oj, 12px);
   box-sizing: border-box;
   overflow-y: hidden;
   overflow-x: hidden;
@@ -359,29 +359,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_drawers-trigger-content_1kzri_1yz19_362:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_qrqj7_362:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: var(--space-xs-kw7k3v, 8px);
+  gap: var(--space-xs-m9b7jf, 8px);
   justify-content: flex-end;
-  padding-inline-start: var(--space-xs-kw7k3v, 8px);
+  padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
 
-.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);
+.awsui_group-divider_1kzri_qrqj7_372:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_1yz19_362:not(#\9) {
+  .awsui_drawers-trigger_1kzri_qrqj7_362:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
 
-.awsui_block-body-scroll_1kzri_1yz19_385:not(#\9) {
+.awsui_block-body-scroll_1kzri_qrqj7_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_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"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_qrqj7_153",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_qrqj7_172",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_qrqj7_217",
+  "toolbar-container": "awsui_toolbar-container_1kzri_qrqj7_270",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_qrqj7_297",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_qrqj7_302",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_qrqj7_311",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_qrqj7_319",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_qrqj7_320",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_qrqj7_362",
+  "group-divider": "awsui_group-divider_1kzri_qrqj7_372",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_qrqj7_362",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_qrqj7_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_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"
+  "trigger": "awsui_trigger_lpshu_sccqz_145",
+  "custom": "awsui_custom_lpshu_sccqz_151",
+  "default": "awsui_default_lpshu_sccqz_160",
+  "selected": "awsui_selected_lpshu_sccqz_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_sccqz_187",
+  "dot": "awsui_dot_lpshu_sccqz_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_rtp11_145:not(#\9) {
+.awsui_trigger_lpshu_sccqz_145:not(#\9) {
   all: initial;
   cursor: pointer;
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+  color: var(--color-text-interactive-default-pauydh, #545b64);
   text-align: center;
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_custom_lpshu_rtp11_151:not(#\9) {
+.awsui_trigger_lpshu_sccqz_145.awsui_custom_lpshu_sccqz_151:not(#\9) {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_trigger_lpshu_rtp11_145:not(#\9):focus {
+.awsui_trigger_lpshu_sccqz_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9) {
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_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_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_sccqz_145.awsui_default_lpshu_sccqz_160:not(#\9):hover {
+  background: var(--color-background-input-disabled-pyvhb1, #eaeded);
+  color: var(--color-text-interactive-hover-zj1911, #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_sccqz_145.awsui_default_lpshu_sccqz_160:not(#\9):active {
+  background: var(--color-background-control-disabled-m61b8s, #d5dbdb);
+  color: var(--color-text-interactive-hover-zj1911, #16191f);
 }
-.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_sccqz_145.awsui_default_lpshu_sccqz_160.awsui_selected_lpshu_sccqz_176:not(#\9) {
+  background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
+  color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
 }
-.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_sccqz_145.awsui_default_lpshu_sccqz_160.awsui_selected_lpshu_sccqz_176:not(#\9):hover {
+  background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
 }
-.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_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160.awsui_selected_lpshu_sccqz_176:not(#\9):active {
+  background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
 }
 
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9) {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible)::before {
+.awsui_trigger-wrapper_lpshu_sccqz_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-a3thrr, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
 
-.awsui_dot_lpshu_rtp11_212:not(#\9) {
+.awsui_dot_lpshu_sccqz_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-hcgzmv, #d13212);
+  background-color: var(--color-background-badge-icon-7pcuv1, #d13212);
   inset-block-start: -1px;
   inset-inline-end: -1px;
-  outline: solid 2px var(--color-background-layout-toolbar-lxnb5k, #ffffff);
+  outline: solid 2px var(--color-background-layout-toolbar-1jwzza, #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_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"
+  "trigger": "awsui_trigger_lpshu_sccqz_145",
+  "custom": "awsui_custom_lpshu_sccqz_151",
+  "default": "awsui_default_lpshu_sccqz_160",
+  "selected": "awsui_selected_lpshu_sccqz_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_sccqz_187",
+  "dot": "awsui_dot_lpshu_sccqz_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":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEvF,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,wBAAwB,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAMxE,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,WAAW,GAAG,SAAS,EACvB,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,OAAO,EACxB,eAAe,GAAG,GAAG,EACrB,wBAAwB,GAAG,EAAE,EAC7B,UAAU,GAAG,GAAG,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EAAE,wBAAwB,EACxC,kBAAkB,EAAE,4BAA4B,EAChD,iBAAiB,EACjB,GAAG,IAAI,EACe,EACxB,GAAkC,EAClC,EAAE;;IACF,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CACb,qJAAqJ,CACtJ,CAAC;IACJ,CAAC;IACD,IAAI,aAAa,EAAE,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACrC,QAAQ,CACN,kBAAkB,EAClB,wKAAwK,CACzK,CAAC;QACJ,CAAC;IACH,CAAC;IACD,MAAM,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,CAC5C,kBAAkB,EAClB;QACE,KAAK,EAAE;YACL,WAAW;YACX,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;YACnD,eAAe;YACf,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU;YACV,eAAe;YACf,eAAe;YACf,mBAAmB,EAAE,IAAI,CAAC,mBAAmB;YAC7C,2BAA2B,EAAE,IAAI,CAAC,2BAA2B;YAC7D,qBAAqB,EAAE,IAAI,CAAC,qBAAqB;SAClD;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,MAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,mCAAI,IAAI;YAC1C,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa;SACvC;KACF,EACD,iBAAiB,CAClB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAAG,YAAY,EAAE,GAAG,aAAa,CAC9E,WAAW,EACX,EAAE,eAAe,EAAE,eAAe,EAAE,EACpC,SAAS,CACV,CAAC;IAEF,MAAM,CAAC,cAAc,GAAG,KAAK,EAAE,iBAAiB,CAAC,GAAG,eAAe,CACjE,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,EACxC,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAC7G,CAAC;IACF,MAAM,kBAAkB,GAAG,CAAC,KAA4D,EAAE,EAAE;QAC1F,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACrC,4BAA4B,aAA5B,4BAA4B,uBAA5B,4BAA4B,CAAG,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,qBAAqB,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;IAEnF,wDAAwD;IACxD,MAAM,KAAK,GAAG;QACZ,WAAW;QACX,eAAe;QACf,wBAAwB;QACxB,UAAU;QACV,cAAc;QACd,kBAAkB;QAClB,GAAG,YAAY;QACf,GAAG,IAAI;QACP,SAAS;KACV,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,oBAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACjD,6BAAK,GAAG,EAAE,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,KAAM,SAAS;YAC/D,oBAAC,wBAAwB,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAC7C,CACiC,CAC1C,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;AACvD,eAAe,gBAAgB,CAAC","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_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"
+  "series": "awsui_series_y1yrh_1703n_189",
+  "root": "awsui_root_y1yrh_1703n_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1703n_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1703n_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_1703n_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_1703n_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_1j3iu_189 > rect:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
+.awsui_series_y1yrh_1703n_189 > rect:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
+  .awsui_series_y1yrh_1703n_189 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_1703n_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1703n_189 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_y1yrh_1j3iu_203:not(#\9) {
+.awsui_root_y1yrh_1703n_203:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_y1yrh_1j3iu_189:not(#\9) {
+.awsui_series_y1yrh_1703n_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_1j3iu_215:not(#\9) {
+.awsui_series--highlighted_y1yrh_1703n_215:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series--dimmed_y1yrh_1j3iu_219:not(#\9) {
+.awsui_series--dimmed_y1yrh_1703n_219:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--threshold_y1yrh_1j3iu_223:not(#\9) {
+.awsui_series--threshold_y1yrh_1703n_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_1j3iu_228:not(#\9) {
-  margin-block: var(--space-xs-kw7k3v, 8px);
+.awsui_popover-divider_y1yrh_1703n_228:not(#\9) {
+  margin-block: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
-  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #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_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"
+  "series": "awsui_series_y1yrh_1703n_189",
+  "root": "awsui_root_y1yrh_1703n_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1703n_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1703n_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_1703n_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_1703n_228"
 };