npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1288 → 3.0.1290 - Mend

@cloudscape-design/components-themeable 3.0.1288 → 3.0.1290

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "84c3be4690035de46011b39032ecbe58e5a9d945"
+  "commit": "3025360f0009b0196548b97a4199186c29ee82f6"
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/toolbar/styles.scss CHANGED Viewed

@@ -12,7 +12,7 @@
 $toolbar-height: 42px;
 .universal-toolbar {
-  background-color: awsui.$color-background-layout-panel-content;
+  background-color: awsui.$color-background-layout-toolbar;
   box-sizing: border-box;
   position: sticky;
   z-index: constants.$toolbar-z-index;
@@ -52,7 +52,7 @@ $toolbar-height: 42px;
     }
     &:after {
-      background-color: awsui.$color-background-layout-panel-content;
+      background-color: awsui.$color-background-layout-toolbar;
       border-start-start-radius: awsui.$space-xxs;
       @include theming.dark-mode-only {
@@ -107,7 +107,7 @@ $toolbar-height: 42px;
     }
     &:after {
-      background-color: awsui.$color-background-layout-panel-content;
+      background-color: awsui.$color-background-layout-toolbar;
       border-start-start-radius: awsui.$space-xxs;
     }
   }

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

@@ -77,5 +77,5 @@
   background-color: awsui.$color-background-badge-icon;
   inset-block-start: -1px;
   inset-inline-end: -1px;
-  outline: solid 2px awsui.$color-background-layout-panel-content;
+  outline: solid 2px awsui.$color-background-layout-toolbar;
 }

package/lib/internal/scss/button/constants.scss CHANGED Viewed

@@ -24,13 +24,13 @@ $variants: (
   ),
   'primary': (
     'default-background': awsui.$color-background-button-primary-default,
-    'default-border-color': awsui.$color-background-button-primary-default,
+    'default-border-color': awsui.$color-border-button-primary-default,
     'default-color': awsui.$color-text-button-primary-default,
     'hover-background': awsui.$color-background-button-primary-hover,
-    'hover-border-color': awsui.$color-background-button-primary-hover,
+    'hover-border-color': awsui.$color-border-button-primary-hover,
     'hover-color': awsui.$color-text-button-primary-hover,
     'active-background': awsui.$color-background-button-primary-active,
-    'active-border-color': awsui.$color-background-button-primary-active,
+    'active-border-color': awsui.$color-border-button-primary-active,
     'active-color': awsui.$color-text-button-primary-active,
     'disabled-background': awsui.$color-background-button-primary-disabled,
     'disabled-border-color': awsui.$color-border-button-primary-disabled,

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED Viewed

@@ -1,6 +1,6 @@
     // Build environment
-    $awsui-commit-hash: "84c3be46";
+    $awsui-commit-hash: "3025360f";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-6b9ypa;
 $minContentWidth: --awsui-min-content-width-6b9ypa;

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

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_1azeo_153",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_1azeo_172",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_1azeo_172",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1azeo_214",
-  "toolbar-container": "awsui_toolbar-container_1kzri_1azeo_267",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1azeo_287",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1azeo_292",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1azeo_301",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1azeo_309",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1azeo_310",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1azeo_352",
-  "group-divider": "awsui_group-divider_1kzri_1azeo_362",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_1azeo_352",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_1azeo_375"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_56ta5_153",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_56ta5_172",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_56ta5_172",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_56ta5_214",
+  "toolbar-container": "awsui_toolbar-container_1kzri_56ta5_267",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_56ta5_287",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_56ta5_292",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_56ta5_301",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_56ta5_309",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_56ta5_310",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_56ta5_352",
+  "group-divider": "awsui_group-divider_1kzri_56ta5_362",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_56ta5_352",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_56ta5_375"
 };

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

@@ -150,8 +150,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_universal-toolbar_1kzri_1azeo_153:not(#\9) {
-  background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
+.awsui_universal-toolbar_1kzri_56ta5_153:not(#\9) {
+  background-color: var(--color-background-layout-toolbar-oyny45, #ffffff);
   box-sizing: border-box;
   position: sticky;
   z-index: 1000;
@@ -160,16 +160,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_1azeo_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_56ta5_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_1azeo_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_1azeo_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_56ta5_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_56ta5_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):before, .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after {
+.awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):before, .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -186,10 +186,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   */
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):before, .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after {
+  .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):before, .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after {
     content: "";
     position: absolute;
     inset-block-start: 42px;
@@ -199,22 +199,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     background: var(--color-border-layout-ovzonx, #d5dbdb);
   }
 }
-.awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after {
-  background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
+.awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_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_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after {
+  .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_1azeo_172)):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9):not(:has(.awsui_universal-toolbar-ai-custom_1kzri_56ta5_172)):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_1azeo_153.awsui_disable-body-scroll_1kzri_1azeo_214:not(#\9) {
+.awsui_universal-toolbar_1kzri_56ta5_153.awsui_disable-body-scroll_1kzri_56ta5_214:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9) {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9) {
   grid-column: 1;
   position: relative;
   display: flex;
@@ -236,14 +236,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #161d26;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9) {
+  .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9) {
     block-size: 100%;
   }
 }
-.awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):after {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):before, .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):after {
   content: "";
   position: absolute;
   inset-block-start: 0;
@@ -253,18 +253,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #161d26;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):before, .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):after {
+  .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):before, .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):after {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):after {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):before, .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):before, .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):after, .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_172:not(#\9):after {
     display: none;
   }
 }
-.awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_universal-toolbar-ai-custom_1kzri_1azeo_172:not(#\9):after {
-  background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_universal-toolbar-ai-custom_1kzri_56ta5_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_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267:not(#\9) {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
@@ -273,32 +273,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: 1fr;
 }
 @media not print {
-  .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267:not(#\9) {
+  .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267:not(#\9) {
     /* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
   }
-  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_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_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267.awsui_with-ai-drawer_1kzri_1azeo_172:not(#\9) {
+  .awsui-polaris-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267.awsui_with-ai-drawer_1kzri_56ta5_172:not(#\9), .awsui-dark-mode .awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267.awsui_with-ai-drawer_1kzri_56ta5_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);
   }
 }
-.awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267 > .awsui_universal-toolbar-nav_1kzri_1azeo_287:not(#\9) {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267 > .awsui_universal-toolbar-nav_1kzri_56ta5_287: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_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267 > .awsui_universal-toolbar-breadcrumbs_1kzri_1azeo_292:not(#\9) {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267 > .awsui_universal-toolbar-breadcrumbs_1kzri_56ta5_292:not(#\9) {
   grid-column: 3;
   padding-inline: var(--space-static-xs-4gq40t, 8px);
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267 > .awsui_universal-toolbar-breadcrumbs_1kzri_1azeo_292:not(#\9):first-child {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267 > .awsui_universal-toolbar-breadcrumbs_1kzri_56ta5_292:not(#\9):first-child {
   padding-inline: calc(var(--space-static-xs-4gq40t, 8px) + var(--space-static-m-1cd7a5, 16px));
 }
-.awsui_universal-toolbar_1kzri_1azeo_153 > .awsui_toolbar-container_1kzri_1azeo_267 > .awsui_universal-toolbar-drawers_1kzri_1azeo_301:not(#\9) {
+.awsui_universal-toolbar_1kzri_56ta5_153 > .awsui_toolbar-container_1kzri_56ta5_267 > .awsui_universal-toolbar-drawers_1kzri_56ta5_301:not(#\9) {
   grid-column: 4;
   column-gap: var(--space-static-xs-4gq40t, 8px);
   display: flex;
@@ -306,8 +306,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
 }
-.awsui_drawers-desktop-triggers-container_1kzri_1azeo_309:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_1azeo_310:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_56ta5_309:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_56ta5_310:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -349,7 +349,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
-.awsui_drawers-trigger-content_1kzri_1azeo_352:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_56ta5_352:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
@@ -359,19 +359,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_1azeo_362:not(#\9) {
+.awsui_group-divider_1kzri_56ta5_362:not(#\9) {
   border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   block-size: 60%;
 }
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_1azeo_352:not(#\9) {
+  .awsui_drawers-trigger_1kzri_56ta5_352:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
-.awsui_block-body-scroll_1kzri_1azeo_375:not(#\9) {
+.awsui_block-body-scroll_1kzri_56ta5_375: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_1azeo_153",
-  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_1azeo_172",
-  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_1azeo_172",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_1azeo_214",
-  "toolbar-container": "awsui_toolbar-container_1kzri_1azeo_267",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_1azeo_287",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_1azeo_292",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_1azeo_301",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_1azeo_309",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_1azeo_310",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_1azeo_352",
-  "group-divider": "awsui_group-divider_1kzri_1azeo_362",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_1azeo_352",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_1azeo_375"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_56ta5_153",
+  "with-ai-drawer": "awsui_with-ai-drawer_1kzri_56ta5_172",
+  "universal-toolbar-ai-custom": "awsui_universal-toolbar-ai-custom_1kzri_56ta5_172",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_56ta5_214",
+  "toolbar-container": "awsui_toolbar-container_1kzri_56ta5_267",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_56ta5_287",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_56ta5_292",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_56ta5_301",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_56ta5_309",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_56ta5_310",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_56ta5_352",
+  "group-divider": "awsui_group-divider_1kzri_56ta5_362",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_56ta5_352",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_56ta5_375"
 };

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_1jxi5_145",
-  "custom": "awsui_custom_lpshu_1jxi5_151",
-  "default": "awsui_default_lpshu_1jxi5_160",
-  "selected": "awsui_selected_lpshu_1jxi5_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1jxi5_187",
-  "dot": "awsui_dot_lpshu_1jxi5_212"
+  "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"
 };

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_1jxi5_145:not(#\9) {
+.awsui_trigger_lpshu_eu6hs_145:not(#\9) {
   all: initial;
   cursor: pointer;
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
   text-align: center;
 }
-.awsui_trigger_lpshu_1jxi5_145.awsui_custom_lpshu_1jxi5_151:not(#\9) {
+.awsui_trigger_lpshu_eu6hs_145.awsui_custom_lpshu_eu6hs_151:not(#\9) {
   display: flex;
   block-size: 100%;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_trigger_lpshu_1jxi5_145:not(#\9):focus {
+.awsui_trigger_lpshu_eu6hs_145:not(#\9):focus {
   outline: none;
 }
-.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160:not(#\9) {
+.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);
@@ -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_1jxi5_145.awsui_default_lpshu_1jxi5_160:not(#\9):hover {
+.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160:not(#\9):hover {
   background: var(--color-background-input-disabled-4vlau3, #eaeded);
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160:not(#\9):active {
+.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160:not(#\9):active {
   background: var(--color-background-control-disabled-2ixett, #d5dbdb);
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160.awsui_selected_lpshu_1jxi5_176:not(#\9) {
+.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160.awsui_selected_lpshu_eu6hs_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_1jxi5_145.awsui_default_lpshu_1jxi5_160.awsui_selected_lpshu_1jxi5_176:not(#\9):hover {
+.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160.awsui_selected_lpshu_eu6hs_176:not(#\9):hover {
   background: var(--color-background-layout-toggle-selected-hover-yuaxel, #0a4a74);
 }
-.awsui_trigger_lpshu_1jxi5_145.awsui_default_lpshu_1jxi5_160.awsui_selected_lpshu_1jxi5_176:not(#\9):active {
+.awsui_trigger_lpshu_eu6hs_145.awsui_default_lpshu_eu6hs_160.awsui_selected_lpshu_eu6hs_176:not(#\9):active {
   background: var(--color-background-layout-toggle-selected-active-wfv72o, #0073bb);
 }
-.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9) {
+.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9):has(:focus-visible) {
   position: relative;
 }
-.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9):has(:focus-visible) {
+.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9):has(:focus-visible) {
   outline: 2px dotted transparent;
   outline-offset: calc(3px - 1px);
 }
-.awsui_trigger-wrapper_lpshu_1jxi5_187:not(#\9):has(:focus-visible)::before {
+.awsui_trigger-wrapper_lpshu_eu6hs_187:not(#\9):has(:focus-visible)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -209,7 +209,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_dot_lpshu_1jxi5_212:not(#\9) {
+.awsui_dot_lpshu_eu6hs_212:not(#\9) {
   position: absolute;
   inline-size: 8px;
   block-size: 8px;
@@ -220,5 +220,5 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-badge-icon-y5ul10, #d13212);
   inset-block-start: -1px;
   inset-inline-end: -1px;
-  outline: solid 2px var(--color-background-layout-panel-content-9tbx75, #ffffff);
+  outline: solid 2px var(--color-background-layout-toolbar-oyny45, #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_1jxi5_145",
-  "custom": "awsui_custom_lpshu_1jxi5_151",
-  "default": "awsui_default_lpshu_1jxi5_160",
-  "selected": "awsui_selected_lpshu_1jxi5_176",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_1jxi5_187",
-  "dot": "awsui_dot_lpshu_1jxi5_212"
+  "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"
 };

package/lib/internal/template/button/styles.css.js CHANGED Viewed

@@ -1,27 +1,27 @@
     import './styles.scoped.css';
     export default {
-  "content": "awsui_content_vjswe_8xaol_153",
-  "button": "awsui_button_vjswe_8xaol_157",
-  "variant-normal": "awsui_variant-normal_vjswe_8xaol_206",
-  "disabled": "awsui_disabled_vjswe_8xaol_227",
-  "variant-primary": "awsui_variant-primary_vjswe_8xaol_235",
-  "variant-link": "awsui_variant-link_vjswe_8xaol_264",
-  "variant-icon": "awsui_variant-icon_vjswe_8xaol_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_8xaol_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_8xaol_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_8xaol_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_8xaol_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_8xaol_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_8xaol_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_8xaol_505",
-  "button-no-text": "awsui_button-no-text_vjswe_8xaol_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_8xaol_605",
-  "full-width": "awsui_full-width_vjswe_8xaol_608",
-  "icon-left": "awsui_icon-left_vjswe_8xaol_630",
-  "icon-right": "awsui_icon-right_vjswe_8xaol_635",
-  "icon": "awsui_icon_vjswe_8xaol_630",
-  "link": "awsui_link_vjswe_8xaol_654",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_8xaol_654"
+  "content": "awsui_content_vjswe_1pa61_153",
+  "button": "awsui_button_vjswe_1pa61_157",
+  "variant-normal": "awsui_variant-normal_vjswe_1pa61_206",
+  "disabled": "awsui_disabled_vjswe_1pa61_227",
+  "variant-primary": "awsui_variant-primary_vjswe_1pa61_235",
+  "variant-link": "awsui_variant-link_vjswe_1pa61_264",
+  "variant-icon": "awsui_variant-icon_vjswe_1pa61_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1pa61_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1pa61_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1pa61_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1pa61_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1pa61_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1pa61_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1pa61_505",
+  "button-no-text": "awsui_button-no-text_vjswe_1pa61_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1pa61_605",
+  "full-width": "awsui_full-width_vjswe_1pa61_608",
+  "icon-left": "awsui_icon-left_vjswe_1pa61_630",
+  "icon-right": "awsui_icon-right_vjswe_1pa61_635",
+  "icon": "awsui_icon_vjswe_1pa61_630",
+  "link": "awsui_link_vjswe_1pa61_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1pa61_654"
 };