npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1345 → 3.0.1346 - Mend

@cloudscape-design/components-themeable 3.0.1345 → 3.0.1346

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 (503) hide show

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

@@ -150,33 +150,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
-  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
+.awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9) {
+  background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
   box-sizing: border-box;
   position: sticky;
   z-index: 1000;
   display: flex;
-  transition: ease var(--motion-duration-refresh-only-slow-zil3nj, 0ms);
+  transition: ease var(--motion-duration-refresh-only-slow-8cyf6l, 0ms);
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1yz19_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_qrqj7_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+.awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
   inline-size: 5px;
   block-size: 5px;
-  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
+  background: var(--color-background-layout-ai-drawer-u8ll44, #1a2029);
   /**
    * Adds a border to visually separate the main content area from the left global drawer.
    *
@@ -186,45 +186,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+  .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     inset-block-start: 42px;
     inline-size: var(--border-divider-section-width-dlkb8v, 1px);
     block-size: calc(100vh - 42px);
-    background: var(--color-border-layout-gb61sp, #d5dbdb);
+    background: var(--color-border-layout-h5yp20, #d5dbdb);
   }
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+.awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):before, .awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
   inset-block-start: 42px;
   inline-size: var(--border-divider-section-width-dlkb8v, 1px);
   block-size: calc(100vh - 42px);
-  background: var(--color-border-layout-gb61sp, #d5dbdb);
+  background: var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
-  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
-  border-start-start-radius: var(--space-xxs-jnczic, 4px);
+.awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
+  background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+  .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1yz19_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_1yz19_153.awsui_disable-body-scroll_1kzri_1yz19_217:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153.awsui_disable-body-scroll_1kzri_qrqj7_217:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   align-self: flex-start;
-  padding-inline: var(--space-static-s-8me5rn, 12px);
+  padding-inline: var(--space-static-s-bwcdfm, 12px);
   box-sizing: border-box;
   /**
    * Button sizing adjustments for theme-specific design requirements
@@ -236,38 +236,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
    * where overlap should not occur.
    */
   block-size: calc(100% + var(--border-divider-section-width-dlkb8v, 1px));
-  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
+  background: var(--color-background-layout-ai-drawer-u8ll44, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
+  .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
   inset-inline-end: -5px;
   inline-size: 5px;
   block-size: 5px;
-  background: var(--color-background-layout-ai-drawer-91zkk9, #1a2029);
+  background: var(--color-background-layout-ai-drawer-u8ll44, #1a2029);
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
+  .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_universal-toolbar-ai-custom_1kzri_1yz19_172:not(#\9):after {
-  background-color: var(--color-background-layout-toolbar-lxnb5k, #ffffff);
-  border-start-start-radius: var(--space-xxs-jnczic, 4px);
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172:not(#\9):after {
+  background-color: var(--color-background-layout-toolbar-1jwzza, #ffffff);
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -276,48 +276,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 1fr;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
+  .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
-    border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
+    border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9) {
-    border-start-start-radius: var(--space-xxs-jnczic, 4px);
-    border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9) {
+    border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
+    border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
   }
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270:not(#\9) {
-  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
+.awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270:not(#\9) {
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui-one-theme .awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270.awsui_with-ai-drawer_1kzri_1yz19_172:not(#\9) {
-  border-start-start-radius: var(--space-xxs-jnczic, 4px);
-  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
+.awsui-one-theme .awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270.awsui_with-ai-drawer_1kzri_qrqj7_172:not(#\9) {
+  border-start-start-radius: var(--space-xxs-3o1yoq, 4px);
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-layout-h5yp20, #d5dbdb);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-nav_1kzri_1yz19_297:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-nav_1kzri_qrqj7_297:not(#\9) {
   grid-column: 2;
-  padding-inline-start: var(--space-s-4a5hs8, 12px);
-  padding-inline-end: var(--space-static-xxs-0cgyf1, 4px);
+  padding-inline-start: var(--space-s-kll7oj, 12px);
+  padding-inline-end: var(--space-static-xxs-vzto3j, 4px);
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_qrqj7_302:not(#\9) {
   grid-column: 3;
-  padding-inline: var(--space-static-xs-4gq40t, 8px);
+  padding-inline: var(--space-static-xs-789l1l, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302:not(#\9):first-child {
-  padding-inline: calc(var(--space-static-xs-4gq40t, 8px) + var(--space-static-m-1cd7a5, 16px));
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-breadcrumbs_1kzri_qrqj7_302:not(#\9):first-child {
+  padding-inline: calc(var(--space-static-xs-789l1l, 8px) + var(--space-static-m-0gdnhk, 16px));
 }
-.awsui_universal-toolbar_1kzri_1yz19_153 > .awsui_toolbar-container_1kzri_1yz19_270 > .awsui_universal-toolbar-drawers_1kzri_1yz19_311:not(#\9) {
+.awsui_universal-toolbar_1kzri_qrqj7_153 > .awsui_toolbar-container_1kzri_qrqj7_270 > .awsui_universal-toolbar-drawers_1kzri_qrqj7_311:not(#\9) {
   grid-column: 4;
-  column-gap: var(--space-static-xs-4gq40t, 8px);
+  column-gap: var(--space-static-xs-789l1l, 8px);
   display: flex;
   justify-content: flex-end;
   block-size: 100%;
 }
-.awsui_drawers-desktop-triggers-container_1kzri_1yz19_319:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_1yz19_320:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_qrqj7_319:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_qrqj7_320:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -342,13 +342,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background-color: transparent;
-  padding-inline: var(--space-s-4a5hs8, 12px);
+  padding-inline: var(--space-s-kll7oj, 12px);
   box-sizing: border-box;
   overflow-y: hidden;
   overflow-x: hidden;
@@ -359,29 +359,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
-.awsui_drawers-trigger-content_1kzri_1yz19_362:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_qrqj7_362:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: var(--space-xs-kw7k3v, 8px);
+  gap: var(--space-xs-m9b7jf, 8px);
   justify-content: flex-end;
-  padding-inline-start: var(--space-xs-kw7k3v, 8px);
+  padding-inline-start: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_group-divider_1kzri_1yz19_372:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
+.awsui_group-divider_1kzri_qrqj7_372:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
   block-size: 60%;
 }
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_1yz19_362:not(#\9) {
+  .awsui_drawers-trigger_1kzri_qrqj7_362:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
-.awsui_block-body-scroll_1kzri_1yz19_385:not(#\9) {
+.awsui_block-body-scroll_1kzri_qrqj7_385:not(#\9) {
   overflow: hidden;
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js 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_1yz19_153",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_1yz19_172",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_1yz19_172",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1yz19_217",
-  "toolbar-container": "awsui_toolbar-container_1kzri_1yz19_270",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1yz19_297",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1yz19_302",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1yz19_311",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1yz19_319",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1yz19_320",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1yz19_362",
-  "group-divider": "awsui_group-divider_1kzri_1yz19_372",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_1yz19_362",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_1yz19_385"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_qrqj7_153",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_qrqj7_172",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_qrqj7_172",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_qrqj7_217",
+  "toolbar-container": "awsui_toolbar-container_1kzri_qrqj7_270",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_qrqj7_297",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_qrqj7_302",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_qrqj7_311",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_qrqj7_319",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_qrqj7_320",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_qrqj7_362",
+  "group-divider": "awsui_group-divider_1kzri_qrqj7_372",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_qrqj7_362",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_qrqj7_385"
 };

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

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "trigger": "awsui_trigger_lpshu_rtp11_145",
-  "custom": "awsui_custom_lpshu_rtp11_151",
-  "default": "awsui_default_lpshu_rtp11_160",
-  "selected": "awsui_selected_lpshu_rtp11_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_rtp11_187",
-  "dot": "awsui_dot_lpshu_rtp11_212"
+  "trigger": "awsui_trigger_lpshu_sccqz_145",
+  "custom": "awsui_custom_lpshu_sccqz_151",
+  "default": "awsui_default_lpshu_sccqz_160",
+  "selected": "awsui_selected_lpshu_sccqz_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_sccqz_187",
+  "dot": "awsui_dot_lpshu_sccqz_212"
 };

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

@@ -142,22 +142,22 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_trigger_lpshu_rtp11_145:not(#\9) {
+.awsui_trigger_lpshu_sccqz_145:not(#\9) {
   all: initial;
   cursor: pointer;
-  color: var(--color-text-interactive-default-mf3cev, #545b64);
+  color: var(--color-text-interactive-default-pauydh, #545b64);
   text-align: center;
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_custom_lpshu_rtp11_151:not(#\9) {
+.awsui_trigger_lpshu_sccqz_145.awsui_custom_lpshu_sccqz_151:not(#\9) {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_trigger_lpshu_rtp11_145:not(#\9):focus {
+.awsui_trigger_lpshu_sccqz_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9) {
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160:not(#\9) {
   border-start-start-radius: var(--border-radius-button-9k0hrl, 2px);
   border-start-end-radius: var(--border-radius-button-9k0hrl, 2px);
   border-end-start-radius: var(--border-radius-button-9k0hrl, 2px);
@@ -165,36 +165,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 30px;
   inline-size: 30px;
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9):hover {
-  background: var(--color-background-input-disabled-27sca7, #eaeded);
-  color: var(--color-text-interactive-hover-kceoak, #16191f);
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160:not(#\9):hover {
+  background: var(--color-background-input-disabled-pyvhb1, #eaeded);
+  color: var(--color-text-interactive-hover-zj1911, #16191f);
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160:not(#\9):active {
-  background: var(--color-background-control-disabled-unvwwj, #d5dbdb);
-  color: var(--color-text-interactive-hover-kceoak, #16191f);
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160:not(#\9):active {
+  background: var(--color-background-control-disabled-m61b8s, #d5dbdb);
+  color: var(--color-text-interactive-hover-zj1911, #16191f);
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160.awsui_selected_lpshu_rtp11_176:not(#\9) {
-  background: var(--color-background-layout-toggle-selected-default-9jv654, #0073bb);
-  color: var(--color-text-layout-toggle-selected-pgq19r, #ffffff);
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160.awsui_selected_lpshu_sccqz_176:not(#\9) {
+  background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
+  color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160.awsui_selected_lpshu_rtp11_176:not(#\9):hover {
-  background: var(--color-background-layout-toggle-selected-hover-uf0smx, #0a4a74);
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160.awsui_selected_lpshu_sccqz_176:not(#\9):hover {
+  background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
 }
-.awsui_trigger_lpshu_rtp11_145.awsui_default_lpshu_rtp11_160.awsui_selected_lpshu_rtp11_176:not(#\9):active {
-  background: var(--color-background-layout-toggle-selected-active-6j7su9, #0073bb);
+.awsui_trigger_lpshu_sccqz_145.awsui_default_lpshu_sccqz_160.awsui_selected_lpshu_sccqz_176:not(#\9):active {
+  background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9) {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger-wrapper_lpshu_rtp11_187:not(#\9):has(:focus-visible)::before {
+.awsui_trigger-wrapper_lpshu_sccqz_187:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -206,10 +206,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_dot_lpshu_rtp11_212:not(#\9) {
+.awsui_dot_lpshu_sccqz_212:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;
@@ -217,8 +217,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: 8px;
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
-  background-color: var(--color-background-badge-icon-hcgzmv, #d13212);
+  background-color: var(--color-background-badge-icon-7pcuv1, #d13212);
   inset-block-start: -1px;
   inset-inline-end: -1px;
-  outline: solid 2px var(--color-background-layout-toolbar-lxnb5k, #ffffff);
+  outline: solid 2px var(--color-background-layout-toolbar-1jwzza, #ffffff);
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js 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_rtp11_145",
-  "custom": "awsui_custom_lpshu_rtp11_151",
-  "default": "awsui_default_lpshu_rtp11_160",
-  "selected": "awsui_selected_lpshu_rtp11_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_rtp11_187",
-  "dot": "awsui_dot_lpshu_rtp11_212"
+  "trigger": "awsui_trigger_lpshu_sccqz_145",
+  "custom": "awsui_custom_lpshu_sccqz_151",
+  "default": "awsui_default_lpshu_sccqz_160",
+  "selected": "awsui_selected_lpshu_sccqz_176",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_sccqz_187",
+  "dot": "awsui_dot_lpshu_sccqz_212"
 };

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

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_y1yrh_1j3iu_189",
-  "root": "awsui_root_y1yrh_1j3iu_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_1j3iu_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_1j3iu_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_1j3iu_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_1j3iu_228"
+  "series": "awsui_series_y1yrh_1703n_189",
+  "root": "awsui_root_y1yrh_1703n_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1703n_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1703n_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_1703n_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_1703n_228"
 };

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

@@ -186,25 +186,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
+.awsui_series_y1yrh_1703n_189 > rect:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
+  .awsui_series_y1yrh_1703n_189 > rect:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1j3iu_189 > rect:not(#\9) {
+.awsui-motion-disabled .awsui_series_y1yrh_1703n_189 > rect:not(#\9), .awsui-mode-entering .awsui_series_y1yrh_1703n_189 > rect:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_y1yrh_1j3iu_203:not(#\9) {
+.awsui_root_y1yrh_1703n_203:not(#\9) {
   /* used in test-utils */
 }
-.awsui_series_y1yrh_1j3iu_189:not(#\9) {
+.awsui_series_y1yrh_1703n_189:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
   fill: none;
@@ -212,21 +212,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   stroke-linejoin: var(--border-line-chart-line-join-lskdht, miter);
 }
-.awsui_series--highlighted_y1yrh_1j3iu_215:not(#\9) {
+.awsui_series--highlighted_y1yrh_1703n_215:not(#\9) {
   /* used in test-utils */
 }
-.awsui_series--dimmed_y1yrh_1j3iu_219:not(#\9) {
+.awsui_series--dimmed_y1yrh_1703n_219:not(#\9) {
   opacity: 0.3;
 }
-.awsui_series--threshold_y1yrh_1j3iu_223:not(#\9) {
+.awsui_series--threshold_y1yrh_1703n_223:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-ctwkrt, 3 5);
   stroke-width: var(--border-line-chart-width-vyj7eu, 2px);
 }
-.awsui_popover-divider_y1yrh_1j3iu_228:not(#\9) {
-  margin-block: var(--space-xs-kw7k3v, 8px);
+.awsui_popover-divider_y1yrh_1703n_228:not(#\9) {
+  margin-block: var(--space-xs-m9b7jf, 8px);
   margin-inline: 0;
-  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-hfk422, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
 }

package/lib/internal/template/area-chart/styles.selectors.js 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_1j3iu_189",
-  "root": "awsui_root_y1yrh_1j3iu_203",
-  "series--highlighted": "awsui_series--highlighted_y1yrh_1j3iu_215",
-  "series--dimmed": "awsui_series--dimmed_y1yrh_1j3iu_219",
-  "series--threshold": "awsui_series--threshold_y1yrh_1j3iu_223",
-  "popover-divider": "awsui_popover-divider_y1yrh_1j3iu_228"
+  "series": "awsui_series_y1yrh_1703n_189",
+  "root": "awsui_root_y1yrh_1703n_203",
+  "series--highlighted": "awsui_series--highlighted_y1yrh_1703n_215",
+  "series--dimmed": "awsui_series--dimmed_y1yrh_1703n_219",
+  "series--threshold": "awsui_series--threshold_y1yrh_1703n_223",
+  "popover-divider": "awsui_popover-divider_y1yrh_1703n_228"
 };

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

@@ -1,20 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1klqs_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1klqs_1",
-  "root": "awsui_root_n4qlp_1klqs_175",
-  "empty": "awsui_empty_n4qlp_1klqs_153",
-  "row": "awsui_row_n4qlp_1klqs_221",
-  "divider": "awsui_divider_n4qlp_1klqs_225",
-  "row-control": "awsui_row-control_n4qlp_1klqs_230",
-  "field": "awsui_field_n4qlp_1klqs_234",
-  "additional-info": "awsui_additional-info_n4qlp_1klqs_238",
-  "add-row": "awsui_add-row_n4qlp_1klqs_285",
-  "add-button": "awsui_add-button_n4qlp_1klqs_289",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1klqs_293",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1klqs_297",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1klqs_301",
-  "remove-button": "awsui_remove-button_n4qlp_1klqs_293"
+  "empty-appear": "awsui_empty-appear_n4qlp_v89nk_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_v89nk_1",
+  "root": "awsui_root_n4qlp_v89nk_175",
+  "empty": "awsui_empty_n4qlp_v89nk_153",
+  "row": "awsui_row_n4qlp_v89nk_221",
+  "divider": "awsui_divider_n4qlp_v89nk_225",
+  "row-control": "awsui_row-control_n4qlp_v89nk_230",
+  "field": "awsui_field_n4qlp_v89nk_234",
+  "additional-info": "awsui_additional-info_n4qlp_v89nk_238",
+  "add-row": "awsui_add-row_n4qlp_v89nk_285",
+  "add-button": "awsui_add-button_n4qlp_v89nk_289",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_v89nk_293",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_v89nk_297",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_v89nk_301",
+  "remove-button": "awsui_remove-button_n4qlp_v89nk_293"
 };