@cloudscape-design/components-themeable 3.0.774 → 3.0.776

package/lib/internal/template/internal/components/selectable-item/styles.scoped.css

@@ -138,10 +138,10 @@
 */
 /* 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_selectable-item_15o6u_n9x54_141:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -151,27 +151,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 1;
   border-block: var(--border-divider-list-width-471u6a, 1px) solid transparent;
   border-inline: var(--border-divider-list-width-471u6a, 1px) solid transparent;
-  border-block-start-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
-  border-block-end-color: var(--color-border-dropdown-item-default-xnte9u, #eaeded);
-  background-color: var(--color-background-dropdown-item-default-s7k0er, #ffffff);
-  color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
+  border-block-start-color: var(--color-border-dropdown-item-default-fwpjrj, #eaeded);
+  border-block-end-color: var(--color-border-dropdown-item-default-fwpjrj, #eaeded);
+  background-color: var(--color-background-dropdown-item-default-vj7lgr, #ffffff);
+  color: var(--color-text-dropdown-item-default-qbzqwe, #16191f);
   border-inline-start-width: 0;
   border-inline-end-width: 0;
   padding-block: calc(var(--space-xxs-9rrxti, 4px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px));
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_pad-bottom_15o6u_n9x54_163:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_pad-bottom_15o6u_1k4sj_163:not(#\9) {
   padding-block-end: calc(calc(var(--space-xxs-9rrxti, 4px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px)) + var(--space-xxxs-z28114, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_n9x54_141:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_1k4sj_141:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_has-background_15o6u_n9x54_170:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_has-background_15o6u_1k4sj_170:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-n95f74, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-iwmwp7, #16191f);
   border-width: var(--border-item-width-0zxiwv, 1px);
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
   border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
@@ -180,87 +180,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-9rrxti, 4px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173.awsui_pad-bottom_15o6u_n9x54_163:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173.awsui_pad-bottom_15o6u_n9x54_163:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173.awsui_pad-bottom_15o6u_1k4sj_163:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173.awsui_pad-bottom_15o6u_1k4sj_163:not(#\9) {
   padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173:not(#\9) {
   z-index: 3;
-  background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
-  border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
+  background-color: var(--color-background-dropdown-item-hover-n95f74, #f2f3f3);
+  border-color: var(--color-border-dropdown-item-hover-38gqzc, #879596);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173.awsui_disabled_15o6u_n9x54_191:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173.awsui_disabled_15o6u_1k4sj_191:not(#\9) {
+  color: var(--color-text-dropdown-item-dimmed-l74aj0, #aab7b8);
+  border-color: var(--color-border-dropdown-item-dimmed-hover-u2vkm2, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
-  border-color: var(--color-border-dropdown-item-selected-fxzclw, #eaeded);
+  background-color: var(--color-background-dropdown-item-selected-wpab75, #f1faff);
+  border-color: var(--color-border-dropdown-item-selected-viaqvp, #eaeded);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173.awsui_next-item-selected_15o6u_n9x54_201:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173.awsui_next-item-selected_15o6u_1k4sj_201:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173.awsui_highlighted_15o6u_n9x54_173:not(#\9) {
-  border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173.awsui_highlighted_15o6u_1k4sj_173:not(#\9) {
+  border-color: var(--color-border-dropdown-item-hover-38gqzc, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173 + .awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173 + .awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173.awsui_is-keyboard_15o6u_n9x54_213:not(#\9) {
-  border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173.awsui_is-keyboard_15o6u_1k4sj_213:not(#\9) {
+  border-color: var(--color-border-dropdown-item-focused-ngxovj, #0073bb);
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-7jb69s, #0073bb);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217:not(#\9) {
   font-weight: bold;
-  color: var(--color-text-dropdown-group-label-sizd89, #545b64);
+  color: var(--color-text-dropdown-group-label-q0p18s, #545b64);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217:not(#\9):not(.awsui_interactiveGroups_15o6u_n9x54_221) {
-  border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217:not(#\9):not(.awsui_interactiveGroups_15o6u_1k4sj_221) {
+  border-block-start-color: var(--color-border-dropdown-group-olb3gq, #eaeded);
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221:not(#\9) {
   padding-block: calc(var(--space-xs-xf5ch3, 8px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px));
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221.awsui_highlighted_15o6u_n9x54_173:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221.awsui_highlighted_15o6u_1k4sj_173:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-iwmwp7, #16191f);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221.awsui_highlighted_15o6u_n9x54_173:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221.awsui_selected_15o6u_n9x54_173:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221.awsui_highlighted_15o6u_1k4sj_173:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221.awsui_selected_15o6u_1k4sj_173:not(#\9) {
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_child_15o6u_n9x54_237:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_child_15o6u_1k4sj_237:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_child_15o6u_n9x54_237.awsui_highlighted_15o6u_n9x54_173:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_child_15o6u_n9x54_237.awsui_selected_15o6u_n9x54_173:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_child_15o6u_1k4sj_237.awsui_highlighted_15o6u_1k4sj_173:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_child_15o6u_1k4sj_237.awsui_selected_15o6u_1k4sj_173:not(#\9) {
   padding-inline-start: var(--space-xxl-pd3205, 32px);
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_disabled_15o6u_n9x54_191:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_disabled_15o6u_1k4sj_191:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-mnz3s7, #aab7b8);
 }
-.awsui_selectable-item_15o6u_n9x54_141:not(#\9):not(.awsui_disabled_15o6u_n9x54_191):not(.awsui_parent_15o6u_n9x54_217) {
+.awsui_selectable-item_15o6u_1k4sj_141:not(#\9):not(.awsui_disabled_15o6u_1k4sj_191):not(.awsui_parent_15o6u_1k4sj_217) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_interactiveGroups_15o6u_n9x54_221:not(#\9):not(.awsui_disabled_15o6u_n9x54_191) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_interactiveGroups_15o6u_1k4sj_221:not(#\9):not(.awsui_disabled_15o6u_1k4sj_191) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_virtual_15o6u_n9x54_252:not(#\9) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_virtual_15o6u_1k4sj_252:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_n9x54_141.awsui_virtual_15o6u_n9x54_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_n9x54_173, .awsui_highlighted_15o6u_n9x54_173) {
+.awsui_selectable-item_15o6u_1k4sj_141.awsui_virtual_15o6u_1k4sj_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_1k4sj_173, .awsui_highlighted_15o6u_1k4sj_173) {
   border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_n9x54_263:not(#\9) {
+.awsui_measure-strut_15o6u_1k4sj_263:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -269,16 +269,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-471u6a, 1px);
 }
-.awsui_measure-strut-first_15o6u_n9x54_272:not(#\9) {
+.awsui_measure-strut-first_15o6u_1k4sj_272:not(#\9) {
   padding-block-end: var(--border-divider-list-width-471u6a, 1px);
 }
 
-.awsui_screenreader-content_15o6u_n9x54_276:not(#\9) {
+.awsui_screenreader-content_15o6u_1k4sj_276:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_n9x54_282:not(#\9) {
+.awsui_option-content_15o6u_1k4sj_282:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/selectable-item/styles.selectors.js

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_n9x54_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_n9x54_163",
-  "has-background": "awsui_has-background_15o6u_n9x54_170",
-  "highlighted": "awsui_highlighted_15o6u_n9x54_173",
-  "selected": "awsui_selected_15o6u_n9x54_173",
-  "disabled": "awsui_disabled_15o6u_n9x54_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_n9x54_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_n9x54_213",
-  "parent": "awsui_parent_15o6u_n9x54_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_n9x54_221",
-  "child": "awsui_child_15o6u_n9x54_237",
-  "virtual": "awsui_virtual_15o6u_n9x54_252",
-  "measure-strut": "awsui_measure-strut_15o6u_n9x54_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_n9x54_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_n9x54_276",
-  "option-content": "awsui_option-content_15o6u_n9x54_282"
+  "selectable-item": "awsui_selectable-item_15o6u_1k4sj_141",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1k4sj_163",
+  "has-background": "awsui_has-background_15o6u_1k4sj_170",
+  "highlighted": "awsui_highlighted_15o6u_1k4sj_173",
+  "selected": "awsui_selected_15o6u_1k4sj_173",
+  "disabled": "awsui_disabled_15o6u_1k4sj_191",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1k4sj_201",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1k4sj_213",
+  "parent": "awsui_parent_15o6u_1k4sj_217",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1k4sj_221",
+  "child": "awsui_child_15o6u_1k4sj_237",
+  "virtual": "awsui_virtual_15o6u_1k4sj_252",
+  "measure-strut": "awsui_measure-strut_15o6u_1k4sj_263",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1k4sj_272",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1k4sj_276",
+  "option-content": "awsui_option-content_15o6u_1k4sj_282"
 };
   

package/lib/internal/template/internal/components/token-list/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1jaxr_181",
-  "horizontal": "awsui_horizontal_gfwv3_1jaxr_185",
-  "vertical": "awsui_vertical_gfwv3_1jaxr_190",
-  "list": "awsui_list_gfwv3_1jaxr_194",
-  "list-item": "awsui_list-item_gfwv3_1jaxr_214",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1jaxr_221",
-  "toggle": "awsui_toggle_gfwv3_1jaxr_221",
-  "description": "awsui_description_gfwv3_1jaxr_316",
-  "separator": "awsui_separator_gfwv3_1jaxr_320"
+  "root": "awsui_root_gfwv3_c3rso_181",
+  "horizontal": "awsui_horizontal_gfwv3_c3rso_185",
+  "vertical": "awsui_vertical_gfwv3_c3rso_190",
+  "list": "awsui_list_gfwv3_c3rso_194",
+  "list-item": "awsui_list-item_gfwv3_c3rso_214",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_c3rso_221",
+  "toggle": "awsui_toggle_gfwv3_c3rso_221",
+  "description": "awsui_description_gfwv3_c3rso_316",
+  "separator": "awsui_separator_gfwv3_c3rso_320"
 };
   

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -178,20 +178,20 @@ 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_gfwv3_1jaxr_181:not(#\9) {
+.awsui_root_gfwv3_c3rso_181:not(#\9) {
   display: flex;
   gap: var(--space-scaled-xs-x91h81, 8px);
 }
-.awsui_root_gfwv3_1jaxr_181.awsui_horizontal_gfwv3_1jaxr_185:not(#\9) {
+.awsui_root_gfwv3_c3rso_181.awsui_horizontal_gfwv3_c3rso_185:not(#\9) {
   gap: var(--space-xs-xf5ch3, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_1jaxr_181.awsui_vertical_gfwv3_1jaxr_190:not(#\9) {
+.awsui_root_gfwv3_c3rso_181.awsui_vertical_gfwv3_c3rso_190:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1jaxr_194:not(#\9) {
+.awsui_list_gfwv3_c3rso_194:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -199,32 +199,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_1jaxr_194.awsui_horizontal_gfwv3_1jaxr_185:not(#\9), .awsui_list_gfwv3_1jaxr_194.awsui_vertical_gfwv3_1jaxr_190:not(#\9) {
+.awsui_list_gfwv3_c3rso_194.awsui_horizontal_gfwv3_c3rso_185:not(#\9), .awsui_list_gfwv3_c3rso_194.awsui_vertical_gfwv3_c3rso_190:not(#\9) {
   display: flex;
   gap: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_list_gfwv3_1jaxr_194.awsui_horizontal_gfwv3_1jaxr_185:not(#\9) {
+.awsui_list_gfwv3_c3rso_194.awsui_horizontal_gfwv3_c3rso_185:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_1jaxr_194.awsui_vertical_gfwv3_1jaxr_190:not(#\9) {
+.awsui_list_gfwv3_c3rso_194.awsui_vertical_gfwv3_c3rso_190:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_1jaxr_214:not(#\9) {
+.awsui_list-item_gfwv3_c3rso_214:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1jaxr_221:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_c3rso_221:not(#\9) {
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1jaxr_221:not(#\9) {
+.awsui_toggle_gfwv3_c3rso_221:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -253,7 +253,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -268,7 +268,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: -1px;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-hop3gv, #0073bb);
+  color: var(--color-text-link-default-nyypzq, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -279,50 +279,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1jaxr_221:not(#\9) {
+  .awsui_toggle_gfwv3_c3rso_221:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1jaxr_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1jaxr_221:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_c3rso_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_c3rso_221:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1jaxr_221:not(#\9):hover {
+.awsui_toggle_gfwv3_c3rso_221:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
+  color: var(--color-text-link-hover-8jnadx, #0a4a74);
 }
-.awsui_toggle_gfwv3_1jaxr_221:not(#\9):focus {
+.awsui_toggle_gfwv3_c3rso_221:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1jaxr_221:not(#\9):active {
-  color: var(--color-text-link-hover-8s5z9d, #0a4a74);
+.awsui_toggle_gfwv3_c3rso_221:not(#\9):active {
+  color: var(--color-text-link-hover-8jnadx, #0a4a74);
 }
-.awsui_toggle_gfwv3_1jaxr_221:not(#\9):active, .awsui_toggle_gfwv3_1jaxr_221:not(#\9):focus, .awsui_toggle_gfwv3_1jaxr_221:not(#\9):hover {
+.awsui_toggle_gfwv3_c3rso_221:not(#\9):active, .awsui_toggle_gfwv3_c3rso_221:not(#\9):focus, .awsui_toggle_gfwv3_c3rso_221:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1jaxr_221:not(#\9):active, .awsui_toggle_gfwv3_1jaxr_221:not(#\9):focus, .awsui_toggle_gfwv3_1jaxr_221:not(#\9):hover {
+.awsui_toggle_gfwv3_c3rso_221:not(#\9):active, .awsui_toggle_gfwv3_c3rso_221:not(#\9):focus, .awsui_toggle_gfwv3_c3rso_221:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1jaxr_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_c3rso_221:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-v8nq2m, #0073bb);
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-7jb69s, #0073bb);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-7jb69s, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-7jb69s, #0073bb);
 }
-.awsui_toggle_gfwv3_1jaxr_221 > .awsui_description_gfwv3_1jaxr_316:not(#\9) {
+.awsui_toggle_gfwv3_c3rso_221 > .awsui_description_gfwv3_c3rso_316:not(#\9) {
   margin-inline-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_separator_gfwv3_1jaxr_320:not(#\9) {
+.awsui_separator_gfwv3_c3rso_320:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-er48cl, 16px);
   inline-size: var(--border-divider-section-width-wl9k66, 1px);
-  background-color: var(--color-border-divider-default-in8dkg, #eaeded);
+  background-color: var(--color-border-divider-default-qn9pru, #eaeded);
 }

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1jaxr_181",
-  "horizontal": "awsui_horizontal_gfwv3_1jaxr_185",
-  "vertical": "awsui_vertical_gfwv3_1jaxr_190",
-  "list": "awsui_list_gfwv3_1jaxr_194",
-  "list-item": "awsui_list-item_gfwv3_1jaxr_214",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1jaxr_221",
-  "toggle": "awsui_toggle_gfwv3_1jaxr_221",
-  "description": "awsui_description_gfwv3_1jaxr_316",
-  "separator": "awsui_separator_gfwv3_1jaxr_320"
+  "root": "awsui_root_gfwv3_c3rso_181",
+  "horizontal": "awsui_horizontal_gfwv3_c3rso_185",
+  "vertical": "awsui_vertical_gfwv3_c3rso_190",
+  "list": "awsui_list_gfwv3_c3rso_194",
+  "list-item": "awsui_list-item_gfwv3_c3rso_214",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_c3rso_221",
+  "toggle": "awsui_toggle_gfwv3_c3rso_221",
+  "description": "awsui_description_gfwv3_c3rso_316",
+  "separator": "awsui_separator_gfwv3_c3rso_320"
 };
   

package/lib/internal/template/internal/components/visual-context/index.js

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useLayoutEffect, useState } from 'react';
 import clsx from 'clsx';
-import { findUpUntil } from '../../utils/dom';
+import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
 const contextMatch = /awsui-context-([\w-]+)/;
 export function useVisualContext(elementRef) {
     const [value, setValue] = useState('');

package/lib/internal/template/internal/components/visual-context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/visual-context/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAQ9C,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,UAAwC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;YACpG,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,KAAK,CAAC,YAAY,EAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC;SAClE;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CAAC,WAAmB;IAC3D,OAAO,iBAAiB,WAAW,EAAE,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAsB;IAC5F,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAC;AACnG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '../../utils/dom';\n\ninterface VisualContextProps {\n  contextName: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst contextMatch = /awsui-context-([\\w-]+)/;\n\nexport function useVisualContext(elementRef: React.RefObject<HTMLElement>) {\n  const [value, setValue] = useState('');\n\n  useLayoutEffect(() => {\n    if (elementRef.current) {\n      const contextParent = findUpUntil(elementRef.current, node => !!node.className.match(contextMatch));\n      setValue(contextParent?.className.match(contextMatch)![1] ?? '');\n    }\n  }, [elementRef]);\n\n  return value;\n}\n\n/**\n * This function returns only the className string needed to apply a\n * visual context to the DOM. It is used by the default export but\n * can also be imported directly for situations where the insertion\n * of a <div> node creates style problems.\n */\nexport function getVisualContextClassname(contextName: string) {\n  return `awsui-context-${contextName}`;\n}\n\nexport default function VisualContext({ contextName, className, children }: VisualContextProps) {\n  return <div className={clsx(getVisualContextClassname(contextName), className)}>{children}</div>;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/visual-context/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAQvE,MAAM,YAAY,GAAG,wBAAwB,CAAC;AAE9C,MAAM,UAAU,gBAAgB,CAAC,UAAwC;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,MAAM,aAAa,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;YACpG,QAAQ,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,CAAC,KAAK,CAAC,YAAY,EAAG,CAAC,CAAC,mCAAI,EAAE,CAAC,CAAC;SAClE;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,yBAAyB,CAAC,WAAmB;IAC3D,OAAO,iBAAiB,WAAW,EAAE,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAsB;IAC5F,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAC;AACnG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\ninterface VisualContextProps {\n  contextName: string;\n  className?: string;\n  children: React.ReactNode;\n}\n\nconst contextMatch = /awsui-context-([\\w-]+)/;\n\nexport function useVisualContext(elementRef: React.RefObject<HTMLElement>) {\n  const [value, setValue] = useState('');\n\n  useLayoutEffect(() => {\n    if (elementRef.current) {\n      const contextParent = findUpUntil(elementRef.current, node => !!node.className.match(contextMatch));\n      setValue(contextParent?.className.match(contextMatch)![1] ?? '');\n    }\n  }, [elementRef]);\n\n  return value;\n}\n\n/**\n * This function returns only the className string needed to apply a\n * visual context to the DOM. It is used by the default export but\n * can also be imported directly for situations where the insertion\n * of a <div> node creates style problems.\n */\nexport function getVisualContextClassname(contextName: string) {\n  return `awsui-context-${contextName}`;\n}\n\nexport default function VisualContext({ contextName, className, children }: VisualContextProps) {\n  return <div className={clsx(getVisualContextClassname(contextName), className)}>{children}</div>;\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (7f14eff7)";
+export var PACKAGE_VERSION = "3.0.0 (591a6d7f)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (7f14eff7)",
+  "PACKAGE_VERSION": "3.0.0 (591a6d7f)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }