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

@cloudscape-design/components-themeable 3.0.1345 → 3.0.1347

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

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

@@ -142,10 +142,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_158rj_145:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145: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-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -154,172 +154,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-79esq0, #ffffff));
-  color: var(--awsui-option-color-default-esndbs, var(--color-text-dropdown-item-default-q1v4ei, #16191f));
+  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));
   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-tufq64, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded);
+  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_158rj_145.awsui_parent_15o6u_158rj_164.awsui_interactiveGroups_15o6u_158rj_164:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164.awsui_interactiveGroups_15o6u_1h99c_164:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164) {
+  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_158rj_145 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  padding-block: var(--space-option-padding-vertical-uomfe1, 4px);
-  padding-inline: var(--space-field-horizontal-n5peob, 8px);
+.awsui_selectable-item_15o6u_1h99c_145 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  padding-block: var(--space-option-padding-vertical-hggcse, 4px);
+  padding-inline: var(--space-field-horizontal-anki5k, 8px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_pad-bottom_15o6u_158rj_171:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_pad-bottom_15o6u_1h99c_171: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-tufq64, #eaeded);
+  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_158rj_145.awsui_pad-bottom_15o6u_158rj_171 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  padding-block-end: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--space-xxxs-3w1kr2, 2px));
+.awsui_selectable-item_15o6u_1h99c_145.awsui_pad-bottom_15o6u_1h99c_171 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  padding-block-end: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--space-xxxs-3ulqs3, 2px));
 }
-.awsui_selectable-item_15o6u_158rj_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_158rj_145.awsui_virtual_15o6u_158rj_178:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_1h99c_145.awsui_virtual_15o6u_1h99c_178:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_has-background_15o6u_158rj_181:not(#\9) {
-  background-color: var(--awsui-option-background-highlighted-esndbs, var(--color-background-dropdown-item-hover-8liz26, #f2f3f3));
+.awsui_selectable-item_15o6u_1h99c_145.awsui_has-background_15o6u_1h99c_181:not(#\9) {
+  background-color: var(--awsui-option-background-highlighted-esndbs, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_child_15o6u_158rj_184:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_child_15o6u_1h99c_184:not(#\9) {
   padding-inline-start: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_child_15o6u_158rj_184 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  padding-inline-start: var(--space-xxl-q0lyvp, 32px);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_child_15o6u_1h99c_184 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  padding-inline-start: var(--space-xxl-xj5vu7, 32px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_disabled_15o6u_158rj_190 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  color: var(--awsui-option-color-disabled-esndbs, var(--color-text-dropdown-item-disabled-g8nr7t, #aab7b8));
+.awsui_selectable-item_15o6u_1h99c_145.awsui_disabled_15o6u_1h99c_190 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  color: var(--awsui-option-color-disabled-esndbs, var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8));
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_highlighted_15o6u_158rj_164:not(#\9), .awsui_selectable-item_15o6u_158rj_145.awsui_selected_15o6u_158rj_164:not(#\9) {
-  color: var(--awsui-option-color-highlighted-esndbs, var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f));
+.awsui_selectable-item_15o6u_1h99c_145.awsui_highlighted_15o6u_1h99c_164:not(#\9), .awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164:not(#\9) {
+  color: var(--awsui-option-color-highlighted-esndbs, 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_158rj_145.awsui_highlighted_15o6u_158rj_164:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_highlighted_15o6u_1h99c_164:not(#\9) {
   z-index: 3;
-  background-color: var(--awsui-option-background-highlighted-esndbs, var(--color-background-dropdown-item-hover-8liz26, #f2f3f3));
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-4796ds, #879596);
+  background-color: var(--awsui-option-background-highlighted-esndbs, 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_158rj_145.awsui_highlighted_15o6u_158rj_164.awsui_is-keyboard_15o6u_158rj_205:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_highlighted_15o6u_1h99c_164.awsui_is-keyboard_15o6u_1h99c_205: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_158rj_145.awsui_highlighted_15o6u_158rj_164.awsui_disabled_15o6u_158rj_190:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
-  background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_highlighted_15o6u_1h99c_164.awsui_disabled_15o6u_1h99c_190: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_158rj_145.awsui_highlighted_15o6u_158rj_164.awsui_disabled_15o6u_158rj_190 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-7akr3u, #aab7b8);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_highlighted_15o6u_1h99c_164.awsui_disabled_15o6u_1h99c_190 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  color: var(--color-text-dropdown-item-dimmed-asp9ue, #aab7b8);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_highlighted_15o6u_158rj_164:not(#\9):not(.awsui_visual-refresh_15o6u_158rj_215).awsui_is-keyboard_15o6u_158rj_205 {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-a3thrr, #0073bb);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_highlighted_15o6u_1h99c_164:not(#\9):not(.awsui_visual-refresh_15o6u_1h99c_215).awsui_is-keyboard_15o6u_1h99c_205 {
+  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_158rj_145.awsui_selected_15o6u_158rj_164:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164:not(#\9) {
   z-index: 2;
-  background-color: var(--awsui-option-background-selected-esndbs, var(--color-background-dropdown-item-selected-rknjid, #f1faff));
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-g1xyug, #eaeded);
+  background-color: var(--awsui-option-background-selected-esndbs, 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_158rj_145.awsui_selected_15o6u_158rj_164.awsui_highlighted_15o6u_158rj_164:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-g1xyug, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-hover-4796ds, #879596);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164.awsui_highlighted_15o6u_1h99c_164: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_158rj_145.awsui_selected_15o6u_158rj_164.awsui_highlighted_15o6u_158rj_164.awsui_is-keyboard_15o6u_158rj_205:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-g1xyug, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164.awsui_highlighted_15o6u_1h99c_164.awsui_is-keyboard_15o6u_1h99c_205: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_158rj_145.awsui_selected_15o6u_158rj_164.awsui_next-item-selected_15o6u_158rj_229:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164.awsui_next-item-selected_15o6u_1h99c_229:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_selected_15o6u_158rj_164.awsui_highlighted_15o6u_158rj_164:not(#\9):not(.awsui_visual-refresh_15o6u_158rj_215) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-4796ds, #879596);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164.awsui_highlighted_15o6u_1h99c_164:not(#\9):not(.awsui_visual-refresh_15o6u_1h99c_215) {
+  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_158rj_145.awsui_selected_15o6u_158rj_164.awsui_highlighted_15o6u_158rj_164:not(#\9):not(.awsui_visual-refresh_15o6u_158rj_215).awsui_is-keyboard_15o6u_158rj_205 {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164.awsui_highlighted_15o6u_1h99c_164:not(#\9):not(.awsui_visual-refresh_15o6u_1h99c_215).awsui_is-keyboard_15o6u_1h99c_205 {
+  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_158rj_145.awsui_selected_15o6u_158rj_164 + .awsui_selectable-item_15o6u_158rj_145.awsui_selected_15o6u_158rj_164:not(#\9), .awsui_selectable-item_15o6u_158rj_145.awsui_selected_15o6u_158rj_164.awsui_previous-item-selected_15o6u_158rj_239:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164 + .awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164:not(#\9), .awsui_selectable-item_15o6u_1h99c_145.awsui_selected_15o6u_1h99c_164.awsui_previous-item-selected_15o6u_1h99c_239:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_parent_15o6u_158rj_164:not(#\9):not(.awsui_disabled_15o6u_158rj_190) > .awsui_selectable-item-content_15o6u_158rj_167 {
-  color: var(--awsui-option-group-label-color-esndbs, var(--color-text-dropdown-group-label-ev6i63, #545b64));
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164:not(#\9):not(.awsui_disabled_15o6u_1h99c_190) > .awsui_selectable-item-content_15o6u_1h99c_167 {
+  color: var(--awsui-option-group-label-color-esndbs, var(--color-text-dropdown-group-label-gquzok, #545b64));
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_parent_15o6u_158rj_164:not(#\9):not(.awsui_interactiveGroups_15o6u_158rj_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-vjcmu0, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1h99c_164) {
+  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_158rj_145.awsui_parent_15o6u_158rj_164:not(#\9):not(.awsui_interactiveGroups_15o6u_158rj_164):not(:has(> .awsui_selectable-item-content_15o6u_158rj_167)) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1h99c_164):not(:has(> .awsui_selectable-item-content_15o6u_1h99c_167)) {
   padding-block: var(--border-item-width-pyfg4s, 1px);
   padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_parent_15o6u_158rj_164:not(#\9):not(.awsui_interactiveGroups_15o6u_158rj_164) > .awsui_selectable-item-content_15o6u_158rj_167 {
-  padding-block: var(--space-xs-kw7k3v, 8px);
-  padding-inline: var(--space-xs-kw7k3v, 8px);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1h99c_164) > .awsui_selectable-item-content_15o6u_1h99c_167 {
+  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_158rj_145.awsui_parent_15o6u_158rj_164.awsui_interactiveGroups_15o6u_158rj_164 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  padding-block: var(--space-xs-kw7k3v, 8px);
-  padding-inline: var(--space-field-horizontal-n5peob, 8px);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164.awsui_interactiveGroups_15o6u_1h99c_164 > .awsui_selectable-item-content_15o6u_1h99c_167: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_158rj_145.awsui_parent_15o6u_158rj_164.awsui_interactiveGroups_15o6u_158rj_164.awsui_highlighted_15o6u_158rj_164 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_parent_15o6u_1h99c_164.awsui_interactiveGroups_15o6u_1h99c_164.awsui_highlighted_15o6u_1h99c_164 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
 }
-.awsui_selectable-item_15o6u_158rj_145:not(#\9):not(.awsui_disabled_15o6u_158rj_190):not(.awsui_parent_15o6u_158rj_164), .awsui_selectable-item_15o6u_158rj_145.awsui_interactiveGroups_15o6u_158rj_164:not(#\9):not(.awsui_disabled_15o6u_158rj_190) {
+.awsui_selectable-item_15o6u_1h99c_145:not(#\9):not(.awsui_disabled_15o6u_1h99c_190):not(.awsui_parent_15o6u_1h99c_164), .awsui_selectable-item_15o6u_1h99c_145.awsui_interactiveGroups_15o6u_1h99c_164:not(#\9):not(.awsui_disabled_15o6u_1h99c_190) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271 + .awsui_selectable-item_15o6u_158rj_145:not(#\9):not(.awsui_sticky_15o6u_158rj_271):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164) {
-  box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271 + .awsui_selectable-item_15o6u_1h99c_145:not(#\9):not(.awsui_sticky_15o6u_1h99c_271):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164) {
+  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_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271: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_158rj_145.awsui_sticky_15o6u_158rj_271.awsui_highlighted_15o6u_158rj_164:not(#\9), .awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271.awsui_selected_15o6u_158rj_164:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271.awsui_highlighted_15o6u_1h99c_164:not(#\9), .awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271.awsui_selected_15o6u_1h99c_164:not(#\9) {
   padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271 > .awsui_selectable-item-content_15o6u_158rj_167:not(#\9) {
-  padding-inline: var(--space-field-horizontal-n5peob, 8px);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271 > .awsui_selectable-item-content_15o6u_1h99c_167:not(#\9) {
+  padding-inline: var(--space-field-horizontal-anki5k, 8px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-eiy251, transparent);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164) {
+  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_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164):not(.awsui_with-scrollbar_15o6u_158rj_290) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-eiy251, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-eiy251, transparent);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164):not(.awsui_with-scrollbar_15o6u_1h99c_290) {
+  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_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164):not(.awsui_after-header_15o6u_158rj_293) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164):not(.awsui_after-header_15o6u_1h99c_293) {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164):not(.awsui_after-header_15o6u_158rj_293):not(.awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271:not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164):not(.awsui_after-header_15o6u_158rj_293).awsui_with-scrollbar_15o6u_158rj_290) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164):not(.awsui_after-header_15o6u_1h99c_293):not(.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164):not(.awsui_after-header_15o6u_1h99c_293).awsui_with-scrollbar_15o6u_1h99c_290) {
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164).awsui_after-header_15o6u_158rj_293 {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-79esq0, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-eiy251, transparent);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164).awsui_after-header_15o6u_1h99c_293 {
+  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_158rj_145.awsui_sticky_15o6u_158rj_271:not(#\9):not(.awsui_highlighted_15o6u_158rj_164):not(.awsui_selected_15o6u_158rj_164).awsui_after-header_15o6u_158rj_293:not(.awsui_with-scrollbar_15o6u_158rj_290) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-79esq0, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-eiy251, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-eiy251, transparent);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271:not(#\9):not(.awsui_highlighted_15o6u_1h99c_164):not(.awsui_selected_15o6u_1h99c_164).awsui_after-header_15o6u_1h99c_293:not(.awsui_with-scrollbar_15o6u_1h99c_290) {
+  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_158rj_145.awsui_sticky_15o6u_158rj_271.awsui_disabled_15o6u_158rj_190.awsui_highlighted_15o6u_158rj_164:not(#\9), .awsui_selectable-item_15o6u_158rj_145.awsui_sticky_15o6u_158rj_271.awsui_disabled_15o6u_158rj_190.awsui_selected_15o6u_158rj_164:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271.awsui_disabled_15o6u_1h99c_190.awsui_highlighted_15o6u_1h99c_164:not(#\9), .awsui_selectable-item_15o6u_1h99c_145.awsui_sticky_15o6u_1h99c_271.awsui_disabled_15o6u_1h99c_190.awsui_selected_15o6u_1h99c_164:not(#\9) {
   box-shadow: none;
 }
-.awsui_selectable-item_15o6u_158rj_145.awsui_virtual_15o6u_158rj_178:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_virtual_15o6u_1h99c_178: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_158rj_145.awsui_virtual_15o6u_158rj_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_158rj_164, .awsui_highlighted_15o6u_158rj_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-top-2al4c5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_virtual_15o6u_1h99c_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_1h99c_164, .awsui_highlighted_15o6u_1h99c_164) {
+  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_158rj_145.awsui_virtual_15o6u_158rj_178.awsui_parent_15o6u_158rj_164:not(#\9):not(.awsui_interactiveGroups_15o6u_158rj_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-vjcmu0, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-tufq64, #eaeded);
+.awsui_selectable-item_15o6u_1h99c_145.awsui_virtual_15o6u_1h99c_178.awsui_parent_15o6u_1h99c_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1h99c_164) {
+  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_158rj_322:not(#\9) {
+.awsui_measure-strut_15o6u_1h99c_322:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -327,20 +327,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_158rj_145.awsui_virtual_15o6u_158rj_178 > .awsui_measure-strut_15o6u_158rj_322:not(#\9) {
+.awsui_selectable-item_15o6u_1h99c_145.awsui_virtual_15o6u_1h99c_178 > .awsui_measure-strut_15o6u_1h99c_322:not(#\9) {
   block-size: calc(100% - var(--border-width-item-selected-l41fek, 1px));
 }
-.awsui_screenreader-content_15o6u_158rj_334:not(#\9) {
+.awsui_screenreader-content_15o6u_1h99c_334:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_158rj_340:not(#\9) {
+.awsui_option-content_15o6u_1h99c_340:not(#\9) {
   /* used in test-utils */
 }
-.awsui_select-all_15o6u_158rj_344:not(#\9) {
+.awsui_select-all_15o6u_1h99c_344:not(#\9) {
   /* used in test-utils */
 }

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

@@ -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_158rj_145",
-  "parent": "awsui_parent_15o6u_158rj_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_158rj_164",
-  "highlighted": "awsui_highlighted_15o6u_158rj_164",
-  "selected": "awsui_selected_15o6u_158rj_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_158rj_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_158rj_171",
-  "virtual": "awsui_virtual_15o6u_158rj_178",
-  "has-background": "awsui_has-background_15o6u_158rj_181",
-  "child": "awsui_child_15o6u_158rj_184",
-  "disabled": "awsui_disabled_15o6u_158rj_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_158rj_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_158rj_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_158rj_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_158rj_239",
-  "sticky": "awsui_sticky_15o6u_158rj_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_158rj_290",
-  "after-header": "awsui_after-header_15o6u_158rj_293",
-  "measure-strut": "awsui_measure-strut_15o6u_158rj_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_158rj_334",
-  "option-content": "awsui_option-content_15o6u_158rj_340",
-  "select-all": "awsui_select-all_15o6u_158rj_344"
+  "selectable-item": "awsui_selectable-item_15o6u_1h99c_145",
+  "parent": "awsui_parent_15o6u_1h99c_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1h99c_164",
+  "highlighted": "awsui_highlighted_15o6u_1h99c_164",
+  "selected": "awsui_selected_15o6u_1h99c_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_1h99c_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1h99c_171",
+  "virtual": "awsui_virtual_15o6u_1h99c_178",
+  "has-background": "awsui_has-background_15o6u_1h99c_181",
+  "child": "awsui_child_15o6u_1h99c_184",
+  "disabled": "awsui_disabled_15o6u_1h99c_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1h99c_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_1h99c_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1h99c_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_1h99c_239",
+  "sticky": "awsui_sticky_15o6u_1h99c_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_1h99c_290",
+  "after-header": "awsui_after-header_15o6u_1h99c_293",
+  "measure-strut": "awsui_measure-strut_15o6u_1h99c_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1h99c_334",
+  "option-content": "awsui_option-content_15o6u_1h99c_340",
+  "select-all": "awsui_select-all_15o6u_1h99c_344"
 };

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

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "drag-overlay": "awsui_drag-overlay_1ksmw_1luca_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1luca_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1luca_174",
-  "active": "awsui_active_1ksmw_1luca_200",
-  "placeholder": "awsui_placeholder_1ksmw_1luca_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1luca_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1luca_225",
-  "sorting": "awsui_sorting_1ksmw_1luca_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_1iior_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1iior_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1iior_174",
+  "active": "awsui_active_1ksmw_1iior_200",
+  "placeholder": "awsui_placeholder_1ksmw_1iior_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_1iior_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_1iior_225",
+  "sorting": "awsui_sorting_1ksmw_1iior_232"
 };

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

@@ -142,22 +142,22 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_drag-overlay_1ksmw_1luca_145:not(#\9) {
-  box-shadow: var(--shadow-container-active-hawm65, 0px 4px 8px rgba(0, 28, 36, 0.45));
-  background-color: var(--color-background-container-content-mvmryi, #ffffff);
+.awsui_drag-overlay_1ksmw_1iior_145:not(#\9) {
+  box-shadow: var(--shadow-container-active-iomjxu, 0px 4px 8px rgba(0, 28, 36, 0.45));
+  background-color: var(--color-background-container-content-mjfil9, #ffffff);
 }
-.awsui_drag-overlay-item_1ksmw_1luca_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_1iior_149:not(#\9) {
   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);
   position: relative;
 }
-.awsui_drag-overlay-item_1ksmw_1luca_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_1iior_149:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-item_1ksmw_1luca_149:not(#\9)::before {
+.awsui_drag-overlay-item_1ksmw_1iior_149:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,20 +169,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_drag-overlay-container_1ksmw_1luca_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_1iior_174:not(#\9) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   position: relative;
 }
-.awsui_drag-overlay-container_1ksmw_1luca_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_1iior_174:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-container_1ksmw_1luca_174:not(#\9)::before {
+.awsui_drag-overlay-container_1ksmw_1iior_174:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -194,51 +194,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_active_1ksmw_1luca_200:not(#\9) {
+.awsui_active_1ksmw_1iior_200: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-kbrad2, #16191f);
+  color: var(--color-text-body-default-b2us04, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_placeholder_1ksmw_1luca_210:not(#\9) {
+.awsui_placeholder_1ksmw_1iior_210:not(#\9) {
   position: relative;
 }
-.awsui_placeholder_1ksmw_1luca_210:not(#\9):after {
+.awsui_placeholder_1ksmw_1iior_210:not(#\9):after {
   content: " ";
   position: absolute;
   inset: 0;
-  background: var(--color-drag-placeholder-hover-bul13g, #99cbe4);
+  background: var(--color-drag-placeholder-hover-h0smpz, #99cbe4);
 }
-.awsui_placeholder-item_1ksmw_1luca_219:not(#\9):after {
+.awsui_placeholder-item_1ksmw_1iior_219:not(#\9):after {
   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_placeholder-container_1ksmw_1luca_225:not(#\9):after {
+.awsui_placeholder-container_1ksmw_1iior_225:not(#\9):after {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
-.awsui_sorting_1ksmw_1luca_232:not(#\9) {
-  transition: transform var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
+.awsui_sorting_1ksmw_1iior_232:not(#\9) {
+  transition: transform var(--motion-duration-transition-quick-1p8yzt, 90ms) var(--motion-easing-transition-quick-afgcka, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_sorting_1ksmw_1luca_232:not(#\9) {
+  .awsui_sorting_1ksmw_1iior_232:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sorting_1ksmw_1luca_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1luca_232:not(#\9) {
+.awsui-motion-disabled .awsui_sorting_1ksmw_1iior_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1iior_232:not(#\9) {
   animation: none;
   transition: none;
 }

package/lib/internal/template/internal/components/sortable-area/styles.selectors.js CHANGED Viewed

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drag-overlay": "awsui_drag-overlay_1ksmw_1luca_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1luca_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1luca_174",
-  "active": "awsui_active_1ksmw_1luca_200",
-  "placeholder": "awsui_placeholder_1ksmw_1luca_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1luca_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1luca_225",
-  "sorting": "awsui_sorting_1ksmw_1luca_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_1iior_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1iior_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1iior_174",
+  "active": "awsui_active_1ksmw_1iior_200",
+  "placeholder": "awsui_placeholder_1ksmw_1iior_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_1iior_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_1iior_225",
+  "sorting": "awsui_sorting_1ksmw_1iior_232"
 };

package/lib/internal/template/internal/components/structured-item/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ifko_eoveq_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_eoveq_184",
-  "main": "awsui_main_1ifko_eoveq_188",
-  "actions": "awsui_actions_1ifko_eoveq_195",
-  "content-wrap": "awsui_content-wrap_1ifko_eoveq_199",
-  "wrap-actions": "awsui_wrap-actions_1ifko_eoveq_209",
-  "content": "awsui_content_1ifko_eoveq_199"
+  "root": "awsui_root_1ifko_kp3b2_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_kp3b2_184",
+  "main": "awsui_main_1ifko_kp3b2_188",
+  "actions": "awsui_actions_1ifko_kp3b2_195",
+  "content-wrap": "awsui_content-wrap_1ifko_kp3b2_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_kp3b2_209",
+  "content": "awsui_content_1ifko_kp3b2_199"
 };