@cloudscape-design/components-themeable 3.0.1360 → 3.0.1362

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

@@ -6,7 +6,7 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_tt2o1_9:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   color: var(--color-text-body-default-b2us04, #16191f);
@@ -18,172 +18,172 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   z-index: 1;
   border-width: 0;
-  background-color: var(--awsui-option-background-default-esndbs, var(--color-background-dropdown-item-default-x5ga9w, #ffffff));
-  color: var(--awsui-option-color-default-esndbs, var(--color-text-dropdown-item-default-u2mfqy, #16191f));
+  background-color: var(--awsui-option-background-default-66120l, var(--color-background-dropdown-item-default-x5ga9w, #ffffff));
+  color: var(--awsui-option-color-default-66120l, var(--color-text-dropdown-item-default-u2mfqy, #16191f));
   padding-block: var(--border-item-width-pyfg4s, 1px);
   padding-inline: var(--border-item-width-pyfg4s, 1px);
   overflow: hidden;
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28.awsui_interactiveGroups_15o6u_tt2o1_28:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28.awsui_interactiveGroups_15o6u_ttfpp_28:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
 }
-.awsui_selectable-item_15o6u_tt2o1_9 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   padding-block: var(--space-option-padding-vertical-hggcse, 4px);
   padding-inline: var(--space-field-horizontal-anki5k, 8px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_pad-bottom_15o6u_tt2o1_35:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_pad-bottom_15o6u_ttfpp_35:not(#\9) {
   padding-block-end: var(--border-item-width-pyfg4s, 1px);
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_pad-bottom_15o6u_tt2o1_35 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_pad-bottom_15o6u_ttfpp_35 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   padding-block-end: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--space-xxxs-3ulqs3, 2px));
 }
-.awsui_selectable-item_15o6u_tt2o1_9:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_tt2o1_9.awsui_virtual_15o6u_tt2o1_42:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_has-background_15o6u_tt2o1_45:not(#\9) {
-  background-color: var(--awsui-option-background-highlighted-esndbs, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_has-background_15o6u_ttfpp_45:not(#\9) {
+  background-color: var(--awsui-option-background-highlighted-66120l, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_child_15o6u_tt2o1_48:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_child_15o6u_ttfpp_48:not(#\9) {
   padding-inline-start: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_child_15o6u_tt2o1_48 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_child_15o6u_ttfpp_48 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   padding-inline-start: var(--space-xxl-xj5vu7, 32px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_disabled_15o6u_tt2o1_54 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
-  color: var(--awsui-option-color-disabled-esndbs, var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8));
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_disabled_15o6u_ttfpp_54 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
+  color: var(--awsui-option-color-disabled-66120l, var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8));
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_highlighted_15o6u_tt2o1_28:not(#\9), .awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28:not(#\9) {
-  color: var(--awsui-option-color-highlighted-esndbs, var(--color-text-dropdown-item-highlighted-dikwgu, #16191f));
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28:not(#\9) {
+  color: var(--awsui-option-color-highlighted-66120l, var(--color-text-dropdown-item-highlighted-dikwgu, #16191f));
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_highlighted_15o6u_tt2o1_28:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28:not(#\9) {
   z-index: 3;
-  background-color: var(--awsui-option-background-highlighted-esndbs, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
+  background-color: var(--awsui-option-background-highlighted-66120l, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-y2b7z1, #879596);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_highlighted_15o6u_tt2o1_28.awsui_is-keyboard_15o6u_tt2o1_69:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28.awsui_is-keyboard_15o6u_ttfpp_69:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_highlighted_15o6u_tt2o1_28.awsui_disabled_15o6u_tt2o1_54:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28.awsui_disabled_15o6u_ttfpp_54:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-dimmed-hover-54pdcr, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-vz24i5, transparent);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_highlighted_15o6u_tt2o1_28.awsui_disabled_15o6u_tt2o1_54 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28.awsui_disabled_15o6u_ttfpp_54 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-asp9ue, #aab7b8);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_highlighted_15o6u_tt2o1_28:not(#\9):not(.awsui_visual-refresh_15o6u_tt2o1_79).awsui_is-keyboard_15o6u_tt2o1_69 {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28:not(#\9):not(.awsui_visual-refresh_15o6u_ttfpp_79).awsui_is-keyboard_15o6u_ttfpp_69 {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28:not(#\9) {
   z-index: 2;
-  background-color: var(--awsui-option-background-selected-esndbs, var(--color-background-dropdown-item-selected-jwgsiw, #f1faff));
+  background-color: var(--awsui-option-background-selected-66120l, var(--color-background-dropdown-item-selected-jwgsiw, #f1faff));
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-y1kt81, #eaeded);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28.awsui_highlighted_15o6u_tt2o1_28:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-y1kt81, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-hover-y2b7z1, #879596);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28.awsui_highlighted_15o6u_tt2o1_28.awsui_is-keyboard_15o6u_tt2o1_69:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28.awsui_is-keyboard_15o6u_ttfpp_69:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-y1kt81, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28.awsui_next-item-selected_15o6u_tt2o1_93:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_next-item-selected_15o6u_ttfpp_93:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28.awsui_highlighted_15o6u_tt2o1_28:not(#\9):not(.awsui_visual-refresh_15o6u_tt2o1_79) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28:not(#\9):not(.awsui_visual-refresh_15o6u_ttfpp_79) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-y2b7z1, #879596);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28.awsui_highlighted_15o6u_tt2o1_28:not(#\9):not(.awsui_visual-refresh_15o6u_tt2o1_79).awsui_is-keyboard_15o6u_tt2o1_69 {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28:not(#\9):not(.awsui_visual-refresh_15o6u_ttfpp_79).awsui_is-keyboard_15o6u_ttfpp_69 {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28 + .awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28:not(#\9), .awsui_selectable-item_15o6u_tt2o1_9.awsui_selected_15o6u_tt2o1_28.awsui_previous-item-selected_15o6u_tt2o1_103:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28 + .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_previous-item-selected_15o6u_ttfpp_103:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28:not(#\9):not(.awsui_disabled_15o6u_tt2o1_54) > .awsui_selectable-item-content_15o6u_tt2o1_31 {
-  color: var(--awsui-option-group-label-color-esndbs, var(--color-text-dropdown-group-label-gquzok, #545b64));
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_disabled_15o6u_ttfpp_54) > .awsui_selectable-item-content_15o6u_ttfpp_31 {
+  color: var(--awsui-option-group-label-color-66120l, var(--color-text-dropdown-group-label-gquzok, #545b64));
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28:not(#\9):not(.awsui_interactiveGroups_15o6u_tt2o1_28) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-y5droz, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28:not(#\9):not(.awsui_interactiveGroups_15o6u_tt2o1_28):not(:has(> .awsui_selectable-item-content_15o6u_tt2o1_31)) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28):not(:has(> .awsui_selectable-item-content_15o6u_ttfpp_31)) {
   padding-block: var(--border-item-width-pyfg4s, 1px);
   padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28:not(#\9):not(.awsui_interactiveGroups_15o6u_tt2o1_28) > .awsui_selectable-item-content_15o6u_tt2o1_31 {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28) > .awsui_selectable-item-content_15o6u_ttfpp_31 {
   padding-block: var(--space-xs-m9b7jf, 8px);
   padding-inline: var(--space-xs-m9b7jf, 8px);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28.awsui_interactiveGroups_15o6u_tt2o1_28 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28.awsui_interactiveGroups_15o6u_ttfpp_28 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   padding-block: var(--space-xs-m9b7jf, 8px);
   padding-inline: var(--space-field-horizontal-anki5k, 8px);
   font-weight: var(--font-weight-bold-xpar9m, 700);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_parent_15o6u_tt2o1_28.awsui_interactiveGroups_15o6u_tt2o1_28.awsui_highlighted_15o6u_tt2o1_28 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28.awsui_interactiveGroups_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
 }
-.awsui_selectable-item_15o6u_tt2o1_9:not(#\9):not(.awsui_disabled_15o6u_tt2o1_54):not(.awsui_parent_15o6u_tt2o1_28), .awsui_selectable-item_15o6u_tt2o1_9.awsui_interactiveGroups_15o6u_tt2o1_28:not(#\9):not(.awsui_disabled_15o6u_tt2o1_54) {
+.awsui_selectable-item_15o6u_ttfpp_9:not(#\9):not(.awsui_disabled_15o6u_ttfpp_54):not(.awsui_parent_15o6u_ttfpp_28), .awsui_selectable-item_15o6u_ttfpp_9.awsui_interactiveGroups_15o6u_ttfpp_28:not(#\9):not(.awsui_disabled_15o6u_ttfpp_54) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135 + .awsui_selectable-item_15o6u_tt2o1_9:not(#\9):not(.awsui_sticky_15o6u_tt2o1_135):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135 + .awsui_selectable-item_15o6u_ttfpp_9:not(#\9):not(.awsui_sticky_15o6u_ttfpp_135):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28) {
   box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   margin-block-end: var(--border-item-width-pyfg4s, 1px);
   z-index: 4;
   padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135.awsui_highlighted_15o6u_tt2o1_28:not(#\9), .awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135.awsui_selected_15o6u_tt2o1_28:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_highlighted_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_selected_15o6u_ttfpp_28:not(#\9) {
   padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135 > .awsui_selectable-item-content_15o6u_tt2o1_31:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
   padding-inline: var(--space-field-horizontal-anki5k, 8px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28):not(.awsui_with-scrollbar_15o6u_tt2o1_154) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_with-scrollbar_15o6u_ttfpp_154) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28):not(.awsui_after-header_15o6u_tt2o1_157) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_after-header_15o6u_ttfpp_157) {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28):not(.awsui_after-header_15o6u_tt2o1_157):not(.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28):not(.awsui_after-header_15o6u_tt2o1_157).awsui_with-scrollbar_15o6u_tt2o1_154) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_after-header_15o6u_ttfpp_157):not(.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_after-header_15o6u_ttfpp_157).awsui_with-scrollbar_15o6u_ttfpp_154) {
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28).awsui_after-header_15o6u_tt2o1_157 {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28).awsui_after-header_15o6u_ttfpp_157 {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-x5ga9w, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135:not(#\9):not(.awsui_highlighted_15o6u_tt2o1_28):not(.awsui_selected_15o6u_tt2o1_28).awsui_after-header_15o6u_tt2o1_157:not(.awsui_with-scrollbar_15o6u_tt2o1_154) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28).awsui_after-header_15o6u_ttfpp_157:not(.awsui_with-scrollbar_15o6u_ttfpp_154) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-x5ga9w, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135.awsui_disabled_15o6u_tt2o1_54.awsui_highlighted_15o6u_tt2o1_28:not(#\9), .awsui_selectable-item_15o6u_tt2o1_9.awsui_sticky_15o6u_tt2o1_135.awsui_disabled_15o6u_tt2o1_54.awsui_selected_15o6u_tt2o1_28:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_disabled_15o6u_ttfpp_54.awsui_highlighted_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_disabled_15o6u_ttfpp_54.awsui_selected_15o6u_ttfpp_28:not(#\9) {
   box-shadow: none;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_virtual_15o6u_tt2o1_42:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-a5kgm3, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_virtual_15o6u_tt2o1_42:not(#\9):first-of-type:not(.awsui_selected_15o6u_tt2o1_28, .awsui_highlighted_15o6u_tt2o1_28) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42:not(#\9):first-of-type:not(.awsui_selected_15o6u_ttfpp_28, .awsui_highlighted_15o6u_ttfpp_28) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-top-vxgkn8, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_virtual_15o6u_tt2o1_42.awsui_parent_15o6u_tt2o1_28:not(#\9):not(.awsui_interactiveGroups_15o6u_tt2o1_28) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28) {
   box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-y5droz, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_tt2o1_186:not(#\9) {
+.awsui_measure-strut_15o6u_ttfpp_186:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -191,20 +191,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_selectable-item_15o6u_tt2o1_9.awsui_virtual_15o6u_tt2o1_42 > .awsui_measure-strut_15o6u_tt2o1_186:not(#\9) {
+.awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42 > .awsui_measure-strut_15o6u_ttfpp_186:not(#\9) {
   block-size: calc(100% - var(--border-width-item-selected-l41fek, 1px));
 }
 
-.awsui_screenreader-content_15o6u_tt2o1_198:not(#\9) {
+.awsui_screenreader-content_15o6u_ttfpp_198:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_tt2o1_204:not(#\9) {
+.awsui_option-content_15o6u_ttfpp_204:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_select-all_15o6u_tt2o1_208:not(#\9) {
+.awsui_select-all_15o6u_ttfpp_208:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_tt2o1_9",
-  "parent": "awsui_parent_15o6u_tt2o1_28",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_tt2o1_28",
-  "highlighted": "awsui_highlighted_15o6u_tt2o1_28",
-  "selected": "awsui_selected_15o6u_tt2o1_28",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_tt2o1_31",
-  "pad-bottom": "awsui_pad-bottom_15o6u_tt2o1_35",
-  "virtual": "awsui_virtual_15o6u_tt2o1_42",
-  "has-background": "awsui_has-background_15o6u_tt2o1_45",
-  "child": "awsui_child_15o6u_tt2o1_48",
-  "disabled": "awsui_disabled_15o6u_tt2o1_54",
-  "is-keyboard": "awsui_is-keyboard_15o6u_tt2o1_69",
-  "visual-refresh": "awsui_visual-refresh_15o6u_tt2o1_79",
-  "next-item-selected": "awsui_next-item-selected_15o6u_tt2o1_93",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_tt2o1_103",
-  "sticky": "awsui_sticky_15o6u_tt2o1_135",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_tt2o1_154",
-  "after-header": "awsui_after-header_15o6u_tt2o1_157",
-  "measure-strut": "awsui_measure-strut_15o6u_tt2o1_186",
-  "screenreader-content": "awsui_screenreader-content_15o6u_tt2o1_198",
-  "option-content": "awsui_option-content_15o6u_tt2o1_204",
-  "select-all": "awsui_select-all_15o6u_tt2o1_208"
+  "selectable-item": "awsui_selectable-item_15o6u_ttfpp_9",
+  "parent": "awsui_parent_15o6u_ttfpp_28",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ttfpp_28",
+  "highlighted": "awsui_highlighted_15o6u_ttfpp_28",
+  "selected": "awsui_selected_15o6u_ttfpp_28",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_ttfpp_31",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ttfpp_35",
+  "virtual": "awsui_virtual_15o6u_ttfpp_42",
+  "has-background": "awsui_has-background_15o6u_ttfpp_45",
+  "child": "awsui_child_15o6u_ttfpp_48",
+  "disabled": "awsui_disabled_15o6u_ttfpp_54",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ttfpp_69",
+  "visual-refresh": "awsui_visual-refresh_15o6u_ttfpp_79",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ttfpp_93",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_ttfpp_103",
+  "sticky": "awsui_sticky_15o6u_ttfpp_135",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_ttfpp_154",
+  "after-header": "awsui_after-header_15o6u_ttfpp_157",
+  "measure-strut": "awsui_measure-strut_15o6u_ttfpp_186",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ttfpp_198",
+  "option-content": "awsui_option-content_15o6u_ttfpp_204",
+  "select-all": "awsui_select-all_15o6u_ttfpp_208"
 };
   

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_zztnj_9",
-  "horizontal": "awsui_horizontal_gfwv3_zztnj_12",
-  "vertical": "awsui_vertical_gfwv3_zztnj_18",
-  "list": "awsui_list_gfwv3_zztnj_23",
-  "grid": "awsui_grid_gfwv3_zztnj_42",
-  "list-item": "awsui_list-item_gfwv3_zztnj_54",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zztnj_61",
-  "toggle": "awsui_toggle_gfwv3_zztnj_61",
-  "description": "awsui_description_gfwv3_zztnj_154",
-  "separator": "awsui_separator_gfwv3_zztnj_158"
+  "root": "awsui_root_gfwv3_153hh_9",
+  "horizontal": "awsui_horizontal_gfwv3_153hh_12",
+  "vertical": "awsui_vertical_gfwv3_153hh_18",
+  "list": "awsui_list_gfwv3_153hh_23",
+  "grid": "awsui_grid_gfwv3_153hh_42",
+  "list-item": "awsui_list-item_gfwv3_153hh_54",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_153hh_61",
+  "toggle": "awsui_toggle_gfwv3_153hh_61",
+  "description": "awsui_description_gfwv3_153hh_154",
+  "separator": "awsui_separator_gfwv3_153hh_158"
 };
   

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

@@ -6,21 +6,21 @@
 /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /* 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_root_gfwv3_zztnj_9:not(#\9) {
+.awsui_root_gfwv3_153hh_9:not(#\9) {
   gap: var(--space-scaled-xs-pajbd1, 8px);
 }
-.awsui_root_gfwv3_zztnj_9.awsui_horizontal_gfwv3_zztnj_12:not(#\9) {
+.awsui_root_gfwv3_153hh_9.awsui_horizontal_gfwv3_153hh_12:not(#\9) {
   display: flex;
   gap: var(--space-xs-m9b7jf, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_zztnj_9.awsui_vertical_gfwv3_zztnj_18:not(#\9) {
+.awsui_root_gfwv3_153hh_9.awsui_vertical_gfwv3_153hh_18:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_zztnj_23:not(#\9) {
+.awsui_list_gfwv3_153hh_23:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -28,43 +28,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_zztnj_23.awsui_horizontal_gfwv3_zztnj_12:not(#\9), .awsui_list_gfwv3_zztnj_23.awsui_vertical_gfwv3_zztnj_18:not(#\9) {
+.awsui_list_gfwv3_153hh_23.awsui_horizontal_gfwv3_153hh_12:not(#\9), .awsui_list_gfwv3_153hh_23.awsui_vertical_gfwv3_153hh_18:not(#\9) {
   display: flex;
   gap: var(--space-xs-m9b7jf, 8px);
 }
-.awsui_list_gfwv3_zztnj_23.awsui_horizontal_gfwv3_zztnj_12:not(#\9) {
+.awsui_list_gfwv3_153hh_23.awsui_horizontal_gfwv3_153hh_12:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_zztnj_23.awsui_vertical_gfwv3_zztnj_18:not(#\9) {
+.awsui_list_gfwv3_153hh_23.awsui_vertical_gfwv3_153hh_18:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_zztnj_23.awsui_grid_gfwv3_zztnj_42:not(#\9) {
+.awsui_list_gfwv3_153hh_23.awsui_grid_gfwv3_153hh_42:not(#\9) {
   display: grid;
   gap: var(--space-xs-m9b7jf, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_zztnj_23.awsui_grid_gfwv3_zztnj_42:not(#\9) {
+  .awsui_list_gfwv3_153hh_23.awsui_grid_gfwv3_153hh_42:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_zztnj_54:not(#\9) {
+.awsui_list-item_gfwv3_153hh_54:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_zztnj_61:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_153hh_61:not(#\9) {
   padding-inline-start: var(--space-xs-m9b7jf, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_zztnj_61:not(#\9) {
+.awsui_toggle_gfwv3_153hh_61:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -105,7 +105,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-secondary-default-urew28, #0073bb));
+  color: var(--awsui-style-color-default-66120l, var(--color-text-link-secondary-default-urew28, #0073bb));
   font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
   letter-spacing: normal;
   text-decoration-line: var(--font-decoration-line-link-secondary-tcr1f6, none);
@@ -116,34 +116,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_zztnj_61:not(#\9) {
+  .awsui_toggle_gfwv3_153hh_61:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_zztnj_61:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_zztnj_61:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_153hh_61:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_153hh_61:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_zztnj_61:not(#\9):hover {
+.awsui_toggle_gfwv3_153hh_61:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+  color: var(--awsui-style-color-hover-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_toggle_gfwv3_zztnj_61:not(#\9):focus {
+.awsui_toggle_gfwv3_153hh_61:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_zztnj_61:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
+.awsui_toggle_gfwv3_153hh_61:not(#\9):active {
+  color: var(--awsui-style-color-active-66120l, var(--color-text-link-secondary-hover-kql7rc, #0a4a74));
 }
-.awsui_toggle_gfwv3_zztnj_61:not(#\9):active, .awsui_toggle_gfwv3_zztnj_61:not(#\9):focus, .awsui_toggle_gfwv3_zztnj_61:not(#\9):hover {
+.awsui_toggle_gfwv3_153hh_61:not(#\9):active, .awsui_toggle_gfwv3_153hh_61:not(#\9):focus, .awsui_toggle_gfwv3_153hh_61:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_toggle_gfwv3_zztnj_61:not(#\9):active, .awsui_toggle_gfwv3_zztnj_61:not(#\9):focus, .awsui_toggle_gfwv3_zztnj_61:not(#\9):hover {
+.awsui_toggle_gfwv3_153hh_61:not(#\9):active, .awsui_toggle_gfwv3_153hh_61:not(#\9):focus, .awsui_toggle_gfwv3_153hh_61:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_zztnj_61:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_153hh_61:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-sewkzn, #0073bb);
   border-inline: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-sewkzn, #0073bb);
@@ -153,11 +153,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_zztnj_61:not(#\9):focus
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_toggle_gfwv3_zztnj_61 > .awsui_description_gfwv3_zztnj_154:not(#\9) {
+.awsui_toggle_gfwv3_153hh_61 > .awsui_description_gfwv3_153hh_154:not(#\9) {
   margin-inline-start: var(--space-xxs-3o1yoq, 4px);
 }
 
-.awsui_separator_gfwv3_zztnj_158:not(#\9) {
+.awsui_separator_gfwv3_153hh_158:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-lfeh3i, 16px);
   inline-size: var(--border-divider-section-width-dlkb8v, 1px);

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_zztnj_9",
-  "horizontal": "awsui_horizontal_gfwv3_zztnj_12",
-  "vertical": "awsui_vertical_gfwv3_zztnj_18",
-  "list": "awsui_list_gfwv3_zztnj_23",
-  "grid": "awsui_grid_gfwv3_zztnj_42",
-  "list-item": "awsui_list-item_gfwv3_zztnj_54",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zztnj_61",
-  "toggle": "awsui_toggle_gfwv3_zztnj_61",
-  "description": "awsui_description_gfwv3_zztnj_154",
-  "separator": "awsui_separator_gfwv3_zztnj_158"
+  "root": "awsui_root_gfwv3_153hh_9",
+  "horizontal": "awsui_horizontal_gfwv3_153hh_12",
+  "vertical": "awsui_vertical_gfwv3_153hh_18",
+  "list": "awsui_list_gfwv3_153hh_23",
+  "grid": "awsui_grid_gfwv3_153hh_42",
+  "list-item": "awsui_list-item_gfwv3_153hh_54",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_153hh_61",
+  "toggle": "awsui_toggle_gfwv3_153hh_61",
+  "description": "awsui_description_gfwv3_153hh_154",
+  "separator": "awsui_separator_gfwv3_153hh_158"
 };
   

package/lib/internal/template/internal/components/token-list/token-limit-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token-limit-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAMlE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAgB,EAChB,uBAAuB,EACvB,sBAAsB,GACvB,EAAE,qBAAqB,eAkCvB"}
+{"version":3,"file":"token-limit-toggle.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAMlE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAgB,EAChB,uBAAuB,EACvB,sBAAsB,GACvB,EAAE,qBAAqB,eAsCvB"}

package/lib/internal/template/internal/components/token-list/token-limit-toggle.js

@@ -22,8 +22,8 @@ export default function TokenLimitToggle({ controlId, allHidden, expanded, numbe
             label: { root: 'self' },
         },
     };
-    return (React.createElement("button", { type: "button", className: styles.toggle, onClick: handleClick, "aria-controls": controlId, "aria-expanded": expanded, "aria-label": ariaLabel, ...getAnalyticsMetadataAttribute(analyticsMetadata) },
-        React.createElement(InternalIcon, { name: expanded ? 'treeview-collapse' : 'treeview-expand' }),
+    return (React.createElement("button", { type: "button", className: styles.toggle, onClick: handleClick, "aria-controls": controlId, "aria-expanded": expanded, "aria-label": ariaLabel, "data-awsui-motion-trigger": "hover", ...getAnalyticsMetadataAttribute(analyticsMetadata) },
+        React.createElement(InternalIcon, { name: expanded ? 'treeview-collapse' : 'treeview-expand', nativeAttributes: { 'data-awsui-motion-target': '' } }),
         React.createElement("span", { className: styles.description }, description)));
 }
 //# sourceMappingURL=token-limit-toggle.js.map

package/lib/internal/template/internal/components/token-list/token-limit-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"token-limit-toggle.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,uBAAuB,EACvB,sBAAsB,GACA;IACtB,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,cAAc,CAAC;QAChE,CAAC,CAAC,GAAG,IAAI,CAAC,2BAA2B,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAC3G,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE9E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAA8F;QACnH,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC3C,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,gBACX,SAAS,KACjB,6BAA6B,CAAC,iBAAiB,CAAC;QAEpD,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,GAAI;QAC1E,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalIcon from '../../../icon/internal';\nimport { NonCancelableEventHandler } from '../../../types/events';\nimport { fireNonCancelableEvent } from '../../events';\nimport {\n  GeneratedAnalyticsMetadataTokenListShowLess,\n  GeneratedAnalyticsMetadataTokenListShowMore,\n} from './analytics-metadata/interfaces';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n  controlId?: string;\n  allHidden: boolean;\n  expanded: boolean;\n  numberOfHiddenOptions: number;\n  onClick?: NonCancelableEventHandler<null>;\n  i18nStrings?: I18nStrings;\n  limitShowFewerAriaLabel?: string;\n  limitShowMoreAriaLabel?: string;\n}\n\nexport default function TokenLimitToggle({\n  controlId,\n  allHidden,\n  expanded,\n  numberOfHiddenOptions,\n  onClick,\n  i18nStrings = {},\n  limitShowFewerAriaLabel,\n  limitShowMoreAriaLabel,\n}: TokenLimitToggleProps) {\n  const i18n = useInternalI18n('token-group');\n\n  const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n  const description = expanded\n    ? i18n('i18nStrings.limitShowFewer', i18nStrings.limitShowFewer)\n    : `${i18n('i18nStrings.limitShowMore', i18nStrings.limitShowMore) || ''} (${numberOfHiddenOptionLabel})`;\n  const ariaLabel = expanded ? limitShowFewerAriaLabel : limitShowMoreAriaLabel;\n\n  const handleClick = useCallback(() => {\n    fireNonCancelableEvent(onClick, null);\n  }, [onClick]);\n\n  const analyticsMetadata: GeneratedAnalyticsMetadataTokenListShowMore | GeneratedAnalyticsMetadataTokenListShowLess = {\n    action: !expanded ? 'showMore' : 'showLess',\n    detail: {\n      label: { root: 'self' },\n    },\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.toggle}\n      onClick={handleClick}\n      aria-controls={controlId}\n      aria-expanded={expanded}\n      aria-label={ariaLabel}\n      {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n    >\n      <InternalIcon name={expanded ? 'treeview-collapse' : 'treeview-expand'} />\n      <span className={styles.description}>{description}</span>\n    </button>\n  );\n}\n"]}
+{"version":3,"file":"token-limit-toggle.js","sourceRoot":"","sources":["../../../../../src/internal/components/token-list/token-limit-toggle.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAOtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAYrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,qBAAqB,EACrB,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,uBAAuB,EACvB,sBAAsB,GACA;IACtB,MAAM,IAAI,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IAE5C,MAAM,yBAAyB,GAAG,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,qBAAqB,EAAE,CAAC;IAClG,MAAM,WAAW,GAAG,QAAQ;QAC1B,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE,WAAW,CAAC,cAAc,CAAC;QAChE,CAAC,CAAC,GAAG,IAAI,CAAC,2BAA2B,EAAE,WAAW,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,yBAAyB,GAAG,CAAC;IAC3G,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE9E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,iBAAiB,GAA8F;QACnH,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC3C,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB;KACF,CAAC;IAEF,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,OAAO,EAAE,WAAW,mBACL,SAAS,mBACT,QAAQ,gBACX,SAAS,+BACK,OAAO,KAC7B,6BAA6B,CAAC,iBAAiB,CAAC;QAEpD,oBAAC,YAAY,IACX,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,EACxD,gBAAgB,EAAE,EAAE,0BAA0B,EAAE,EAAE,EAAE,GACpD;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CAClD,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback } from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useInternalI18n } from '../../../i18n/context';\nimport InternalIcon from '../../../icon/internal';\nimport { NonCancelableEventHandler } from '../../../types/events';\nimport { fireNonCancelableEvent } from '../../events';\nimport {\n  GeneratedAnalyticsMetadataTokenListShowLess,\n  GeneratedAnalyticsMetadataTokenListShowMore,\n} from './analytics-metadata/interfaces';\nimport { I18nStrings } from './interfaces';\n\nimport styles from './styles.css.js';\ninterface TokenLimitToggleProps {\n  controlId?: string;\n  allHidden: boolean;\n  expanded: boolean;\n  numberOfHiddenOptions: number;\n  onClick?: NonCancelableEventHandler<null>;\n  i18nStrings?: I18nStrings;\n  limitShowFewerAriaLabel?: string;\n  limitShowMoreAriaLabel?: string;\n}\n\nexport default function TokenLimitToggle({\n  controlId,\n  allHidden,\n  expanded,\n  numberOfHiddenOptions,\n  onClick,\n  i18nStrings = {},\n  limitShowFewerAriaLabel,\n  limitShowMoreAriaLabel,\n}: TokenLimitToggleProps) {\n  const i18n = useInternalI18n('token-group');\n\n  const numberOfHiddenOptionLabel = allHidden ? numberOfHiddenOptions : `+${numberOfHiddenOptions}`;\n  const description = expanded\n    ? i18n('i18nStrings.limitShowFewer', i18nStrings.limitShowFewer)\n    : `${i18n('i18nStrings.limitShowMore', i18nStrings.limitShowMore) || ''} (${numberOfHiddenOptionLabel})`;\n  const ariaLabel = expanded ? limitShowFewerAriaLabel : limitShowMoreAriaLabel;\n\n  const handleClick = useCallback(() => {\n    fireNonCancelableEvent(onClick, null);\n  }, [onClick]);\n\n  const analyticsMetadata: GeneratedAnalyticsMetadataTokenListShowMore | GeneratedAnalyticsMetadataTokenListShowLess = {\n    action: !expanded ? 'showMore' : 'showLess',\n    detail: {\n      label: { root: 'self' },\n    },\n  };\n\n  return (\n    <button\n      type=\"button\"\n      className={styles.toggle}\n      onClick={handleClick}\n      aria-controls={controlId}\n      aria-expanded={expanded}\n      aria-label={ariaLabel}\n      data-awsui-motion-trigger=\"hover\"\n      {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n    >\n      <InternalIcon\n        name={expanded ? 'treeview-collapse' : 'treeview-expand'}\n        nativeAttributes={{ 'data-awsui-motion-target': '' }}\n      />\n      <span className={styles.description}>{description}</span>\n    </button>\n  );\n}\n"]}

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

@@ -1,6 +1,6 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (0c1c9fd2)";
-export var GIT_SHA = "0c1c9fd2";
+export var PACKAGE_VERSION = "3.0.0 (0fcf5f74)";
+export var GIT_SHA = "0fcf5f74";
 export var THEME = "open-source-visual-refresh";
 export var SYSTEM = "core";
 export var ALWAYS_VISUAL_REFRESH = true;

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

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (0c1c9fd2)",
-  "GIT_SHA": "0c1c9fd2",
+  "PACKAGE_VERSION": "3.0.0 (0fcf5f74)",
+  "GIT_SHA": "0fcf5f74",
   "THEME": "default",
   "SYSTEM": "core",
   "ALWAYS_VISUAL_REFRESH": false,

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts

@@ -172,5 +172,6 @@ declare const customCSSPropertiesMap: {
   styleItemCardBorderRadius: string;
   styleItemCardBorderWidthDefault: string;
   styleItemCardBoxShadowDefault: string;
+  inlineLabelBackgroundColor: string;
 };
 export default customCSSPropertiesMap;

package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8K3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+K3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}