npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

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

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

@@ -1,27 +1,27 @@
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_5udc2_145",
-  "parent": "awsui_parent_15o6u_5udc2_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_5udc2_164",
-  "highlighted": "awsui_highlighted_15o6u_5udc2_164",
-  "selected": "awsui_selected_15o6u_5udc2_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_5udc2_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_5udc2_171",
-  "virtual": "awsui_virtual_15o6u_5udc2_178",
-  "has-background": "awsui_has-background_15o6u_5udc2_181",
-  "child": "awsui_child_15o6u_5udc2_184",
-  "disabled": "awsui_disabled_15o6u_5udc2_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_5udc2_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_5udc2_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_5udc2_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_5udc2_239",
-  "sticky": "awsui_sticky_15o6u_5udc2_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_5udc2_290",
-  "after-header": "awsui_after-header_15o6u_5udc2_293",
-  "measure-strut": "awsui_measure-strut_15o6u_5udc2_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_5udc2_334",
-  "option-content": "awsui_option-content_15o6u_5udc2_340",
-  "select-all": "awsui_select-all_15o6u_5udc2_344"
+  "selectable-item": "awsui_selectable-item_15o6u_1avt4_145",
+  "parent": "awsui_parent_15o6u_1avt4_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1avt4_164",
+  "highlighted": "awsui_highlighted_15o6u_1avt4_164",
+  "selected": "awsui_selected_15o6u_1avt4_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_1avt4_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1avt4_171",
+  "virtual": "awsui_virtual_15o6u_1avt4_178",
+  "has-background": "awsui_has-background_15o6u_1avt4_181",
+  "child": "awsui_child_15o6u_1avt4_184",
+  "disabled": "awsui_disabled_15o6u_1avt4_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1avt4_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_1avt4_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1avt4_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_1avt4_239",
+  "sticky": "awsui_sticky_15o6u_1avt4_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_1avt4_290",
+  "after-header": "awsui_after-header_15o6u_1avt4_293",
+  "measure-strut": "awsui_measure-strut_15o6u_1avt4_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1avt4_334",
+  "option-content": "awsui_option-content_15o6u_1avt4_340",
+  "select-all": "awsui_select-all_15o6u_1avt4_344"
 };

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

@@ -142,7 +142,7 @@
 */
 /* 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_5udc2_145:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -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(--color-background-dropdown-item-default-fhmksr, #ffffff);
-  color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
-  padding-block: var(--border-item-width-acvlhx, 1px);
-  padding-inline: var(--border-item-width-acvlhx, 1px);
+  background-color: var(--awsui-option-background-default-z17rmd, var(--color-background-dropdown-item-default-fhmksr, #ffffff));
+  color: var(--awsui-option-color-default-z17rmd, var(--color-text-dropdown-item-default-a6mvc9, #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-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164.awsui_interactiveGroups_15o6u_5udc2_164:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164.awsui_interactiveGroups_15o6u_1avt4_164:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   padding-block: var(--space-option-padding-vertical-uomfe1, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_pad-bottom_15o6u_5udc2_171:not(#\9) {
-  padding-block-end: var(--border-item-width-acvlhx, 1px);
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_pad-bottom_15o6u_1avt4_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-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_pad-bottom_15o6u_5udc2_171 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_pad-bottom_15o6u_1avt4_171 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   padding-block-end: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_selectable-item_15o6u_5udc2_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178:not(#\9) {
-  margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
+.awsui_selectable-item_15o6u_1avt4_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_1avt4_145.awsui_virtual_15o6u_1avt4_178:not(#\9) {
+  margin-block-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_has-background_15o6u_5udc2_181:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_has-background_15o6u_1avt4_181:not(#\9) {
+  background-color: var(--awsui-option-background-highlighted-z17rmd, var(--color-background-dropdown-item-hover-353r6f, #f2f3f3));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_child_15o6u_5udc2_184:not(#\9) {
-  padding-inline-start: var(--border-item-width-acvlhx, 1px);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_child_15o6u_1avt4_184:not(#\9) {
+  padding-inline-start: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_child_15o6u_5udc2_184 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_child_15o6u_1avt4_184 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   padding-inline-start: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_disabled_15o6u_5udc2_190 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_disabled_15o6u_1avt4_190 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
+  color: var(--awsui-option-color-disabled-z17rmd, var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
-  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_highlighted_15o6u_1avt4_164:not(#\9), .awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164:not(#\9) {
+  color: var(--awsui-option-color-highlighted-z17rmd, var(--color-text-dropdown-item-highlighted-bchk26, #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_5udc2_145.awsui_highlighted_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_highlighted_15o6u_1avt4_164:not(#\9) {
   z-index: 3;
-  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
+  background-color: var(--awsui-option-background-highlighted-z17rmd, var(--color-background-dropdown-item-hover-353r6f, #f2f3f3));
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164.awsui_is-keyboard_15o6u_5udc2_205:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_highlighted_15o6u_1avt4_164.awsui_is-keyboard_15o6u_1avt4_205:not(#\9) {
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164.awsui_disabled_15o6u_5udc2_190:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_highlighted_15o6u_1avt4_164.awsui_disabled_15o6u_1avt4_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_5udc2_145.awsui_highlighted_15o6u_5udc2_164.awsui_disabled_15o6u_5udc2_190 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_highlighted_15o6u_1avt4_164.awsui_disabled_15o6u_1avt4_190 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164:not(#\9):not(.awsui_visual-refresh_15o6u_5udc2_215).awsui_is-keyboard_15o6u_5udc2_205 {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_highlighted_15o6u_1avt4_164:not(#\9):not(.awsui_visual-refresh_15o6u_1avt4_215).awsui_is-keyboard_15o6u_1avt4_205 {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-selected-1c9k0x, #f1faff);
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
+  background-color: var(--awsui-option-background-selected-z17rmd, var(--color-background-dropdown-item-selected-1c9k0x, #f1faff));
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-7rbija, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164.awsui_highlighted_15o6u_1avt4_164:not(#\9) {
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164.awsui_is-keyboard_15o6u_5udc2_205:not(#\9) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-7rbija, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164.awsui_highlighted_15o6u_1avt4_164.awsui_is-keyboard_15o6u_1avt4_205:not(#\9) {
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_next-item-selected_15o6u_5udc2_229:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164.awsui_next-item-selected_15o6u_1avt4_229:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164:not(#\9):not(.awsui_visual-refresh_15o6u_5udc2_215) {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164.awsui_highlighted_15o6u_1avt4_164:not(#\9):not(.awsui_visual-refresh_15o6u_1avt4_215) {
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164:not(#\9):not(.awsui_visual-refresh_15o6u_5udc2_215).awsui_is-keyboard_15o6u_5udc2_205 {
-  box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164.awsui_highlighted_15o6u_1avt4_164:not(#\9):not(.awsui_visual-refresh_15o6u_1avt4_215).awsui_is-keyboard_15o6u_1avt4_205 {
+  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164 + .awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_previous-item-selected_15o6u_5udc2_239:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164 + .awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164:not(#\9), .awsui_selectable-item_15o6u_1avt4_145.awsui_selected_15o6u_1avt4_164.awsui_previous-item-selected_15o6u_1avt4_239:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_disabled_15o6u_5udc2_190) > .awsui_selectable-item-content_15o6u_5udc2_167 {
-  color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164:not(#\9):not(.awsui_disabled_15o6u_1avt4_190) > .awsui_selectable-item-content_15o6u_1avt4_167 {
+  color: var(--awsui-option-group-label-color-z17rmd, var(--color-text-dropdown-group-label-m31yo5, #545b64));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1avt4_164) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164):not(:has(> .awsui_selectable-item-content_15o6u_5udc2_167)) {
-  padding-block: var(--border-item-width-acvlhx, 1px);
-  padding-inline: var(--border-item-width-acvlhx, 1px);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1avt4_164):not(:has(> .awsui_selectable-item-content_15o6u_1avt4_167)) {
+  padding-block: var(--border-item-width-pyfg4s, 1px);
+  padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164) > .awsui_selectable-item-content_15o6u_5udc2_167 {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1avt4_164) > .awsui_selectable-item-content_15o6u_1avt4_167 {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-xs-kw7k3v, 8px);
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164.awsui_interactiveGroups_15o6u_5udc2_164 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164.awsui_interactiveGroups_15o6u_1avt4_164 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164.awsui_interactiveGroups_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_parent_15o6u_1avt4_164.awsui_interactiveGroups_15o6u_1avt4_164.awsui_highlighted_15o6u_1avt4_164 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
 }
-.awsui_selectable-item_15o6u_5udc2_145:not(#\9):not(.awsui_disabled_15o6u_5udc2_190):not(.awsui_parent_15o6u_5udc2_164), .awsui_selectable-item_15o6u_5udc2_145.awsui_interactiveGroups_15o6u_5udc2_164:not(#\9):not(.awsui_disabled_15o6u_5udc2_190) {
+.awsui_selectable-item_15o6u_1avt4_145:not(#\9):not(.awsui_disabled_15o6u_1avt4_190):not(.awsui_parent_15o6u_1avt4_164), .awsui_selectable-item_15o6u_1avt4_145.awsui_interactiveGroups_15o6u_1avt4_164:not(#\9):not(.awsui_disabled_15o6u_1avt4_190) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271 + .awsui_selectable-item_15o6u_5udc2_145:not(#\9):not(.awsui_sticky_15o6u_5udc2_271):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164) {
-  box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271 + .awsui_selectable-item_15o6u_1avt4_145:not(#\9):not(.awsui_sticky_15o6u_1avt4_271):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164) {
+  box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9) {
   position: sticky;
   inset-block-start: 0;
-  margin-block-end: var(--border-item-width-acvlhx, 1px);
+  margin-block-end: var(--border-item-width-pyfg4s, 1px);
   z-index: 4;
-  padding-inline: var(--border-item-width-acvlhx, 1px);
+  padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_highlighted_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_selected_15o6u_5udc2_164:not(#\9) {
-  padding-inline: var(--border-item-width-acvlhx, 1px);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271.awsui_highlighted_15o6u_1avt4_164:not(#\9), .awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271.awsui_selected_15o6u_1avt4_164:not(#\9) {
+  padding-inline: var(--border-item-width-pyfg4s, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271 > .awsui_selectable-item-content_15o6u_1avt4_167:not(#\9) {
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_with-scrollbar_15o6u_5udc2_290) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-dgqo1x, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164):not(.awsui_with-scrollbar_15o6u_1avt4_290) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_after-header_15o6u_5udc2_293) {
-  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164):not(.awsui_after-header_15o6u_1avt4_293) {
+  border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_after-header_15o6u_5udc2_293):not(.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_after-header_15o6u_5udc2_293).awsui_with-scrollbar_15o6u_5udc2_290) {
-  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164):not(.awsui_after-header_15o6u_1avt4_293):not(.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164):not(.awsui_after-header_15o6u_1avt4_293).awsui_with-scrollbar_15o6u_1avt4_290) {
+  border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164).awsui_after-header_15o6u_5udc2_293 {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164).awsui_after-header_15o6u_1avt4_293 {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164).awsui_after-header_15o6u_5udc2_293:not(.awsui_with-scrollbar_15o6u_5udc2_290) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-dgqo1x, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271:not(#\9):not(.awsui_highlighted_15o6u_1avt4_164):not(.awsui_selected_15o6u_1avt4_164).awsui_after-header_15o6u_1avt4_293:not(.awsui_with-scrollbar_15o6u_1avt4_290) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_disabled_15o6u_5udc2_190.awsui_highlighted_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_disabled_15o6u_5udc2_190.awsui_selected_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271.awsui_disabled_15o6u_1avt4_190.awsui_highlighted_15o6u_1avt4_164:not(#\9), .awsui_selectable-item_15o6u_1avt4_145.awsui_sticky_15o6u_1avt4_271.awsui_disabled_15o6u_1avt4_190.awsui_selected_15o6u_1avt4_164:not(#\9) {
   box-shadow: none;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178:not(#\9) {
+.awsui_selectable-item_15o6u_1avt4_145.awsui_virtual_15o6u_1avt4_178:not(#\9) {
   position: absolute;
-  inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
+  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_5udc2_145.awsui_virtual_15o6u_5udc2_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_5udc2_164, .awsui_highlighted_15o6u_5udc2_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-top-znzfoj, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_virtual_15o6u_1avt4_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_1avt4_164, .awsui_highlighted_15o6u_1avt4_164) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-top-znzfoj, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164) {
-  box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
+.awsui_selectable-item_15o6u_1avt4_145.awsui_virtual_15o6u_1avt4_178.awsui_parent_15o6u_1avt4_164:not(#\9):not(.awsui_interactiveGroups_15o6u_1avt4_164) {
+  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_measure-strut_15o6u_5udc2_322:not(#\9) {
+.awsui_measure-strut_15o6u_1avt4_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_5udc2_145.awsui_virtual_15o6u_5udc2_178 > .awsui_measure-strut_15o6u_5udc2_322:not(#\9) {
-  block-size: calc(100% - var(--border-width-item-selected-7rbija, 1px));
+.awsui_selectable-item_15o6u_1avt4_145.awsui_virtual_15o6u_1avt4_178 > .awsui_measure-strut_15o6u_1avt4_322:not(#\9) {
+  block-size: calc(100% - var(--border-width-item-selected-l41fek, 1px));
 }
-.awsui_screenreader-content_15o6u_5udc2_334:not(#\9) {
+.awsui_screenreader-content_15o6u_1avt4_334:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_5udc2_340:not(#\9) {
+.awsui_option-content_15o6u_1avt4_340:not(#\9) {
   /* used in test-utils */
 }
-.awsui_select-all_15o6u_5udc2_344:not(#\9) {
+.awsui_select-all_15o6u_1avt4_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_5udc2_145",
-  "parent": "awsui_parent_15o6u_5udc2_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_5udc2_164",
-  "highlighted": "awsui_highlighted_15o6u_5udc2_164",
-  "selected": "awsui_selected_15o6u_5udc2_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_5udc2_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_5udc2_171",
-  "virtual": "awsui_virtual_15o6u_5udc2_178",
-  "has-background": "awsui_has-background_15o6u_5udc2_181",
-  "child": "awsui_child_15o6u_5udc2_184",
-  "disabled": "awsui_disabled_15o6u_5udc2_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_5udc2_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_5udc2_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_5udc2_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_5udc2_239",
-  "sticky": "awsui_sticky_15o6u_5udc2_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_5udc2_290",
-  "after-header": "awsui_after-header_15o6u_5udc2_293",
-  "measure-strut": "awsui_measure-strut_15o6u_5udc2_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_5udc2_334",
-  "option-content": "awsui_option-content_15o6u_5udc2_340",
-  "select-all": "awsui_select-all_15o6u_5udc2_344"
+  "selectable-item": "awsui_selectable-item_15o6u_1avt4_145",
+  "parent": "awsui_parent_15o6u_1avt4_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1avt4_164",
+  "highlighted": "awsui_highlighted_15o6u_1avt4_164",
+  "selected": "awsui_selected_15o6u_1avt4_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_1avt4_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1avt4_171",
+  "virtual": "awsui_virtual_15o6u_1avt4_178",
+  "has-background": "awsui_has-background_15o6u_1avt4_181",
+  "child": "awsui_child_15o6u_1avt4_184",
+  "disabled": "awsui_disabled_15o6u_1avt4_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1avt4_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_1avt4_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1avt4_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_1avt4_239",
+  "sticky": "awsui_sticky_15o6u_1avt4_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_1avt4_290",
+  "after-header": "awsui_after-header_15o6u_1avt4_293",
+  "measure-strut": "awsui_measure-strut_15o6u_1avt4_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1avt4_334",
+  "option-content": "awsui_option-content_15o6u_1avt4_340",
+  "select-all": "awsui_select-all_15o6u_1avt4_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_1jpwe_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1jpwe_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1jpwe_174",
-  "active": "awsui_active_1ksmw_1jpwe_200",
-  "placeholder": "awsui_placeholder_1ksmw_1jpwe_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1jpwe_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1jpwe_225",
-  "sorting": "awsui_sorting_1ksmw_1jpwe_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_2scra_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_2scra_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_2scra_174",
+  "active": "awsui_active_1ksmw_2scra_200",
+  "placeholder": "awsui_placeholder_1ksmw_2scra_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_2scra_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_2scra_225",
+  "sorting": "awsui_sorting_1ksmw_2scra_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_1jpwe_145:not(#\9) {
+.awsui_drag-overlay_1ksmw_2scra_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-aemn43, #ffffff);
 }
-.awsui_drag-overlay-item_1ksmw_1jpwe_149:not(#\9) {
-  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
+.awsui_drag-overlay-item_1ksmw_2scra_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_1jpwe_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_2scra_149:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-item_1ksmw_1jpwe_149:not(#\9)::before {
+.awsui_drag-overlay-item_1ksmw_2scra_149:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -165,24 +165,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 0px);
   inline-size: calc(100% + 0px + 0px);
   block-size: calc(100% + 0px + 0px);
-  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
+  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);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_drag-overlay-container_1ksmw_1jpwe_174:not(#\9) {
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+.awsui_drag-overlay-container_1ksmw_2scra_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_1jpwe_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_2scra_174:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-container_1ksmw_1jpwe_174:not(#\9)::before {
+.awsui_drag-overlay-container_1ksmw_2scra_174:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 0px);
   inline-size: calc(100% + 0px + 0px);
   block-size: calc(100% + 0px + 0px);
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+  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);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_active_1ksmw_1jpwe_200:not(#\9) {
+.awsui_active_1ksmw_2scra_200:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -207,38 +207,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_placeholder_1ksmw_1jpwe_210:not(#\9) {
+.awsui_placeholder_1ksmw_2scra_210:not(#\9) {
   position: relative;
 }
-.awsui_placeholder_1ksmw_1jpwe_210:not(#\9):after {
+.awsui_placeholder_1ksmw_2scra_210:not(#\9):after {
   content: " ";
   position: absolute;
   inset: 0;
   background: var(--color-drag-placeholder-hover-owaghb, #99cbe4);
 }
-.awsui_placeholder-item_1ksmw_1jpwe_219:not(#\9):after {
-  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
-  border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
+.awsui_placeholder-item_1ksmw_2scra_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_1jpwe_225:not(#\9):after {
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+.awsui_placeholder-container_1ksmw_2scra_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_1jpwe_232:not(#\9) {
+.awsui_sorting_1ksmw_2scra_232:not(#\9) {
   transition: transform var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_sorting_1ksmw_1jpwe_232:not(#\9) {
+  .awsui_sorting_1ksmw_2scra_232:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sorting_1ksmw_1jpwe_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1jpwe_232:not(#\9) {
+.awsui-motion-disabled .awsui_sorting_1ksmw_2scra_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_2scra_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_1jpwe_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1jpwe_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1jpwe_174",
-  "active": "awsui_active_1ksmw_1jpwe_200",
-  "placeholder": "awsui_placeholder_1ksmw_1jpwe_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1jpwe_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1jpwe_225",
-  "sorting": "awsui_sorting_1ksmw_1jpwe_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_2scra_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_2scra_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_2scra_174",
+  "active": "awsui_active_1ksmw_2scra_200",
+  "placeholder": "awsui_placeholder_1ksmw_2scra_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_2scra_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_2scra_225",
+  "sorting": "awsui_sorting_1ksmw_2scra_232"
 };