npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.962 → 3.0.963 - Mend

@cloudscape-design/components-themeable 3.0.962 → 3.0.963

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

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/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_root_7nfqu_uf4vt_153:not(#\9) {
+.awsui_root_7nfqu_jksfw_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,108 +174,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  color: var(--color-text-body-default-agk00h, #16191f);
-  background-color: var(--color-background-layout-main-f96353, #f2f3f3);
+  color: var(--color-text-body-default-1tki40, #16191f);
+  background-color: var(--color-background-layout-main-nu5m0g, #f2f3f3);
   --awsui-max-content-width-g964ok: 100%;
   display: grid;
   grid-template-areas: "toolbar    toolbar     toolbar" ".       notifications  ." ".           main       .";
-  grid-template-columns: var(--space-layout-content-horizontal-18y4hb, 40px) minmax(0, 1fr) var(--space-layout-content-horizontal-18y4hb, 40px);
+  grid-template-columns: var(--space-layout-content-horizontal-q3zhej, 40px) minmax(0, 1fr) var(--space-layout-content-horizontal-q3zhej, 40px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_uf4vt_153:not(#\9) {
+  .awsui_root_7nfqu_jksfw_153:not(#\9) {
     grid-template-areas: "toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "navigation .         notifications    .         sideSplitPanel  tools    global-tools" "navigation .             main         .         sideSplitPanel  tools    global-tools";
-    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-18y4hb, 40px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-18y4hb, 40px), 1fr) min-content min-content;
+    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-q3zhej, 40px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
-  .awsui_root_7nfqu_uf4vt_153.awsui_has-adaptive-widths-default_7nfqu_uf4vt_197:not(#\9) {
+  .awsui_root_7nfqu_jksfw_153.awsui_has-adaptive-widths-default_7nfqu_jksfw_197:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_uf4vt_153.awsui_has-adaptive-widths-dashboard_7nfqu_uf4vt_202:not(#\9) {
+  .awsui_root_7nfqu_jksfw_153.awsui_has-adaptive-widths-dashboard_7nfqu_jksfw_202:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_uf4vt_153.awsui_has-adaptive-widths-dashboard_7nfqu_uf4vt_202:not(#\9) {
+  .awsui_root_7nfqu_jksfw_153.awsui_has-adaptive-widths-dashboard_7nfqu_jksfw_202:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_uf4vt_153.awsui_has-adaptive-widths-dashboard_7nfqu_uf4vt_202:not(#\9) {
+  .awsui_root_7nfqu_jksfw_153.awsui_has-adaptive-widths-dashboard_7nfqu_jksfw_202:not(#\9) {
     --awsui-max-content-width-g964ok: 2160px;
   }
 }
-.awsui_navigation_7nfqu_uf4vt_217:not(#\9),
-.awsui_tools_7nfqu_uf4vt_218:not(#\9),
-.awsui_global-tools_7nfqu_uf4vt_219:not(#\9) {
+.awsui_navigation_7nfqu_jksfw_217:not(#\9),
+.awsui_tools_7nfqu_jksfw_218:not(#\9),
+.awsui_global-tools_7nfqu_jksfw_219:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
-  background: var(--color-background-container-content-myy7cn, #ffffff);
+  background: var(--color-background-container-content-mvmryi, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_uf4vt_217:not(#\9),
-  .awsui_tools_7nfqu_uf4vt_218:not(#\9),
-  .awsui_global-tools_7nfqu_uf4vt_219:not(#\9) {
+  .awsui_navigation_7nfqu_jksfw_217:not(#\9),
+  .awsui_tools_7nfqu_jksfw_218:not(#\9),
+  .awsui_global-tools_7nfqu_jksfw_219:not(#\9) {
     inline-size: 100%;
   }
 }
-.awsui_navigation_7nfqu_uf4vt_217:not(#\9) {
+.awsui_navigation_7nfqu_jksfw_217:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_uf4vt_217:not(#\9) {
+  .awsui_navigation_7nfqu_jksfw_217:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-g964ok);
-    border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-layout-5gml03, #d5dbdb);
+    border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_uf4vt_217:not(#\9) {
+  .awsui_navigation_7nfqu_jksfw_217:not(#\9) {
     z-index: 1001;
   }
 }
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_uf4vt_218:not(#\9) {
+  .awsui_tools_7nfqu_jksfw_218:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_uf4vt_218:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_jksfw_218:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-g964ok);
   }
-  .awsui_tools_7nfqu_uf4vt_218:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_uf4vt_257 {
-    border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-layout-5gml03, #d5dbdb);
+  .awsui_tools_7nfqu_jksfw_218:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_jksfw_257 {
+    border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
   }
 }
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_uf4vt_219:not(#\9) {
+  .awsui_global-tools_7nfqu_jksfw_219:not(#\9) {
     display: flex;
     grid-area: global-tools;
   }
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_uf4vt_270:not(#\9) {
+  .awsui_split-panel-side_7nfqu_jksfw_270:not(#\9) {
     grid-area: sideSplitPanel;
-    border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-layout-5gml03, #d5dbdb);
+    border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
     opacity: 1;
   }
 }
-.awsui_split-panel-bottom_7nfqu_uf4vt_277:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_jksfw_277:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -283,72 +283,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_uf4vt_277:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_jksfw_277:not(#\9) {
     grid-column: 2/5;
   }
 }
-.awsui_panel-hidden_7nfqu_uf4vt_290:not(#\9) {
+.awsui_panel-hidden_7nfqu_jksfw_290:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_uf4vt_290.awsui_navigation_7nfqu_uf4vt_217:not(#\9), .awsui_panel-hidden_7nfqu_uf4vt_290.awsui_tools_7nfqu_uf4vt_218:not(#\9), .awsui_panel-hidden_7nfqu_uf4vt_290.awsui_global-tools_7nfqu_uf4vt_219:not(#\9) {
+.awsui_panel-hidden_7nfqu_jksfw_290.awsui_navigation_7nfqu_jksfw_217:not(#\9), .awsui_panel-hidden_7nfqu_jksfw_290.awsui_tools_7nfqu_jksfw_218:not(#\9), .awsui_panel-hidden_7nfqu_jksfw_290.awsui_global-tools_7nfqu_jksfw_219:not(#\9) {
   inline-size: 0px;
 }
-.awsui_toolbar-container_7nfqu_uf4vt_300:not(#\9) {
+.awsui_toolbar-container_7nfqu_jksfw_300:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
-  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-layout-5gml03, #d5dbdb);
+  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-layout-gb61sp, #d5dbdb);
 }
-.awsui_notifications-container_7nfqu_uf4vt_306:not(#\9) {
+.awsui_notifications-container_7nfqu_jksfw_306:not(#\9) {
   grid-area: notifications;
 }
-.awsui_notifications-background_7nfqu_uf4vt_310:not(#\9) {
-  background: var(--color-background-layout-main-f96353, #f2f3f3);
+.awsui_notifications-background_7nfqu_jksfw_310:not(#\9) {
+  background: var(--color-background-layout-main-nu5m0g, #f2f3f3);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_uf4vt_310:not(#\9) {
+  .awsui_notifications-background_7nfqu_jksfw_310:not(#\9) {
     grid-column: 2/5;
   }
 }
-.awsui_main-landmark_7nfqu_uf4vt_321:not(#\9) {
+.awsui_main-landmark_7nfqu_jksfw_321:not(#\9) {
   display: contents;
 }
-.awsui_main_7nfqu_uf4vt_321:not(#\9) {
+.awsui_main_7nfqu_jksfw_321:not(#\9) {
   grid-area: main;
-  margin-block-start: var(--space-scaled-s-8j7izy, 12px);
-  margin-block-end: var(--space-layout-content-bottom-6grgvy, 20px);
+  margin-block-start: var(--space-scaled-s-gjhvjd, 12px);
+  margin-block-end: var(--space-layout-content-bottom-iu1izz, 20px);
 }
-.awsui_main-disable-paddings_7nfqu_uf4vt_330:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_jksfw_330:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_uf4vt_330:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_jksfw_330:not(#\9) {
     grid-column: 2/5;
   }
 }
-.awsui_content-header_7nfqu_uf4vt_340:not(#\9) {
-  margin-block-end: var(--space-content-header-padding-bottom-2tkelq, 16px);
+.awsui_content-header_7nfqu_jksfw_340:not(#\9) {
+  margin-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
 }
-.awsui_content_7nfqu_uf4vt_340:not(#\9) {
+.awsui_content_7nfqu_jksfw_340:not(#\9) {
   display: contents;
 }
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_uf4vt_350 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_jksfw_350 *:not(#\9) {
     visibility: hidden;
   }
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_uf4vt_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_uf4vt_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_uf4vt_202",
-  "navigation": "awsui_navigation_7nfqu_uf4vt_217",
-  "tools": "awsui_tools_7nfqu_uf4vt_218",
-  "global-tools": "awsui_global-tools_7nfqu_uf4vt_219",
-  "tools-open": "awsui_tools-open_7nfqu_uf4vt_257",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_uf4vt_270",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_uf4vt_277",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_uf4vt_290",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_uf4vt_300",
-  "notifications-container": "awsui_notifications-container_7nfqu_uf4vt_306",
-  "notifications-background": "awsui_notifications-background_7nfqu_uf4vt_310",
-  "main-landmark": "awsui_main-landmark_7nfqu_uf4vt_321",
-  "main": "awsui_main_7nfqu_uf4vt_321",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_uf4vt_330",
-  "content-header": "awsui_content-header_7nfqu_uf4vt_340",
-  "content": "awsui_content_7nfqu_uf4vt_340",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_uf4vt_350"
+  "root": "awsui_root_7nfqu_jksfw_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_jksfw_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_jksfw_202",
+  "navigation": "awsui_navigation_7nfqu_jksfw_217",
+  "tools": "awsui_tools_7nfqu_jksfw_218",
+  "global-tools": "awsui_global-tools_7nfqu_jksfw_219",
+  "tools-open": "awsui_tools-open_7nfqu_jksfw_257",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_jksfw_270",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_jksfw_277",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_jksfw_290",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_jksfw_300",
+  "notifications-container": "awsui_notifications-container_7nfqu_jksfw_306",
+  "notifications-background": "awsui_notifications-background_7nfqu_jksfw_310",
+  "main-landmark": "awsui_main-landmark_7nfqu_jksfw_321",
+  "main": "awsui_main_7nfqu_jksfw_321",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_jksfw_330",
+  "content-header": "awsui_content-header_7nfqu_jksfw_340",
+  "content": "awsui_content_7nfqu_jksfw_340",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_jksfw_350"
 };

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

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_13s4q_153",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_13s4q_174",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_13s4q_177",
-  "toolbar-container": "awsui_toolbar-container_1kzri_13s4q_180",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_13s4q_189",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_13s4q_193",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_13s4q_198",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_13s4q_206",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_13s4q_207",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_13s4q_250",
-  "group-divider": "awsui_group-divider_1kzri_13s4q_260",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_13s4q_250",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_13s4q_273"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_o4j10_153",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_o4j10_174",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_o4j10_177",
+  "toolbar-container": "awsui_toolbar-container_1kzri_o4j10_180",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_o4j10_189",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_o4j10_193",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_o4j10_198",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_o4j10_206",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_o4j10_207",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_o4j10_250",
+  "group-divider": "awsui_group-divider_1kzri_o4j10_260",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_o4j10_250",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_o4j10_273"
 };

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

@@ -150,61 +150,61 @@ 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_13s4q_153:not(#\9) {
-  background-color: var(--color-background-layout-panel-content-70ws8g, #ffffff);
+.awsui_universal-toolbar_1kzri_o4j10_153:not(#\9) {
+  background-color: var(--color-background-layout-panel-content-2jvi28, #ffffff);
   box-sizing: border-box;
   padding-block: 0;
-  padding-inline: var(--space-m-u91ipm, 16px);
+  padding-inline: var(--space-m-n2lypl, 16px);
   padding-inline-end: 0;
   position: sticky;
   z-index: 1000;
-  transition: ease var(--motion-duration-refresh-only-slow-ov3t11, 0ms);
+  transition: ease var(--motion-duration-refresh-only-slow-zil3nj, 0ms);
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_13s4q_153:not(#\9) {
+  .awsui_universal-toolbar_1kzri_o4j10_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_13s4q_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_13s4q_153:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_o4j10_153:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_o4j10_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_13s4q_153.awsui_disable-body-scroll_1kzri_13s4q_174:not(#\9) {
+.awsui_universal-toolbar_1kzri_o4j10_153.awsui_disable-body-scroll_1kzri_o4j10_174:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_13s4q_153.awsui_toolbar-hidden_1kzri_13s4q_177:not(#\9) {
+.awsui_universal-toolbar_1kzri_o4j10_153.awsui_toolbar-hidden_1kzri_o4j10_177:not(#\9) {
   opacity: 0;
 }
-.awsui_universal-toolbar_1kzri_13s4q_153 > .awsui_toolbar-container_1kzri_13s4q_180:not(#\9) {
+.awsui_universal-toolbar_1kzri_o4j10_153 > .awsui_toolbar-container_1kzri_o4j10_180:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: grid;
-  column-gap: var(--space-static-xs-fwcjew, 8px);
+  column-gap: var(--space-static-xs-4gq40t, 8px);
   inline-size: 100%;
   grid-template-columns: min-content minmax(0, 3fr) minmax(auto, 1fr);
   grid-template-rows: 1fr;
 }
-.awsui_universal-toolbar_1kzri_13s4q_153 > .awsui_toolbar-container_1kzri_13s4q_180 > .awsui_universal-toolbar-nav_1kzri_13s4q_189:not(#\9) {
+.awsui_universal-toolbar_1kzri_o4j10_153 > .awsui_toolbar-container_1kzri_o4j10_180 > .awsui_universal-toolbar-nav_1kzri_o4j10_189:not(#\9) {
   grid-column: 1;
-  padding-inline-end: var(--space-static-xxs-9qxzo2, 4px);
+  padding-inline-end: var(--space-static-xxs-0cgyf1, 4px);
 }
-.awsui_universal-toolbar_1kzri_13s4q_153 > .awsui_toolbar-container_1kzri_13s4q_180 > .awsui_universal-toolbar-breadcrumbs_1kzri_13s4q_193:not(#\9) {
+.awsui_universal-toolbar_1kzri_o4j10_153 > .awsui_toolbar-container_1kzri_o4j10_180 > .awsui_universal-toolbar-breadcrumbs_1kzri_o4j10_193:not(#\9) {
   grid-column: 2;
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_13s4q_153 > .awsui_toolbar-container_1kzri_13s4q_180 > .awsui_universal-toolbar-drawers_1kzri_13s4q_198:not(#\9) {
+.awsui_universal-toolbar_1kzri_o4j10_153 > .awsui_toolbar-container_1kzri_o4j10_180 > .awsui_universal-toolbar-drawers_1kzri_o4j10_198:not(#\9) {
   grid-column: 3;
-  column-gap: var(--space-static-xs-fwcjew, 8px);
+  column-gap: var(--space-static-xs-4gq40t, 8px);
   display: flex;
   justify-content: flex-end;
   block-size: 100%;
 }
-.awsui_drawers-desktop-triggers-container_1kzri_13s4q_206:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_13s4q_207:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_o4j10_206:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_o4j10_207:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -228,16 +228,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background-color: transparent;
   padding-inline: 0;
-  padding-inline-end: var(--space-m-u91ipm, 16px);
+  padding-inline-end: var(--space-m-n2lypl, 16px);
   box-sizing: border-box;
   overflow-y: hidden;
   overflow-x: hidden;
@@ -248,29 +248,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
-.awsui_drawers-trigger-content_1kzri_13s4q_250:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_o4j10_250:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
   flex-direction: row;
-  gap: var(--space-xs-6dgkww, 8px);
+  gap: var(--space-xs-kw7k3v, 8px);
   justify-content: flex-end;
-  padding-inline-start: var(--space-xs-6dgkww, 8px);
+  padding-inline-start: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_group-divider_1kzri_13s4q_260:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
+.awsui_group-divider_1kzri_o4j10_260:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-pt4umz, #eaeded);
   block-size: 60%;
 }
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_13s4q_250:not(#\9) {
+  .awsui_drawers-trigger_1kzri_o4j10_250:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }
-.awsui_block-body-scroll_1kzri_13s4q_273:not(#\9) {
+.awsui_block-body-scroll_1kzri_o4j10_273:not(#\9) {
   overflow: hidden;
 }

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_13s4q_153",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_13s4q_174",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_13s4q_177",
-  "toolbar-container": "awsui_toolbar-container_1kzri_13s4q_180",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_13s4q_189",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_13s4q_193",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_13s4q_198",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_13s4q_206",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_13s4q_207",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_13s4q_250",
-  "group-divider": "awsui_group-divider_1kzri_13s4q_260",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_13s4q_250",
-  "block-body-scroll": "awsui_block-body-scroll_1kzri_13s4q_273"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_o4j10_153",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_o4j10_174",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_o4j10_177",
+  "toolbar-container": "awsui_toolbar-container_1kzri_o4j10_180",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_o4j10_189",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_o4j10_193",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_o4j10_198",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_o4j10_206",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_o4j10_207",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_o4j10_250",
+  "group-divider": "awsui_group-divider_1kzri_o4j10_260",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_o4j10_250",
+  "block-body-scroll": "awsui_block-body-scroll_1kzri_o4j10_273"
 };

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

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "trigger-button-styles": "awsui_trigger-button-styles_lpshu_13vrw_145",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_13vrw_168",
-  "trigger": "awsui_trigger_lpshu_13vrw_145",
-  "selected": "awsui_selected_lpshu_13vrw_212",
-  "badge": "awsui_badge_lpshu_13vrw_232",
-  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_13vrw_236",
-  "dot": "awsui_dot_lpshu_13vrw_244"
+  "trigger-button-styles": "awsui_trigger-button-styles_lpshu_tnlfv_145",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_lpshu_tnlfv_168",
+  "trigger": "awsui_trigger_lpshu_tnlfv_145",
+  "selected": "awsui_selected_lpshu_tnlfv_212",
+  "badge": "awsui_badge_lpshu_tnlfv_232",
+  "trigger-wrapper": "awsui_trigger-wrapper_lpshu_tnlfv_236",
+  "dot": "awsui_dot_lpshu_tnlfv_244"
 };