@cloudscape-design/components-themeable 3.0.1332 → 3.0.1333

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

@@ -150,7 +150,7 @@ 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_117v3_153:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153:not(#\9) {
   background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
   box-sizing: border-box;
   position: sticky;
@@ -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_117v3_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1g205_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_117v3_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_117v3_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1g205_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1g205_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):before, .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+.awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):before, .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_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_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):before, .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+  .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):before, .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_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);
   }
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_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);
 }
-.awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+.awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):after {
   background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
   border-start-start-radius: var(--space-xxs-jnczic, 4px);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+  .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_117v3_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1g205_172)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_117v3_153.awsui_disable-body-scroll_1kzri_117v3_217:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153.awsui_disable-body-scroll_1kzri_1g205_217:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_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_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):before, .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):after {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_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_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):before, .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):after {
+  .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9):after {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_universal-toolbar-ai-custom_1kzri_1g205_172:not(#\9):after {
   background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
   border-start-start-radius: var(--space-xxs-jnczic, 4px);
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_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_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9) {
+  .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_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_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270.awsui_with-ai-drawer_1kzri_1g205_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270.awsui_with-ai-drawer_1kzri_1g205_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);
   }
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9) {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_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_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270.awsui_with-ai-drawer_1kzri_117v3_172:not(#\9) {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270.awsui_with-ai-drawer_1kzri_1g205_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);
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-nav_1kzri_117v3_297:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270 > .awsui_universal-toolbar-nav_1kzri_1g205_297:not(#\9) {
   grid-column: 2;
-  padding-inline-start: var(--space-m-n2lypl, 16px);
+  padding-inline-start: var(--space-s-4a5hs8, 12px);
   padding-inline-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_117v3_302:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1g205_302:not(#\9) {
   grid-column: 3;
   padding-inline: var(--space-static-xs-4gq40t, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_117v3_302:not(#\9):first-child {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1g205_302:not(#\9):first-child {
   padding-inline: calc(var(--space-static-xs-4gq40t, 8px) + var(--space-static-m-1cd7a5, 16px));
 }
-.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-drawers_1kzri_117v3_311:not(#\9) {
+.awsui_universal-toolbar_1kzri_1g205_153 > .awsui_toolbar-container_1kzri_1g205_270 > .awsui_universal-toolbar-drawers_1kzri_1g205_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_117v3_319:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_117v3_320:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_1g205_319:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_1g205_320:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -348,7 +348,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background-color: transparent;
-  padding-inline: var(--space-m-n2lypl, 16px);
+  padding-inline: var(--space-s-4a5hs8, 12px);
   box-sizing: border-box;
   overflow-y: hidden;
   overflow-x: hidden;
@@ -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_117v3_362:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_1g205_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_117v3_372:not(#\9) {
+.awsui_group-divider_1kzri_1g205_372:not(#\9) {
   border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   block-size: 60%;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_117v3_362:not(#\9) {
+  .awsui_drawers-trigger_1kzri_1g205_362:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
 
-.awsui_block-body-scroll_1kzri_117v3_385:not(#\9) {
+.awsui_block-body-scroll_1kzri_1g205_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_117v3_153",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_117v3_172",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_117v3_172",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_117v3_217",
-  "toolbar-container": "awsui_toolbar-container_1kzri_117v3_270",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_117v3_297",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_117v3_302",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_117v3_311",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_117v3_319",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_117v3_320",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_117v3_362",
-  "group-divider": "awsui_group-divider_1kzri_117v3_372",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_117v3_362",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_117v3_385"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_1g205_153",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_1g205_172",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_1g205_172",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1g205_217",
+  "toolbar-container": "awsui_toolbar-container_1kzri_1g205_270",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1g205_297",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1g205_302",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1g205_311",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1g205_319",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1g205_320",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1g205_362",
+  "group-divider": "awsui_group-divider_1kzri_1g205_372",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_1g205_362",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_1g205_385"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"before-main-slot.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,eAAO,MAAM,oCAAoC,GAAI,mDAIlD,iBAAiB,gBAiHnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,iBAAiB,gBAIpE,CAAC;AAEF,eAAO,MAAM,uCAAuC,qBANA,iBAAiB,0CAAjB,iBAAiB,gBASpE,CAAC"}
+{"version":3,"file":"before-main-slot.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,eAAO,MAAM,oCAAoC,GAAI,mDAIlD,iBAAiB,gBAoHnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,OAAO,iBAAiB,gBAIpE,CAAC;AAEF,eAAO,MAAM,uCAAuC,qBANA,iBAAiB,0CAAjB,iBAAiB,gBASpE,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js

@@ -18,7 +18,7 @@ export const BeforeMainSlotImplementationInternal = ({ toolbarProps, appLayoutSt
     if (!isWidgetReady(appLayoutState)) {
         return (React.createElement(BeforeMainSlotSkeleton, { toolbarProps: toolbarProps, appLayoutProps: appLayoutProps, appLayoutState: appLayoutState }));
     }
-    const { activeDrawer, navigationOpen, navigation, expandedDrawerId, setExpandedDrawerId, navigationAnimationDisabled, activeAiDrawerId, aiDrawerExpandedMode, aiDrawer, activeAiDrawerSize, minAiDrawerSize, maxAiDrawerSize, onActiveAiDrawerResize, aiDrawerFocusControl, ariaLabels, isMobile, drawersOpenQueue, onActiveAiDrawerChange, activeAiDrawer, bottomDrawerReportedSize, featureNotificationsProps, } = appLayoutState.widgetizedState;
+    const { activeDrawer, navigationOpen, navigationCollapsible, navigation, expandedDrawerId, setExpandedDrawerId, navigationAnimationDisabled, activeAiDrawerId, aiDrawerExpandedMode, aiDrawer, activeAiDrawerSize, minAiDrawerSize, maxAiDrawerSize, onActiveAiDrawerResize, aiDrawerFocusControl, ariaLabels, isMobile, drawersOpenQueue, onActiveAiDrawerChange, activeAiDrawer, bottomDrawerReportedSize, featureNotificationsProps, } = appLayoutState.widgetizedState;
     const drawerExpandedMode = !!expandedDrawerId;
     const toolsOpen = !!activeDrawer;
     // Must use `toolbarProps` because all layouts have to apply this mode, not just the one with toolbar
@@ -47,9 +47,9 @@ export const BeforeMainSlotImplementationInternal = ({ toolbarProps, appLayoutSt
                         expandedDrawerId,
                         setExpandedDrawerId,
                     } })))))),
-        navigation && (React.createElement("div", { className: clsx(styles.navigation, !navigationOpen && styles['panel-hidden'], toolsOpen && styles['unfocusable-mobile'], !navigationAnimationDisabled && sharedStyles['with-motion-horizontal'], (drawerExpandedMode || drawerExpandedModeInChildLayout) && styles.hidden) },
+        navigation && (React.createElement("div", { className: clsx(styles.navigation, !navigationOpen && (!navigationCollapsible || isMobile) && styles['panel-hidden'], !navigationOpen && navigationCollapsible && !isMobile && styles['navigation-collapsed'], toolsOpen && styles['unfocusable-mobile'], !navigationAnimationDisabled && sharedStyles['with-motion-horizontal'], (drawerExpandedMode || drawerExpandedModeInChildLayout) && styles.hidden) },
             React.createElement(AppLayoutBuiltInErrorBoundary, { appLayoutPart: "nav" },
-                React.createElement(AppLayoutNavigation, { appLayoutInternals: appLayoutState.appLayoutInternals, bottomDrawerReportedSize: bottomDrawerReportedSize }))))));
+                React.createElement(AppLayoutNavigation, { appLayoutInternals: appLayoutState.appLayoutInternals, bottomDrawerReportedSize: bottomDrawerReportedSize, navigationCollapsible: navigationCollapsible }))))));
 };
 export const BeforeMainSlotImplementation = (props) => (React.createElement(AppLayoutBuiltInErrorBoundary, { appLayoutPart: "before-main-slot" },
     React.createElement(BeforeMainSlotImplementationInternal, { ...props })));

package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"before-main-slot.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.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\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { ActiveDrawersContext } from '../../utils/visibility-context';\nimport { AppLayoutGlobalAiDrawerImplementation } from '../drawer/global-ai-drawer';\nimport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../navigation';\nimport { SkeletonPartProps } from '../skeleton/interfaces';\nimport { BeforeMainSlotSkeleton } from '../skeleton/skeleton-parts';\nimport { isWidgetReady } from '../state/invariants';\nimport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../toolbar';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport styles from '../skeleton/styles.css.js';\n\nexport const BeforeMainSlotImplementationInternal = ({\n  toolbarProps,\n  appLayoutState,\n  appLayoutProps,\n}: SkeletonPartProps) => {\n  const wasAiDrawerOpenRef = useRef(false);\n  if (!isWidgetReady(appLayoutState)) {\n    return (\n      <BeforeMainSlotSkeleton\n        toolbarProps={toolbarProps}\n        appLayoutProps={appLayoutProps}\n        appLayoutState={appLayoutState}\n      />\n    );\n  }\n  const {\n    activeDrawer,\n    navigationOpen,\n    navigation,\n    expandedDrawerId,\n    setExpandedDrawerId,\n    navigationAnimationDisabled,\n    activeAiDrawerId,\n    aiDrawerExpandedMode,\n    aiDrawer,\n    activeAiDrawerSize,\n    minAiDrawerSize,\n    maxAiDrawerSize,\n    onActiveAiDrawerResize,\n    aiDrawerFocusControl,\n    ariaLabels,\n    isMobile,\n    drawersOpenQueue,\n    onActiveAiDrawerChange,\n    activeAiDrawer,\n    bottomDrawerReportedSize,\n    featureNotificationsProps,\n  } = appLayoutState.widgetizedState;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const toolsOpen = !!activeDrawer;\n  // Must use `toolbarProps` because all layouts have to apply this mode, not just the one with toolbar\n  const drawerExpandedModeInChildLayout = !!toolbarProps?.expandedDrawerId;\n  const { __embeddedViewMode: embeddedViewMode } = appLayoutProps as any;\n  return (\n    <>\n      {!!toolbarProps && !embeddedViewMode && !aiDrawerExpandedMode && (\n        <AppLayoutToolbar\n          appLayoutInternals={appLayoutState.appLayoutInternals}\n          toolbarProps={toolbarProps}\n          featureNotificationsProps={featureNotificationsProps}\n        />\n      )}\n      {!toolbarProps && !!activeAiDrawerId && (\n        <div\n          className={styles['pseudo-toolbar']}\n          style={{\n            insetBlockStart: appLayoutState.appLayoutInternals?.verticalOffsets?.toolbar,\n          }}\n        >\n          <div className={styles['pseudo-toolbar-content']} />\n        </div>\n      )}\n      {aiDrawer && (\n        <div\n          className={clsx(\n            styles['ai-drawer'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && !aiDrawerExpandedMode && styles.hidden\n          )}\n        >\n          <ActiveDrawersContext.Provider value={activeAiDrawer ? [activeAiDrawer.id] : []}>\n            {(!!activeAiDrawerId || (aiDrawer?.preserveInactiveContent && wasAiDrawerOpenRef.current)) && (\n              <>\n                {(wasAiDrawerOpenRef.current = true)}\n                <AppLayoutGlobalAiDrawerImplementation\n                  show={!!activeAiDrawerId}\n                  activeAiDrawer={aiDrawer ?? null}\n                  appLayoutInternals={appLayoutState.appLayoutInternals}\n                  aiDrawerProps={{\n                    activeAiDrawerSize: activeAiDrawerSize!,\n                    minAiDrawerSize: minAiDrawerSize!,\n                    maxAiDrawerSize: maxAiDrawerSize!,\n                    aiDrawer: aiDrawer!,\n                    ariaLabels,\n                    aiDrawerFocusControl,\n                    isMobile,\n                    drawersOpenQueue,\n                    onActiveAiDrawerChange,\n                    onActiveDrawerResize: ({ size }) => onActiveAiDrawerResize(size),\n                    expandedDrawerId,\n                    setExpandedDrawerId,\n                  }}\n                />\n              </>\n            )}\n          </ActiveDrawersContext.Provider>\n        </div>\n      )}\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && styles['panel-hidden'],\n            toolsOpen && styles['unfocusable-mobile'],\n            !navigationAnimationDisabled && sharedStyles['with-motion-horizontal'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && styles.hidden\n          )}\n        >\n          <AppLayoutBuiltInErrorBoundary appLayoutPart=\"nav\">\n            <AppLayoutNavigation\n              appLayoutInternals={appLayoutState.appLayoutInternals}\n              bottomDrawerReportedSize={bottomDrawerReportedSize}\n            />\n          </AppLayoutBuiltInErrorBoundary>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport const BeforeMainSlotImplementation = (props: SkeletonPartProps) => (\n  <AppLayoutBuiltInErrorBoundary appLayoutPart=\"before-main-slot\">\n    <BeforeMainSlotImplementationInternal {...props} />\n  </AppLayoutBuiltInErrorBoundary>\n);\n\nexport const createWidgetizedAppLayoutBeforeMainSlot = createWidgetizedComponent(\n  BeforeMainSlotImplementation,\n  BeforeMainSlotSkeleton\n);\n"]}
+{"version":3,"file":"before-main-slot.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.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\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { AppLayoutBuiltInErrorBoundary } from '../../../error-boundary/internal';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { ActiveDrawersContext } from '../../utils/visibility-context';\nimport { AppLayoutGlobalAiDrawerImplementation } from '../drawer/global-ai-drawer';\nimport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../navigation';\nimport { SkeletonPartProps } from '../skeleton/interfaces';\nimport { BeforeMainSlotSkeleton } from '../skeleton/skeleton-parts';\nimport { isWidgetReady } from '../state/invariants';\nimport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../toolbar';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport styles from '../skeleton/styles.css.js';\n\nexport const BeforeMainSlotImplementationInternal = ({\n  toolbarProps,\n  appLayoutState,\n  appLayoutProps,\n}: SkeletonPartProps) => {\n  const wasAiDrawerOpenRef = useRef(false);\n  if (!isWidgetReady(appLayoutState)) {\n    return (\n      <BeforeMainSlotSkeleton\n        toolbarProps={toolbarProps}\n        appLayoutProps={appLayoutProps}\n        appLayoutState={appLayoutState}\n      />\n    );\n  }\n  const {\n    activeDrawer,\n    navigationOpen,\n    navigationCollapsible,\n    navigation,\n    expandedDrawerId,\n    setExpandedDrawerId,\n    navigationAnimationDisabled,\n    activeAiDrawerId,\n    aiDrawerExpandedMode,\n    aiDrawer,\n    activeAiDrawerSize,\n    minAiDrawerSize,\n    maxAiDrawerSize,\n    onActiveAiDrawerResize,\n    aiDrawerFocusControl,\n    ariaLabels,\n    isMobile,\n    drawersOpenQueue,\n    onActiveAiDrawerChange,\n    activeAiDrawer,\n    bottomDrawerReportedSize,\n    featureNotificationsProps,\n  } = appLayoutState.widgetizedState;\n  const drawerExpandedMode = !!expandedDrawerId;\n  const toolsOpen = !!activeDrawer;\n  // Must use `toolbarProps` because all layouts have to apply this mode, not just the one with toolbar\n  const drawerExpandedModeInChildLayout = !!toolbarProps?.expandedDrawerId;\n  const { __embeddedViewMode: embeddedViewMode } = appLayoutProps as any;\n  return (\n    <>\n      {!!toolbarProps && !embeddedViewMode && !aiDrawerExpandedMode && (\n        <AppLayoutToolbar\n          appLayoutInternals={appLayoutState.appLayoutInternals}\n          toolbarProps={toolbarProps}\n          featureNotificationsProps={featureNotificationsProps}\n        />\n      )}\n      {!toolbarProps && !!activeAiDrawerId && (\n        <div\n          className={styles['pseudo-toolbar']}\n          style={{\n            insetBlockStart: appLayoutState.appLayoutInternals?.verticalOffsets?.toolbar,\n          }}\n        >\n          <div className={styles['pseudo-toolbar-content']} />\n        </div>\n      )}\n      {aiDrawer && (\n        <div\n          className={clsx(\n            styles['ai-drawer'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && !aiDrawerExpandedMode && styles.hidden\n          )}\n        >\n          <ActiveDrawersContext.Provider value={activeAiDrawer ? [activeAiDrawer.id] : []}>\n            {(!!activeAiDrawerId || (aiDrawer?.preserveInactiveContent && wasAiDrawerOpenRef.current)) && (\n              <>\n                {(wasAiDrawerOpenRef.current = true)}\n                <AppLayoutGlobalAiDrawerImplementation\n                  show={!!activeAiDrawerId}\n                  activeAiDrawer={aiDrawer ?? null}\n                  appLayoutInternals={appLayoutState.appLayoutInternals}\n                  aiDrawerProps={{\n                    activeAiDrawerSize: activeAiDrawerSize!,\n                    minAiDrawerSize: minAiDrawerSize!,\n                    maxAiDrawerSize: maxAiDrawerSize!,\n                    aiDrawer: aiDrawer!,\n                    ariaLabels,\n                    aiDrawerFocusControl,\n                    isMobile,\n                    drawersOpenQueue,\n                    onActiveAiDrawerChange,\n                    onActiveDrawerResize: ({ size }) => onActiveAiDrawerResize(size),\n                    expandedDrawerId,\n                    setExpandedDrawerId,\n                  }}\n                />\n              </>\n            )}\n          </ActiveDrawersContext.Provider>\n        </div>\n      )}\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && (!navigationCollapsible || isMobile) && styles['panel-hidden'],\n            !navigationOpen && navigationCollapsible && !isMobile && styles['navigation-collapsed'],\n            toolsOpen && styles['unfocusable-mobile'],\n            !navigationAnimationDisabled && sharedStyles['with-motion-horizontal'],\n            (drawerExpandedMode || drawerExpandedModeInChildLayout) && styles.hidden\n          )}\n        >\n          <AppLayoutBuiltInErrorBoundary appLayoutPart=\"nav\">\n            <AppLayoutNavigation\n              appLayoutInternals={appLayoutState.appLayoutInternals}\n              bottomDrawerReportedSize={bottomDrawerReportedSize}\n              navigationCollapsible={navigationCollapsible}\n            />\n          </AppLayoutBuiltInErrorBoundary>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport const BeforeMainSlotImplementation = (props: SkeletonPartProps) => (\n  <AppLayoutBuiltInErrorBoundary appLayoutPart=\"before-main-slot\">\n    <BeforeMainSlotImplementationInternal {...props} />\n  </AppLayoutBuiltInErrorBoundary>\n);\n\nexport const createWidgetizedAppLayoutBeforeMainSlot = createWidgetizedComponent(\n  BeforeMainSlotImplementation,\n  BeforeMainSlotSkeleton\n);\n"]}

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,kGAiGrB,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,kGAmGrB,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

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

@@ -14,7 +14,7 @@ import { useMobile } from '../internal/hooks/use-mobile';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { isDevelopment } from '../internal/is-development';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-const AppLayoutToolbar = React.forwardRef(({ contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f', navigationWidth = 280, toolsWidth = 290, maxContentWidth, minContentWidth, navigationOpen: controlledNavigationOpen, onNavigationChange: controlledOnNavigationChange, analyticsMetadata, ...rest }, ref) => {
+const AppLayoutToolbar = React.forwardRef(({ contentType = 'default', headerSelector = '#b #h', footerSelector = '#b #f', navigationWidth = 280, navigationCollapsedWidth = 54, toolsWidth = 290, maxContentWidth, minContentWidth, navigationOpen: controlledNavigationOpen, onNavigationChange: controlledOnNavigationChange, analyticsMetadata, ...rest }, ref) => {
     var _a, _b;
     const isRefresh = useVisualRefresh();
     if (!isRefresh) {
@@ -56,6 +56,7 @@ const AppLayoutToolbar = React.forwardRef(({ contentType = 'default', headerSele
     const props = {
         contentType,
         navigationWidth,
+        navigationCollapsedWidth,
         toolsWidth,
         navigationOpen,
         onNavigationChange,

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      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      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":"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"]}

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_g4aqt_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_g4aqt_1",
-  "root": "awsui_root_n4qlp_g4aqt_175",
-  "empty": "awsui_empty_n4qlp_g4aqt_153",
-  "row": "awsui_row_n4qlp_g4aqt_221",
-  "divider": "awsui_divider_n4qlp_g4aqt_225",
-  "row-control": "awsui_row-control_n4qlp_g4aqt_230",
-  "field": "awsui_field_n4qlp_g4aqt_234",
-  "additional-info": "awsui_additional-info_n4qlp_g4aqt_238",
-  "add-row": "awsui_add-row_n4qlp_g4aqt_285",
-  "add-button": "awsui_add-button_n4qlp_g4aqt_289",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_g4aqt_293",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_g4aqt_297",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_g4aqt_301",
-  "remove-button": "awsui_remove-button_n4qlp_g4aqt_293"
+  "empty-appear": "awsui_empty-appear_n4qlp_fzdag_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_fzdag_1",
+  "root": "awsui_root_n4qlp_fzdag_175",
+  "empty": "awsui_empty_n4qlp_fzdag_153",
+  "row": "awsui_row_n4qlp_fzdag_221",
+  "divider": "awsui_divider_n4qlp_fzdag_225",
+  "row-control": "awsui_row-control_n4qlp_fzdag_230",
+  "field": "awsui_field_n4qlp_fzdag_234",
+  "additional-info": "awsui_additional-info_n4qlp_fzdag_238",
+  "add-row": "awsui_add-row_n4qlp_fzdag_285",
+  "add-button": "awsui_add-button_n4qlp_fzdag_289",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_fzdag_293",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_fzdag_297",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_fzdag_301",
+  "remove-button": "awsui_remove-button_n4qlp_fzdag_293"
 };
   

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

@@ -150,10 +150,10 @@ 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_empty-appear_n4qlp_g4aqt_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_g4aqt_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_fzdag_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_fzdag_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_g4aqt_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_fzdag_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_g4aqt_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_fzdag_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_g4aqt_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_g4aqt_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_fzdag_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_fzdag_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_g4aqt_175:not(#\9) {
+.awsui_root_n4qlp_fzdag_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -207,35 +207,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-grid-gutter-nm7ylt, 20px);
   align-items: start;
 }
-.awsui-one-theme .awsui_root_n4qlp_g4aqt_175:not(#\9) {
+.awsui-one-theme .awsui_root_n4qlp_fzdag_175:not(#\9) {
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
 
-.awsui_empty_n4qlp_g4aqt_153:not(#\9) {
+.awsui_empty_n4qlp_fzdag_153:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-empty-vtt4l2, #687078);
   grid-column: 1/-1;
 }
 
-.awsui_row_n4qlp_g4aqt_221:not(#\9) {
+.awsui_row_n4qlp_fzdag_221:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_g4aqt_225:not(#\9) {
+.awsui_divider_n4qlp_fzdag_225:not(#\9) {
   grid-column: 1/-1;
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_row-control_n4qlp_g4aqt_230:not(#\9) {
+.awsui_row-control_n4qlp_fzdag_230:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_g4aqt_234:not(#\9) {
+.awsui_field_n4qlp_fzdag_234:not(#\9) {
   min-inline-size: 40px;
 }
 
-.awsui_additional-info_n4qlp_g4aqt_238:not(#\9) {
+.awsui_additional-info_n4qlp_fzdag_238:not(#\9) {
   color: var(--color-text-form-secondary-4sp9un, #687078);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -245,11 +245,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-jnczic, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9) {
+.awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
-  color: var(--awsui-style-color-default-z17rmd, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -260,50 +260,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):active {
-  color: var(--awsui-style-color-active-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):active, .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):focus, .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9):active, .awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9):focus, .awsui_additional-info_n4qlp_fzdag_238 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
 
-.awsui_add-row_n4qlp_g4aqt_285:not(#\9) {
+.awsui_add-row_n4qlp_fzdag_285:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_g4aqt_289:not(#\9) {
+.awsui_add-button_n4qlp_fzdag_289:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_g4aqt_293:not(#\9) {
+.awsui_remove-button-container_n4qlp_fzdag_293:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_g4aqt_297:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_fzdag_297:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
 }
 
-.awsui_remove-button-own-row_n4qlp_g4aqt_301:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_fzdag_301:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_g4aqt_293:not(#\9) {
+.awsui_remove-button_n4qlp_fzdag_293:not(#\9) {
   /* used in test-utils */
 }