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

@cloudscape-design/components-themeable 3.0.961 → 3.0.963

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (599) hide show

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

@@ -142,184 +142,186 @@
 */
 /* 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_14svm_145:not(#\9) {
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+.awsui_selectable-item_15o6u_2z7dj_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-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   list-style: none;
   z-index: 1;
-  border-block: var(--border-divider-list-width-x6rz7e, 1px) solid transparent;
-  border-inline: var(--border-divider-list-width-x6rz7e, 1px) solid transparent;
-  border-block-start-color: var(--color-border-dropdown-item-default-s0ovy4, #eaeded);
-  border-block-end-color: var(--color-border-dropdown-item-default-s0ovy4, #eaeded);
-  background-color: var(--color-background-dropdown-item-default-r1zm6a, #ffffff);
-  color: var(--color-text-dropdown-item-default-o6jy8o, #16191f);
+  border-block: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
+  border-inline: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
+  border-block-start-color: var(--color-border-dropdown-item-default-mis6qq, #eaeded);
+  border-block-end-color: var(--color-border-dropdown-item-default-mis6qq, #eaeded);
+  background-color: var(--color-background-dropdown-item-default-79esq0, #ffffff);
+  color: var(--color-text-dropdown-item-default-q1v4ei, #16191f);
   border-inline-start-width: 0;
   border-inline-end-width: 0;
-  padding-block: calc(var(--space-xxs-y2432o, 4px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px));
-  padding-inline: calc(var(--space-field-horizontal-cxdor9, 8px) + var(--border-item-width-bjacxs, 1px));
+  padding-block: calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
+  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_pad-bottom_15o6u_14svm_167:not(#\9) {
-  padding-block-end: calc(calc(var(--space-xxs-y2432o, 4px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px)) + var(--space-xxxs-gn3248, 2px));
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_pad-bottom_15o6u_2z7dj_167:not(#\9) {
+  padding-block-end: calc(calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) + var(--space-xxxs-3w1kr2, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_14svm_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_14svm_145.awsui_virtual_15o6u_14svm_171:not(#\9) {
-  margin-block-start: calc(-1 * var(--border-item-width-bjacxs, 1px));
+.awsui_selectable-item_15o6u_2z7dj_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_2z7dj_145.awsui_virtual_15o6u_2z7dj_171:not(#\9) {
+  margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_has-background_15o6u_14svm_174:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_has-background_15o6u_2z7dj_174:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-8liz26, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_highlighted_15o6u_14svm_177:not(#\9), .awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
-  border-width: var(--border-item-width-bjacxs, 1px);
-  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  padding-block: var(--space-xxs-y2432o, 4px);
-  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
+  border-width: var(--border-item-width-acvlhx, 1px);
+  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);
+  padding-block: var(--space-xxs-jnczic, 4px);
+  padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_highlighted_15o6u_14svm_177.awsui_pad-bottom_15o6u_14svm_167:not(#\9), .awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177.awsui_pad-bottom_15o6u_14svm_167:not(#\9) {
-  padding-block-end: calc(var(--space-xxs-y2432o, 4px) + var(--space-xxxs-gn3248, 2px));
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_pad-bottom_15o6u_2z7dj_167:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177.awsui_pad-bottom_15o6u_2z7dj_167:not(#\9) {
+  padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_highlighted_15o6u_14svm_177:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177:not(#\9) {
   z-index: 3;
-  background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
-  border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
+  background-color: var(--color-background-dropdown-item-hover-8liz26, #f2f3f3);
+  border-color: var(--color-border-dropdown-item-hover-4796ds, #879596);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_highlighted_15o6u_14svm_177.awsui_disabled_15o6u_14svm_195:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-xe0faj, #aab7b8);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-0rwxkv, #879596);
-  background-color: var(--color-background-dropdown-item-dimmed-dtqtu6, transparent);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_disabled_15o6u_2z7dj_195:not(#\9) {
+  color: var(--color-text-dropdown-item-dimmed-7akr3u, #aab7b8);
+  border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
+  background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-selected-i187hy, #f1faff);
-  border-color: var(--color-border-dropdown-item-selected-3l3bsn, #eaeded);
+  background-color: var(--color-background-dropdown-item-selected-rknjid, #f1faff);
+  border-color: var(--color-border-dropdown-item-selected-i0krgy, #eaeded);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177.awsui_next-item-selected_15o6u_14svm_205:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177.awsui_next-item-selected_15o6u_2z7dj_205:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177.awsui_highlighted_15o6u_14svm_177:not(#\9) {
-  border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177.awsui_highlighted_15o6u_2z7dj_177:not(#\9) {
+  border-color: var(--color-border-dropdown-item-hover-4796ds, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177 + .awsui_selectable-item_15o6u_14svm_145.awsui_selected_15o6u_14svm_177:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177 + .awsui_selectable-item_15o6u_2z7dj_145.awsui_selected_15o6u_2z7dj_177:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_highlighted_15o6u_14svm_177.awsui_is-keyboard_15o6u_14svm_217:not(#\9) {
-  border-color: var(--color-border-dropdown-item-focused-6wa092, #0073bb);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_is-keyboard_15o6u_2z7dj_217:not(#\9) {
+  border-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_parent_15o6u_14svm_221:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_highlighted_15o6u_2z7dj_177.awsui_is-keyboard_15o6u_2z7dj_217:not(#\9):not(.awsui_visual-refresh_15o6u_2z7dj_220) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-vx5mpq, #0073bb);
+}
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223:not(#\9) {
   font-weight: bold;
-  color: var(--color-text-dropdown-group-label-h1uzwg, #545b64);
+  color: var(--color-text-dropdown-group-label-8bba32, #545b64);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_parent_15o6u_14svm_221:not(#\9):not(.awsui_interactiveGroups_15o6u_14svm_225) {
-  border-block-start-color: var(--color-border-dropdown-group-ze4esa, #eaeded);
-  padding-block: var(--space-xs-6dgkww, 8px);
-  padding-inline: var(--space-xs-6dgkww, 8px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223:not(#\9):not(.awsui_interactiveGroups_15o6u_2z7dj_227) {
+  border-block-start-color: var(--color-border-dropdown-group-dxavhr, #eaeded);
+  padding-block: var(--space-xs-kw7k3v, 8px);
+  padding-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_parent_15o6u_14svm_221.awsui_interactiveGroups_15o6u_14svm_225:not(#\9) {
-  padding-block: calc(var(--space-xs-6dgkww, 8px) + var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px));
-  padding-inline: calc(var(--space-field-horizontal-cxdor9, 8px) + var(--border-item-width-bjacxs, 1px));
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227:not(#\9) {
+  padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
+  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_parent_15o6u_14svm_221.awsui_interactiveGroups_15o6u_14svm_225.awsui_highlighted_15o6u_14svm_177:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227.awsui_highlighted_15o6u_2z7dj_177:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_parent_15o6u_14svm_221.awsui_interactiveGroups_15o6u_14svm_225.awsui_highlighted_15o6u_14svm_177:not(#\9), .awsui_selectable-item_15o6u_14svm_145.awsui_parent_15o6u_14svm_221.awsui_interactiveGroups_15o6u_14svm_225.awsui_selected_15o6u_14svm_177:not(#\9) {
-  padding-block: var(--space-xs-6dgkww, 8px);
-  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_parent_15o6u_2z7dj_223.awsui_interactiveGroups_15o6u_2z7dj_227.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+  padding-block: var(--space-xs-kw7k3v, 8px);
+  padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_child_15o6u_14svm_241:not(#\9) {
-  padding-inline-start: calc(var(--space-xxl-thzxkv, 32px) + var(--border-item-width-bjacxs, 1px));
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_child_15o6u_2z7dj_243:not(#\9) {
+  padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_child_15o6u_14svm_241.awsui_highlighted_15o6u_14svm_177:not(#\9), .awsui_selectable-item_15o6u_14svm_145.awsui_child_15o6u_14svm_241.awsui_selected_15o6u_14svm_177:not(#\9) {
-  padding-inline-start: var(--space-xxl-thzxkv, 32px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_child_15o6u_2z7dj_243.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_child_15o6u_2z7dj_243.awsui_selected_15o6u_2z7dj_177:not(#\9) {
+  padding-inline-start: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9) {
   position: sticky;
   inset-block-start: 0;
-  margin-block-end: calc(var(--border-item-width-bjacxs, 1px) - var(--border-divider-list-width-x6rz7e, 1px));
+  margin-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   z-index: 4;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9):not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177) {
-  border-inline-start-width: var(--border-item-width-bjacxs, 1px);
-  border-inline-start-color: var(--color-border-dropdown-container-5hmq6y, transparent);
-  border-inline-end-color: var(--color-border-dropdown-container-5hmq6y, transparent);
-  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177) {
+  border-inline-start-width: var(--border-item-width-acvlhx, 1px);
+  border-inline-start-color: var(--color-border-dropdown-container-eiy251, transparent);
+  border-inline-end-color: var(--color-border-dropdown-container-eiy251, transparent);
+  padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9):not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177):not(.awsui_with-scrollbar_15o6u_14svm_259) {
-  border-inline-end-width: var(--border-item-width-bjacxs, 1px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_with-scrollbar_15o6u_2z7dj_261) {
+  border-inline-end-width: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9):not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177).awsui_with-scrollbar_15o6u_14svm_259 {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177).awsui_with-scrollbar_15o6u_2z7dj_261 {
   border-inline-end-width: 0;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9):not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177):not(.awsui_after-header_15o6u_14svm_265) {
-  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_after-header_15o6u_2z7dj_267) {
+  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9):not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177):not(.awsui_after-header_15o6u_14svm_265):not(.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177):not(.awsui_after-header_15o6u_14svm_265).awsui_with-scrollbar_15o6u_14svm_259) {
-  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_after-header_15o6u_2z7dj_267):not(.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177):not(.awsui_after-header_15o6u_2z7dj_267).awsui_with-scrollbar_15o6u_2z7dj_261) {
+  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247:not(#\9):not(.awsui_highlighted_15o6u_14svm_177):not(.awsui_selected_15o6u_14svm_177).awsui_after-header_15o6u_14svm_265 {
-  border-block-start-color: var(--color-background-dropdown-item-default-r1zm6a, #ffffff);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249:not(#\9):not(.awsui_highlighted_15o6u_2z7dj_177):not(.awsui_selected_15o6u_2z7dj_177).awsui_after-header_15o6u_2z7dj_267 {
+  border-block-start-color: var(--color-background-dropdown-item-default-79esq0, #ffffff);
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247.awsui_disabled_15o6u_14svm_195.awsui_highlighted_15o6u_14svm_177:not(#\9), .awsui_selectable-item_15o6u_14svm_145.awsui_sticky_15o6u_14svm_247.awsui_disabled_15o6u_14svm_195.awsui_selected_15o6u_14svm_177:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249.awsui_disabled_15o6u_2z7dj_195.awsui_highlighted_15o6u_2z7dj_177:not(#\9), .awsui_selectable-item_15o6u_2z7dj_145.awsui_sticky_15o6u_2z7dj_249.awsui_disabled_15o6u_2z7dj_195.awsui_selected_15o6u_2z7dj_177:not(#\9) {
   border-block-end-color: transparent;
   border-block-start-color: transparent;
   border-inline-start-color: transparent;
   border-inline-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_disabled_15o6u_14svm_195:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_disabled_15o6u_2z7dj_195:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-g8nr7t, #aab7b8);
 }
-.awsui_selectable-item_15o6u_14svm_145:not(#\9):not(.awsui_disabled_15o6u_14svm_195):not(.awsui_parent_15o6u_14svm_221) {
+.awsui_selectable-item_15o6u_2z7dj_145:not(#\9):not(.awsui_disabled_15o6u_2z7dj_195):not(.awsui_parent_15o6u_2z7dj_223) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_interactiveGroups_15o6u_14svm_225:not(#\9):not(.awsui_disabled_15o6u_14svm_195) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_interactiveGroups_15o6u_2z7dj_227:not(#\9):not(.awsui_disabled_15o6u_2z7dj_195) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_virtual_15o6u_14svm_171:not(#\9) {
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_virtual_15o6u_2z7dj_171:not(#\9) {
   position: absolute;
-  inset-block-start: var(--border-dropdown-virtual-offset-width-mojxsv, 0px);
+  inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_14svm_145.awsui_virtual_15o6u_14svm_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_14svm_177, .awsui_highlighted_15o6u_14svm_177) {
-  border-block-start-color: var(--color-border-dropdown-item-top-k8ts00, #eaeded);
+.awsui_selectable-item_15o6u_2z7dj_145.awsui_virtual_15o6u_2z7dj_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_2z7dj_177, .awsui_highlighted_15o6u_2z7dj_177) {
+  border-block-start-color: var(--color-border-dropdown-item-top-znzfoj, #eaeded);
 }
-.awsui_measure-strut_15o6u_14svm_300:not(#\9) {
+.awsui_measure-strut_15o6u_2z7dj_302:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
   inline-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
-  padding-block-start: var(--border-divider-list-width-x6rz7e, 1px);
+  padding-block-start: var(--border-divider-list-width-8ggz94, 1px);
 }
-.awsui_measure-strut-first_15o6u_14svm_309:not(#\9) {
-  padding-block-end: var(--border-divider-list-width-x6rz7e, 1px);
+.awsui_measure-strut-first_15o6u_2z7dj_311:not(#\9) {
+  padding-block-end: var(--border-divider-list-width-8ggz94, 1px);
 }
-.awsui_screenreader-content_15o6u_14svm_313:not(#\9) {
+.awsui_screenreader-content_15o6u_2z7dj_315:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_14svm_319:not(#\9) {
+.awsui_option-content_15o6u_2z7dj_321:not(#\9) {
   /* used in test-utils */
 }
-.awsui_select-all_15o6u_14svm_323:not(#\9) {
+.awsui_select-all_15o6u_2z7dj_325:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,25 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_14svm_145",
-  "pad-bottom": "awsui_pad-bottom_15o6u_14svm_167",
-  "virtual": "awsui_virtual_15o6u_14svm_171",
-  "has-background": "awsui_has-background_15o6u_14svm_174",
-  "highlighted": "awsui_highlighted_15o6u_14svm_177",
-  "selected": "awsui_selected_15o6u_14svm_177",
-  "disabled": "awsui_disabled_15o6u_14svm_195",
-  "next-item-selected": "awsui_next-item-selected_15o6u_14svm_205",
-  "is-keyboard": "awsui_is-keyboard_15o6u_14svm_217",
-  "parent": "awsui_parent_15o6u_14svm_221",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_14svm_225",
-  "child": "awsui_child_15o6u_14svm_241",
-  "sticky": "awsui_sticky_15o6u_14svm_247",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_14svm_259",
-  "after-header": "awsui_after-header_15o6u_14svm_265",
-  "measure-strut": "awsui_measure-strut_15o6u_14svm_300",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_14svm_309",
-  "screenreader-content": "awsui_screenreader-content_15o6u_14svm_313",
-  "option-content": "awsui_option-content_15o6u_14svm_319",
-  "select-all": "awsui_select-all_15o6u_14svm_323"
+  "selectable-item": "awsui_selectable-item_15o6u_2z7dj_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_2z7dj_167",
+  "virtual": "awsui_virtual_15o6u_2z7dj_171",
+  "has-background": "awsui_has-background_15o6u_2z7dj_174",
+  "highlighted": "awsui_highlighted_15o6u_2z7dj_177",
+  "selected": "awsui_selected_15o6u_2z7dj_177",
+  "disabled": "awsui_disabled_15o6u_2z7dj_195",
+  "next-item-selected": "awsui_next-item-selected_15o6u_2z7dj_205",
+  "is-keyboard": "awsui_is-keyboard_15o6u_2z7dj_217",
+  "visual-refresh": "awsui_visual-refresh_15o6u_2z7dj_220",
+  "parent": "awsui_parent_15o6u_2z7dj_223",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_2z7dj_227",
+  "child": "awsui_child_15o6u_2z7dj_243",
+  "sticky": "awsui_sticky_15o6u_2z7dj_249",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_2z7dj_261",
+  "after-header": "awsui_after-header_15o6u_2z7dj_267",
+  "measure-strut": "awsui_measure-strut_15o6u_2z7dj_302",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_2z7dj_311",
+  "screenreader-content": "awsui_screenreader-content_15o6u_2z7dj_315",
+  "option-content": "awsui_option-content_15o6u_2z7dj_321",
+  "select-all": "awsui_select-all_15o6u_2z7dj_325"
 };

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_1vqyi_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1vqyi_148",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1vqyi_175",
-  "active": "awsui_active_1ksmw_1vqyi_203",
-  "placeholder": "awsui_placeholder_1ksmw_1vqyi_213",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1vqyi_222",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1vqyi_228",
-  "sorting": "awsui_sorting_1ksmw_1vqyi_235"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_18nyb_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_18nyb_148",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_18nyb_175",
+  "active": "awsui_active_1ksmw_18nyb_203",
+  "placeholder": "awsui_placeholder_1ksmw_18nyb_213",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_18nyb_222",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_18nyb_228",
+  "sorting": "awsui_sorting_1ksmw_18nyb_235"
 };

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

@@ -142,23 +142,23 @@
 */
 /* 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_1vqyi_145:not(#\9) {
-  box-shadow: var(--shadow-container-active-b0dn3h, 0px 4px 8px rgba(0, 28, 36, 0.45));
+.awsui_drag-overlay_1ksmw_18nyb_145:not(#\9) {
+  box-shadow: var(--shadow-container-active-hawm65, 0px 4px 8px rgba(0, 28, 36, 0.45));
 }
-.awsui_drag-overlay-item_1ksmw_1vqyi_148:not(#\9) {
-  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
+.awsui_drag-overlay-item_1ksmw_18nyb_148: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);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1vqyi_148:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_18nyb_148:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1vqyi_148:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_18nyb_148:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1vqyi_148:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_18nyb_148:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,26 +166,26 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1vqyi_148:not
   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-q4wr0w, 0px);
-  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
-}
-.awsui_drag-overlay-container_1ksmw_1vqyi_175:not(#\9) {
-  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
-}
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1vqyi_175: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);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
+}
+.awsui_drag-overlay-container_1ksmw_18nyb_175: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);
+}
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_18nyb_175:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1vqyi_175:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_18nyb_175:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1vqyi_175:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_18nyb_175:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -193,55 +193,55 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1vqyi_17
   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-3o3ats, 0px);
-  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+  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);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
 }
-.awsui_active_1ksmw_1vqyi_203:not(#\9) {
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+.awsui_active_1ksmw_18nyb_203: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-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_placeholder_1ksmw_1vqyi_213:not(#\9) {
+.awsui_placeholder_1ksmw_18nyb_213:not(#\9) {
   position: relative;
 }
-.awsui_placeholder_1ksmw_1vqyi_213:not(#\9):after {
+.awsui_placeholder_1ksmw_18nyb_213:not(#\9):after {
   content: " ";
   position: absolute;
   inset: 0;
-  background: var(--color-drag-placeholder-hover-gowvta, #99cbe4);
+  background: var(--color-drag-placeholder-hover-bul13g, #99cbe4);
 }
-.awsui_placeholder-item_1ksmw_1vqyi_222:not(#\9):after {
-  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
+.awsui_placeholder-item_1ksmw_18nyb_222: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-container_1ksmw_1vqyi_228:not(#\9):after {
-  border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-start-end-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-start-radius: var(--border-radius-container-3o3ats, 0px);
-  border-end-end-radius: var(--border-radius-container-3o3ats, 0px);
+.awsui_placeholder-container_1ksmw_18nyb_228: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_sorting_1ksmw_1vqyi_235:not(#\9) {
-  transition: transform var(--motion-duration-transition-quick-1ym1ir, 90ms) var(--motion-easing-transition-quick-c2tqbv, linear);
+.awsui_sorting_1ksmw_18nyb_235: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_1vqyi_235:not(#\9) {
+  .awsui_sorting_1ksmw_18nyb_235:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sorting_1ksmw_1vqyi_235:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1vqyi_235:not(#\9) {
+.awsui-motion-disabled .awsui_sorting_1ksmw_18nyb_235:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_18nyb_235: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_1vqyi_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1vqyi_148",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1vqyi_175",
-  "active": "awsui_active_1ksmw_1vqyi_203",
-  "placeholder": "awsui_placeholder_1ksmw_1vqyi_213",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1vqyi_222",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1vqyi_228",
-  "sorting": "awsui_sorting_1ksmw_1vqyi_235"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_18nyb_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_18nyb_148",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_18nyb_175",
+  "active": "awsui_active_1ksmw_18nyb_203",
+  "placeholder": "awsui_placeholder_1ksmw_18nyb_213",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_18nyb_222",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_18nyb_228",
+  "sorting": "awsui_sorting_1ksmw_18nyb_235"
 };

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

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_7ijzf_193",
-  "horizontal": "awsui_horizontal_gfwv3_7ijzf_196",
-  "vertical": "awsui_vertical_gfwv3_7ijzf_202",
-  "list": "awsui_list_gfwv3_7ijzf_207",
-  "grid": "awsui_grid_gfwv3_7ijzf_226",
-  "list-item": "awsui_list-item_gfwv3_7ijzf_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_7ijzf_245",
-  "toggle": "awsui_toggle_gfwv3_7ijzf_245",
-  "description": "awsui_description_gfwv3_7ijzf_337",
-  "separator": "awsui_separator_gfwv3_7ijzf_341"
+  "root": "awsui_root_gfwv3_551ye_193",
+  "horizontal": "awsui_horizontal_gfwv3_551ye_196",
+  "vertical": "awsui_vertical_gfwv3_551ye_202",
+  "list": "awsui_list_gfwv3_551ye_207",
+  "grid": "awsui_grid_gfwv3_551ye_226",
+  "list-item": "awsui_list-item_gfwv3_551ye_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_551ye_245",
+  "toggle": "awsui_toggle_gfwv3_551ye_245",
+  "description": "awsui_description_gfwv3_551ye_337",
+  "separator": "awsui_separator_gfwv3_551ye_341"
 };