npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.776 → 3.0.778 - Mend

@cloudscape-design/components-themeable 3.0.776 → 3.0.778

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

package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css CHANGED Viewed

@@ -138,7 +138,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_slider_cqzlk_195vv_141:not(#\9) {
+.awsui_slider_cqzlk_pj1ak_141:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -148,17 +148,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_cqzlk_195vv_141:not(#\9):focus {
+.awsui_slider_cqzlk_pj1ak_141:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_pj1ak_141:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,30 +166,30 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus
   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-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_slider-side_cqzlk_195vv_176:not(#\9) {
+.awsui_slider-side_cqzlk_pj1ak_176:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
-.awsui_slider-icon_cqzlk_195vv_183:not(#\9) {
-  stroke: var(--color-text-interactive-default-1hkfiv, #545b64);
+.awsui_slider-icon_cqzlk_pj1ak_183:not(#\9) {
+  stroke: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_slider-icon_cqzlk_195vv_183:not(#\9):hover {
-  stroke: var(--color-text-interactive-hover-w63rso, #16191f);
+.awsui_slider-icon_cqzlk_pj1ak_183:not(#\9):hover {
+  stroke: var(--color-text-interactive-hover-kxltdh, #16191f);
 }
-.awsui_slider-icon-bottom_cqzlk_195vv_189:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_pj1ak_189:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_195vv_193:not(#\9) {
+.awsui_slider-icon-side_cqzlk_pj1ak_193:not(#\9) {
   transform: rotate(90deg);
 }

package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js CHANGED Viewed

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "slider": "awsui_slider_cqzlk_195vv_141",
-  "slider-side": "awsui_slider-side_cqzlk_195vv_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_195vv_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_195vv_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_195vv_193"
+  "slider": "awsui_slider_cqzlk_pj1ak_141",
+  "slider-side": "awsui_slider-side_cqzlk_pj1ak_176",
+  "slider-icon": "awsui_slider-icon_cqzlk_pj1ak_183",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_pj1ak_189",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_pj1ak_193"
 };

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

@@ -1,21 +1,21 @@
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1k4sj_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1k4sj_163",
-  "has-background": "awsui_has-background_15o6u_1k4sj_170",
-  "highlighted": "awsui_highlighted_15o6u_1k4sj_173",
-  "selected": "awsui_selected_15o6u_1k4sj_173",
-  "disabled": "awsui_disabled_15o6u_1k4sj_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1k4sj_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1k4sj_213",
-  "parent": "awsui_parent_15o6u_1k4sj_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1k4sj_221",
-  "child": "awsui_child_15o6u_1k4sj_237",
-  "virtual": "awsui_virtual_15o6u_1k4sj_252",
-  "measure-strut": "awsui_measure-strut_15o6u_1k4sj_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1k4sj_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1k4sj_276",
-  "option-content": "awsui_option-content_15o6u_1k4sj_282"
+  "selectable-item": "awsui_selectable-item_15o6u_sh5kl_141",
+  "pad-bottom": "awsui_pad-bottom_15o6u_sh5kl_163",
+  "has-background": "awsui_has-background_15o6u_sh5kl_170",
+  "highlighted": "awsui_highlighted_15o6u_sh5kl_173",
+  "selected": "awsui_selected_15o6u_sh5kl_173",
+  "disabled": "awsui_disabled_15o6u_sh5kl_191",
+  "next-item-selected": "awsui_next-item-selected_15o6u_sh5kl_201",
+  "is-keyboard": "awsui_is-keyboard_15o6u_sh5kl_213",
+  "parent": "awsui_parent_15o6u_sh5kl_217",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_sh5kl_221",
+  "child": "awsui_child_15o6u_sh5kl_237",
+  "virtual": "awsui_virtual_15o6u_sh5kl_252",
+  "measure-strut": "awsui_measure-strut_15o6u_sh5kl_263",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_sh5kl_272",
+  "screenreader-content": "awsui_screenreader-content_15o6u_sh5kl_276",
+  "option-content": "awsui_option-content_15o6u_sh5kl_282"
 };

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

@@ -138,147 +138,147 @@
 */
 /* 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_1k4sj_141:not(#\9) {
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+.awsui_selectable-item_15o6u_sh5kl_141: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);
   font-weight: 400;
-  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-pxn2ad, "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-471u6a, 1px) solid transparent;
-  border-inline: var(--border-divider-list-width-471u6a, 1px) solid transparent;
-  border-block-start-color: var(--color-border-dropdown-item-default-fwpjrj, #eaeded);
-  border-block-end-color: var(--color-border-dropdown-item-default-fwpjrj, #eaeded);
-  background-color: var(--color-background-dropdown-item-default-vj7lgr, #ffffff);
-  color: var(--color-text-dropdown-item-default-qbzqwe, #16191f);
+  border-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-inline-start-width: 0;
   border-inline-end-width: 0;
-  padding-block: calc(var(--space-xxs-9rrxti, 4px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px));
-  padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
+  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));
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_pad-bottom_15o6u_1k4sj_163:not(#\9) {
-  padding-block-end: calc(calc(var(--space-xxs-9rrxti, 4px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px)) + var(--space-xxxs-z28114, 2px));
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_pad-bottom_15o6u_sh5kl_163: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));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_1k4sj_141:not(#\9):not(:first-child) {
-  margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
+.awsui_selectable-item_15o6u_sh5kl_141:not(#\9):not(:first-child) {
+  margin-block-start: calc(-1 * var(--border-item-width-bjacxs, 1px));
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_has-background_15o6u_1k4sj_170:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-n95f74, #f2f3f3);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_has-background_15o6u_sh5kl_170:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-iwmwp7, #16191f);
-  border-width: var(--border-item-width-0zxiwv, 1px);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  padding-block: var(--space-xxs-9rrxti, 4px);
-  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173: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_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173.awsui_pad-bottom_15o6u_1k4sj_163:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173.awsui_pad-bottom_15o6u_1k4sj_163:not(#\9) {
-  padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173.awsui_pad-bottom_15o6u_sh5kl_163:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173.awsui_pad-bottom_15o6u_sh5kl_163:not(#\9) {
+  padding-block-end: calc(var(--space-xxs-y2432o, 4px) + var(--space-xxxs-gn3248, 2px));
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173:not(#\9) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173:not(#\9) {
   z-index: 3;
-  background-color: var(--color-background-dropdown-item-hover-n95f74, #f2f3f3);
-  border-color: var(--color-border-dropdown-item-hover-38gqzc, #879596);
+  background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
+  border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173.awsui_disabled_15o6u_1k4sj_191:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-l74aj0, #aab7b8);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-u2vkm2, #879596);
-  background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173.awsui_disabled_15o6u_sh5kl_191: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_1k4sj_141.awsui_selected_15o6u_1k4sj_173:not(#\9) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-selected-wpab75, #f1faff);
-  border-color: var(--color-border-dropdown-item-selected-viaqvp, #eaeded);
+  background-color: var(--color-background-dropdown-item-selected-i187hy, #f1faff);
+  border-color: var(--color-border-dropdown-item-selected-3l3bsn, #eaeded);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173.awsui_next-item-selected_15o6u_1k4sj_201:not(#\9) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173.awsui_next-item-selected_15o6u_sh5kl_201:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173.awsui_highlighted_15o6u_1k4sj_173:not(#\9) {
-  border-color: var(--color-border-dropdown-item-hover-38gqzc, #879596);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173.awsui_highlighted_15o6u_sh5kl_173:not(#\9) {
+  border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173 + .awsui_selectable-item_15o6u_1k4sj_141.awsui_selected_15o6u_1k4sj_173:not(#\9) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173 + .awsui_selectable-item_15o6u_sh5kl_141.awsui_selected_15o6u_sh5kl_173:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_highlighted_15o6u_1k4sj_173.awsui_is-keyboard_15o6u_1k4sj_213:not(#\9) {
-  border-color: var(--color-border-dropdown-item-focused-ngxovj, #0073bb);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-7jb69s, #0073bb);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_highlighted_15o6u_sh5kl_173.awsui_is-keyboard_15o6u_sh5kl_213: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_1k4sj_141.awsui_parent_15o6u_1k4sj_217:not(#\9) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217:not(#\9) {
   font-weight: bold;
-  color: var(--color-text-dropdown-group-label-q0p18s, #545b64);
+  color: var(--color-text-dropdown-group-label-h1uzwg, #545b64);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217:not(#\9):not(.awsui_interactiveGroups_15o6u_1k4sj_221) {
-  border-block-start-color: var(--color-border-dropdown-group-olb3gq, #eaeded);
-  padding-block: var(--space-xs-xf5ch3, 8px);
-  padding-inline: var(--space-xs-xf5ch3, 8px);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217:not(#\9):not(.awsui_interactiveGroups_15o6u_sh5kl_221) {
+  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_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221:not(#\9) {
-  padding-block: calc(var(--space-xs-xf5ch3, 8px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px));
-  padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221: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_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221.awsui_highlighted_15o6u_1k4sj_173:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-iwmwp7, #16191f);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221.awsui_highlighted_15o6u_sh5kl_173:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221.awsui_highlighted_15o6u_1k4sj_173:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_parent_15o6u_1k4sj_217.awsui_interactiveGroups_15o6u_1k4sj_221.awsui_selected_15o6u_1k4sj_173:not(#\9) {
-  padding-block: var(--space-xs-xf5ch3, 8px);
-  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221.awsui_highlighted_15o6u_sh5kl_173:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_parent_15o6u_sh5kl_217.awsui_interactiveGroups_15o6u_sh5kl_221.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+  padding-block: var(--space-xs-6dgkww, 8px);
+  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_child_15o6u_1k4sj_237:not(#\9) {
-  padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_child_15o6u_sh5kl_237:not(#\9) {
+  padding-inline-start: calc(var(--space-xxl-thzxkv, 32px) + var(--border-item-width-bjacxs, 1px));
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_child_15o6u_1k4sj_237.awsui_highlighted_15o6u_1k4sj_173:not(#\9), .awsui_selectable-item_15o6u_1k4sj_141.awsui_child_15o6u_1k4sj_237.awsui_selected_15o6u_1k4sj_173:not(#\9) {
-  padding-inline-start: var(--space-xxl-pd3205, 32px);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_child_15o6u_sh5kl_237.awsui_highlighted_15o6u_sh5kl_173:not(#\9), .awsui_selectable-item_15o6u_sh5kl_141.awsui_child_15o6u_sh5kl_237.awsui_selected_15o6u_sh5kl_173:not(#\9) {
+  padding-inline-start: var(--space-xxl-thzxkv, 32px);
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_disabled_15o6u_1k4sj_191:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-mnz3s7, #aab7b8);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_disabled_15o6u_sh5kl_191:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
 }
-.awsui_selectable-item_15o6u_1k4sj_141:not(#\9):not(.awsui_disabled_15o6u_1k4sj_191):not(.awsui_parent_15o6u_1k4sj_217) {
+.awsui_selectable-item_15o6u_sh5kl_141:not(#\9):not(.awsui_disabled_15o6u_sh5kl_191):not(.awsui_parent_15o6u_sh5kl_217) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_interactiveGroups_15o6u_1k4sj_221:not(#\9):not(.awsui_disabled_15o6u_1k4sj_191) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_interactiveGroups_15o6u_sh5kl_221:not(#\9):not(.awsui_disabled_15o6u_sh5kl_191) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_virtual_15o6u_1k4sj_252:not(#\9) {
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_virtual_15o6u_sh5kl_252:not(#\9) {
   position: absolute;
-  inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
+  inset-block-start: var(--border-dropdown-virtual-offset-width-mojxsv, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_1k4sj_141.awsui_virtual_15o6u_1k4sj_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_1k4sj_173, .awsui_highlighted_15o6u_1k4sj_173) {
-  border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
+.awsui_selectable-item_15o6u_sh5kl_141.awsui_virtual_15o6u_sh5kl_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_sh5kl_173, .awsui_highlighted_15o6u_sh5kl_173) {
+  border-block-start-color: var(--color-border-dropdown-item-top-k8ts00, #eaeded);
 }
-.awsui_measure-strut_15o6u_1k4sj_263:not(#\9) {
+.awsui_measure-strut_15o6u_sh5kl_263: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-471u6a, 1px);
+  padding-block-start: var(--border-divider-list-width-x6rz7e, 1px);
 }
-.awsui_measure-strut-first_15o6u_1k4sj_272:not(#\9) {
-  padding-block-end: var(--border-divider-list-width-471u6a, 1px);
+.awsui_measure-strut-first_15o6u_sh5kl_272:not(#\9) {
+  padding-block-end: var(--border-divider-list-width-x6rz7e, 1px);
 }
-.awsui_screenreader-content_15o6u_1k4sj_276:not(#\9) {
+.awsui_screenreader-content_15o6u_sh5kl_276:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_1k4sj_282:not(#\9) {
+.awsui_option-content_15o6u_sh5kl_282:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_1k4sj_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1k4sj_163",
-  "has-background": "awsui_has-background_15o6u_1k4sj_170",
-  "highlighted": "awsui_highlighted_15o6u_1k4sj_173",
-  "selected": "awsui_selected_15o6u_1k4sj_173",
-  "disabled": "awsui_disabled_15o6u_1k4sj_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1k4sj_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1k4sj_213",
-  "parent": "awsui_parent_15o6u_1k4sj_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1k4sj_221",
-  "child": "awsui_child_15o6u_1k4sj_237",
-  "virtual": "awsui_virtual_15o6u_1k4sj_252",
-  "measure-strut": "awsui_measure-strut_15o6u_1k4sj_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1k4sj_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1k4sj_276",
-  "option-content": "awsui_option-content_15o6u_1k4sj_282"
+  "selectable-item": "awsui_selectable-item_15o6u_sh5kl_141",
+  "pad-bottom": "awsui_pad-bottom_15o6u_sh5kl_163",
+  "has-background": "awsui_has-background_15o6u_sh5kl_170",
+  "highlighted": "awsui_highlighted_15o6u_sh5kl_173",
+  "selected": "awsui_selected_15o6u_sh5kl_173",
+  "disabled": "awsui_disabled_15o6u_sh5kl_191",
+  "next-item-selected": "awsui_next-item-selected_15o6u_sh5kl_201",
+  "is-keyboard": "awsui_is-keyboard_15o6u_sh5kl_213",
+  "parent": "awsui_parent_15o6u_sh5kl_217",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_sh5kl_221",
+  "child": "awsui_child_15o6u_sh5kl_237",
+  "virtual": "awsui_virtual_15o6u_sh5kl_252",
+  "measure-strut": "awsui_measure-strut_15o6u_sh5kl_263",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_sh5kl_272",
+  "screenreader-content": "awsui_screenreader-content_15o6u_sh5kl_276",
+  "option-content": "awsui_option-content_15o6u_sh5kl_282"
 };

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

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_c3rso_181",
-  "horizontal": "awsui_horizontal_gfwv3_c3rso_185",
-  "vertical": "awsui_vertical_gfwv3_c3rso_190",
-  "list": "awsui_list_gfwv3_c3rso_194",
-  "list-item": "awsui_list-item_gfwv3_c3rso_214",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_c3rso_221",
-  "toggle": "awsui_toggle_gfwv3_c3rso_221",
-  "description": "awsui_description_gfwv3_c3rso_316",
-  "separator": "awsui_separator_gfwv3_c3rso_320"
+  "root": "awsui_root_gfwv3_77roy_181",
+  "horizontal": "awsui_horizontal_gfwv3_77roy_185",
+  "vertical": "awsui_vertical_gfwv3_77roy_190",
+  "list": "awsui_list_gfwv3_77roy_194",
+  "list-item": "awsui_list-item_gfwv3_77roy_214",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_77roy_221",
+  "toggle": "awsui_toggle_gfwv3_77roy_221",
+  "description": "awsui_description_gfwv3_77roy_316",
+  "separator": "awsui_separator_gfwv3_77roy_320"
 };

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

@@ -178,20 +178,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_c3rso_181:not(#\9) {
+.awsui_root_gfwv3_77roy_181:not(#\9) {
   display: flex;
-  gap: var(--space-scaled-xs-x91h81, 8px);
+  gap: var(--space-scaled-xs-t3am3w, 8px);
 }
-.awsui_root_gfwv3_c3rso_181.awsui_horizontal_gfwv3_c3rso_185:not(#\9) {
-  gap: var(--space-xs-xf5ch3, 8px);
+.awsui_root_gfwv3_77roy_181.awsui_horizontal_gfwv3_77roy_185:not(#\9) {
+  gap: var(--space-xs-6dgkww, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_c3rso_181.awsui_vertical_gfwv3_c3rso_190:not(#\9) {
+.awsui_root_gfwv3_77roy_181.awsui_vertical_gfwv3_77roy_190:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_c3rso_194:not(#\9) {
+.awsui_list_gfwv3_77roy_194:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -199,32 +199,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_c3rso_194.awsui_horizontal_gfwv3_c3rso_185:not(#\9), .awsui_list_gfwv3_c3rso_194.awsui_vertical_gfwv3_c3rso_190:not(#\9) {
+.awsui_list_gfwv3_77roy_194.awsui_horizontal_gfwv3_77roy_185:not(#\9), .awsui_list_gfwv3_77roy_194.awsui_vertical_gfwv3_77roy_190:not(#\9) {
   display: flex;
-  gap: var(--space-xs-xf5ch3, 8px);
+  gap: var(--space-xs-6dgkww, 8px);
 }
-.awsui_list_gfwv3_c3rso_194.awsui_horizontal_gfwv3_c3rso_185:not(#\9) {
+.awsui_list_gfwv3_77roy_194.awsui_horizontal_gfwv3_77roy_185:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_c3rso_194.awsui_vertical_gfwv3_c3rso_190:not(#\9) {
+.awsui_list_gfwv3_77roy_194.awsui_vertical_gfwv3_77roy_190:not(#\9) {
   flex-direction: column;
 }
-.awsui_list-item_gfwv3_c3rso_214:not(#\9) {
+.awsui_list-item_gfwv3_77roy_214:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_toggle-container-inline_gfwv3_c3rso_221:not(#\9) {
-  padding-inline-start: var(--space-xs-xf5ch3, 8px);
+.awsui_toggle-container-inline_gfwv3_77roy_221:not(#\9) {
+  padding-inline-start: var(--space-xs-6dgkww, 8px);
   display: flex;
   align-items: center;
 }
-.awsui_toggle_gfwv3_c3rso_221:not(#\9) {
+.awsui_toggle_gfwv3_77roy_221:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -251,24 +251,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  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);
   font-weight: 400;
-  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: center;
   background-color: transparent;
-  border-block: var(--border-field-width-yoy972, 1px) solid transparent;
-  border-inline: var(--border-field-width-yoy972, 1px) solid transparent;
+  border-block: var(--border-field-width-fjuzc5, 1px) solid transparent;
+  border-inline: var(--border-field-width-fjuzc5, 1px) solid transparent;
   padding-block: 0;
   padding-inline: 0;
   margin-inline-start: -1px;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-nyypzq, #0073bb);
+  color: var(--color-text-link-default-8s05yu, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: none;
@@ -276,53 +276,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-i6gkfs, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_c3rso_221:not(#\9) {
+  .awsui_toggle_gfwv3_77roy_221:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_c3rso_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_c3rso_221:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_77roy_221:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_77roy_221:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_c3rso_221:not(#\9):hover {
+.awsui_toggle_gfwv3_77roy_221:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_toggle_gfwv3_c3rso_221:not(#\9):focus {
+.awsui_toggle_gfwv3_77roy_221:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_c3rso_221:not(#\9):active {
-  color: var(--color-text-link-hover-8jnadx, #0a4a74);
+.awsui_toggle_gfwv3_77roy_221:not(#\9):active {
+  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
 }
-.awsui_toggle_gfwv3_c3rso_221:not(#\9):active, .awsui_toggle_gfwv3_c3rso_221:not(#\9):focus, .awsui_toggle_gfwv3_c3rso_221:not(#\9):hover {
+.awsui_toggle_gfwv3_77roy_221:not(#\9):active, .awsui_toggle_gfwv3_77roy_221:not(#\9):focus, .awsui_toggle_gfwv3_77roy_221:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_c3rso_221:not(#\9):active, .awsui_toggle_gfwv3_c3rso_221:not(#\9):focus, .awsui_toggle_gfwv3_c3rso_221:not(#\9):hover {
+.awsui_toggle_gfwv3_77roy_221:not(#\9):active, .awsui_toggle_gfwv3_77roy_221:not(#\9):focus, .awsui_toggle_gfwv3_77roy_221:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_c3rso_221:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_77roy_221:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-7jb69s, #0073bb);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-focused-7jb69s, #0073bb);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-7jb69s, #0073bb);
+  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
+  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-focused-q68bgg, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_toggle_gfwv3_c3rso_221 > .awsui_description_gfwv3_c3rso_316:not(#\9) {
-  margin-inline-start: var(--space-xxs-9rrxti, 4px);
+.awsui_toggle_gfwv3_77roy_221 > .awsui_description_gfwv3_77roy_316:not(#\9) {
+  margin-inline-start: var(--space-xxs-y2432o, 4px);
 }
-.awsui_separator_gfwv3_c3rso_320:not(#\9) {
+.awsui_separator_gfwv3_77roy_320:not(#\9) {
   margin-block: 0;
-  margin-inline: var(--space-scaled-m-er48cl, 16px);
-  inline-size: var(--border-divider-section-width-wl9k66, 1px);
-  background-color: var(--color-border-divider-default-qn9pru, #eaeded);
+  margin-inline: var(--space-scaled-m-3uxq9h, 16px);
+  inline-size: var(--border-divider-section-width-iueskx, 1px);
+  background-color: var(--color-border-divider-default-u5ytia, #eaeded);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_c3rso_181",
-  "horizontal": "awsui_horizontal_gfwv3_c3rso_185",
-  "vertical": "awsui_vertical_gfwv3_c3rso_190",
-  "list": "awsui_list_gfwv3_c3rso_194",
-  "list-item": "awsui_list-item_gfwv3_c3rso_214",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_c3rso_221",
-  "toggle": "awsui_toggle_gfwv3_c3rso_221",
-  "description": "awsui_description_gfwv3_c3rso_316",
-  "separator": "awsui_separator_gfwv3_c3rso_320"
+  "root": "awsui_root_gfwv3_77roy_181",
+  "horizontal": "awsui_horizontal_gfwv3_77roy_185",
+  "vertical": "awsui_vertical_gfwv3_77roy_190",
+  "list": "awsui_list_gfwv3_77roy_194",
+  "list-item": "awsui_list-item_gfwv3_77roy_214",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_77roy_221",
+  "toggle": "awsui_toggle_gfwv3_77roy_221",
+  "description": "awsui_description_gfwv3_77roy_316",
+  "separator": "awsui_separator_gfwv3_77roy_320"
 };