npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1329 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1329 → 3.0.1330

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

Files changed (310) hide show

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

@@ -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_l9a68_153:not(#\9) {
+.awsui_universal-toolbar_1kzri_117v3_153:not(#\9) {
   background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
   box-sizing: border-box;
   position: sticky;
@@ -160,23 +160,23 @@ 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_l9a68_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_117v3_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_l9a68_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_l9a68_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_117v3_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_117v3_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):before, .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after {
+.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 {
   content: "";
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
   inline-size: 5px;
   block-size: 5px;
-  background: #161d26;
+  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
   /**
    * Adds a border to visually separate the main content area from the left global drawer.
    *
@@ -186,35 +186,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):before, .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after {
+  .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 {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after {
-    content: "";
-    position: absolute;
+  .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 {
     inset-block-start: 42px;
-    inset-inline-start: 0;
-    inline-size: var(--border-divider-section-width-sznrdy, 1px);
+    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_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after {
+.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 {
+  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 {
   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_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after {
+  .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 {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_l9a68_172)):after {
+  .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 {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_l9a68_153.awsui_disable-body-scroll_1kzri_l9a68_214:not(#\9) {
+.awsui_universal-toolbar_1kzri_117v3_153.awsui_disable-body-scroll_1kzri_117v3_217:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9) {
+.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
@@ -232,39 +235,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
    * Dark mode: Resets the overlap styling due to different design requirements
    * where overlap should not occur.
    */
-  block-size: calc(100% + var(--border-divider-section-width-sznrdy, 1px));
-  background: #161d26;
+  block-size: calc(100% + var(--border-divider-section-width-dlkb8v, 1px));
+  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9) {
+  .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_172:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9) {
+  .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) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):before, .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):after {
+.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 {
   content: "";
   position: absolute;
   inset-block-start: 0;
   inset-inline-end: -5px;
   inline-size: 5px;
   block-size: 5px;
-  background: #161d26;
+  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):before, .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):after {
+  .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 {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):after {
+  .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 {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_universal-toolbar-ai-custom_1kzri_l9a68_172:not(#\9):after {
+.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_universal-toolbar-ai-custom_1kzri_117v3_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_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267:not(#\9) {
+.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -273,32 +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_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267:not(#\9) {
+  .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267:not(#\9) {
-    border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+  .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) {
+    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_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267.awsui_with-ai-drawer_1kzri_l9a68_172:not(#\9) {
+  .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) {
     border-start-start-radius: var(--space-xxs-jnczic, 4px);
-    border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
+    border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267 > .awsui_universal-toolbar-nav_1kzri_l9a68_287:not(#\9) {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_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) {
+  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) {
   grid-column: 2;
   padding-inline-start: var(--space-m-n2lypl, 16px);
   padding-inline-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267 > .awsui_universal-toolbar-breadcrumbs_1kzri_l9a68_292:not(#\9) {
+.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_117v3_302:not(#\9) {
   grid-column: 3;
   padding-inline: var(--space-static-xs-4gq40t, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267 > .awsui_universal-toolbar-breadcrumbs_1kzri_l9a68_292:not(#\9):first-child {
+.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_117v3_302:not(#\9):first-child {
   padding-inline: calc(var(--space-static-xs-4gq40t, 8px) + var(--space-static-m-1cd7a5, 16px));
 }
-.awsui_universal-toolbar_1kzri_l9a68_153 > .awsui_toolbar-container_1kzri_l9a68_267 > .awsui_universal-toolbar-drawers_1kzri_l9a68_301:not(#\9) {
+.awsui_universal-toolbar_1kzri_117v3_153 > .awsui_toolbar-container_1kzri_117v3_270 > .awsui_universal-toolbar-drawers_1kzri_117v3_311:not(#\9) {
   grid-column: 4;
   column-gap: var(--space-static-xs-4gq40t, 8px);
   display: flex;
@@ -306,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_l9a68_309:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_l9a68_310:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_117v3_319:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_117v3_320:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -349,7 +359,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
-.awsui_drawers-trigger-content_1kzri_l9a68_352:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_117v3_362:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
@@ -359,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_l9a68_362:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+.awsui_group-divider_1kzri_117v3_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_l9a68_352:not(#\9) {
+  .awsui_drawers-trigger_1kzri_117v3_362:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
-.awsui_block-body-scroll_1kzri_l9a68_375:not(#\9) {
+.awsui_block-body-scroll_1kzri_117v3_385:not(#\9) {
   overflow: hidden;
 }

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

@@ -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_l9a68_153",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_l9a68_172",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_l9a68_172",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_l9a68_214",
-  "toolbar-container": "awsui_toolbar-container_1kzri_l9a68_267",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_l9a68_287",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_l9a68_292",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_l9a68_301",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_l9a68_309",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_l9a68_310",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_l9a68_352",
-  "group-divider": "awsui_group-divider_1kzri_l9a68_362",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_l9a68_352",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_l9a68_375"
+  "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"
 };

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

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "trigger": "awsui_trigger_lpshu_eu6hs_145",
-  "custom": "awsui_custom_lpshu_eu6hs_151",
-  "default": "awsui_default_lpshu_eu6hs_160",
-  "selected": "awsui_selected_lpshu_eu6hs_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_eu6hs_187",
-  "dot": "awsui_dot_lpshu_eu6hs_212"
+  "trigger": "awsui_trigger_lpshu_1qw8q_145",
+  "custom": "awsui_custom_lpshu_1qw8q_151",
+  "default": "awsui_default_lpshu_1qw8q_160",
+  "selected": "awsui_selected_lpshu_1qw8q_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1qw8q_187",
+  "dot": "awsui_dot_lpshu_1qw8q_212"
 };

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

@@ -142,59 +142,59 @@
 */
 /* 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_eu6hs_145:not(#\9) {
+.awsui_trigger_lpshu_1qw8q_145:not(#\9) {
   all: initial;
   cursor: pointer;
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
   text-align: center;
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_custom_lpshu_eu6hs_151:not(#\9) {
+.awsui_trigger_lpshu_1qw8q_145.awsui_custom_lpshu_1qw8q_151:not(#\9) {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_trigger_lpshu_eu6hs_145:not(#\9):focus {
+.awsui_trigger_lpshu_1qw8q_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160:not(#\9) {
-  border-start-start-radius: var(--border-radius-button-vm1lh4, 2px);
-  border-start-end-radius: var(--border-radius-button-vm1lh4, 2px);
-  border-end-start-radius: var(--border-radius-button-vm1lh4, 2px);
-  border-end-end-radius: var(--border-radius-button-vm1lh4, 2px);
+.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_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);
+  border-end-end-radius: var(--border-radius-button-9k0hrl, 2px);
   block-size: 30px;
   inline-size: 30px;
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160:not(#\9):hover {
+.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160:not(#\9):hover {
   background: var(--color-background-input-disabled-4vlau3, #eaeded);
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160:not(#\9):active {
+.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160:not(#\9):active {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160.awsui_selected_lpshu_eu6hs_176:not(#\9) {
+.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160.awsui_selected_lpshu_1qw8q_176:not(#\9) {
   background: var(--color-background-layout-toggle-selected-default-o4my1h, #0073bb);
   color: var(--color-text-layout-toggle-selected-ofhd1q, #ffffff);
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160.awsui_selected_lpshu_eu6hs_176:not(#\9):hover {
+.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160.awsui_selected_lpshu_1qw8q_176:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
 }
-.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160.awsui_selected_lpshu_eu6hs_176:not(#\9):active {
+.awsui_trigger_lpshu_1qw8q_145.awsui_default_lpshu_1qw8q_160.awsui_selected_lpshu_1qw8q_176:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
 }
-.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9) {
+.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9):has(:focus-visible)::before {
+.awsui_trigger-wrapper_lpshu_1qw8q_187:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -202,14 +202,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 3px);
   inline-size: calc(100% + 3px + 3px);
   block-size: calc(100% + 3px + 3px);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_dot_lpshu_eu6hs_212:not(#\9) {
+.awsui_dot_lpshu_1qw8q_212:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "trigger": "awsui_trigger_lpshu_eu6hs_145",
-  "custom": "awsui_custom_lpshu_eu6hs_151",
-  "default": "awsui_default_lpshu_eu6hs_160",
-  "selected": "awsui_selected_lpshu_eu6hs_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_eu6hs_187",
-  "dot": "awsui_dot_lpshu_eu6hs_212"
+  "trigger": "awsui_trigger_lpshu_1qw8q_145",
+  "custom": "awsui_custom_lpshu_1qw8q_151",
+  "default": "awsui_default_lpshu_1qw8q_160",
+  "selected": "awsui_selected_lpshu_1qw8q_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1qw8q_187",
+  "dot": "awsui_dot_lpshu_1qw8q_212"
 };

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

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_1wdtx_189",
-  "root": "awsui_root_y1yrh_1wdtx_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_1wdtx_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_1wdtx_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_1wdtx_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_1wdtx_228"
+  "series": "awsui_series_y1yrh_11403_189",
+  "root": "awsui_root_y1yrh_11403_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_11403_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_11403_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_11403_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_11403_228"
 };

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

@@ -186,47 +186,47 @@ 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_1wdtx_189 > rect:not(#\9) {
+.awsui_series_y1yrh_11403_189 > rect:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_1wdtx_189 > rect:not(#\9) {
+  .awsui_series_y1yrh_11403_189 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_1wdtx_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1wdtx_189 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_11403_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_11403_189 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_y1yrh_1wdtx_203:not(#\9) {
+.awsui_root_y1yrh_11403_203:not(#\9) {
   /* used in test-utils */
 }
-.awsui_series_y1yrh_1wdtx_189:not(#\9) {
+.awsui_series_y1yrh_11403_189:not(#\9) {
   display: block;
-  stroke-width: var(--border-line-chart-width-aeswqs, 2px);
+  stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: var(--border-line-chart-line-join-azfkix, miter);
+  stroke-linejoin: var(--border-line-chart-line-join-lskdht, miter);
 }
-.awsui_series--highlighted_y1yrh_1wdtx_215:not(#\9) {
+.awsui_series--highlighted_y1yrh_11403_215:not(#\9) {
   /* used in test-utils */
 }
-.awsui_series--dimmed_y1yrh_1wdtx_219:not(#\9) {
+.awsui_series--dimmed_y1yrh_11403_219:not(#\9) {
   opacity: 0.3;
 }
-.awsui_series--threshold_y1yrh_1wdtx_223:not(#\9) {
-  stroke-dasharray: var(--border-line-chart-dash-array-9wbxtz, 3 5);
-  stroke-width: var(--border-line-chart-width-aeswqs, 2px);
+.awsui_series--threshold_y1yrh_11403_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_1wdtx_228:not(#\9) {
+.awsui_popover-divider_y1yrh_11403_228:not(#\9) {
   margin-block: var(--space-xs-kw7k3v, 8px);
   margin-inline: 0;
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }

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

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_y1yrh_1wdtx_189",
-  "root": "awsui_root_y1yrh_1wdtx_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_1wdtx_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_1wdtx_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_1wdtx_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_1wdtx_228"
+  "series": "awsui_series_y1yrh_11403_189",
+  "root": "awsui_root_y1yrh_11403_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_11403_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_11403_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_11403_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_11403_228"
 };

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

@@ -1,20 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1hh1p_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1hh1p_1",
-  "root": "awsui_root_n4qlp_1hh1p_175",
-  "empty": "awsui_empty_n4qlp_1hh1p_153",
-  "row": "awsui_row_n4qlp_1hh1p_221",
-  "divider": "awsui_divider_n4qlp_1hh1p_225",
-  "row-control": "awsui_row-control_n4qlp_1hh1p_230",
-  "field": "awsui_field_n4qlp_1hh1p_234",
-  "additional-info": "awsui_additional-info_n4qlp_1hh1p_238",
-  "add-row": "awsui_add-row_n4qlp_1hh1p_285",
-  "add-button": "awsui_add-button_n4qlp_1hh1p_289",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1hh1p_293",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1hh1p_297",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1hh1p_301",
-  "remove-button": "awsui_remove-button_n4qlp_1hh1p_293"
+  "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"
 };