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

@cloudscape-design/components-themeable 3.0.777 → 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/tiles/styles.selectors.js CHANGED Viewed

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "column-layout": "awsui_column-layout_vj6p7_dk3jl_185",
-  "grid": "awsui_grid_vj6p7_dk3jl_220",
-  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_dk3jl_226",
-  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_dk3jl_230",
-  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_dk3jl_238",
-  "grid-columns-1": "awsui_grid-columns-1_vj6p7_dk3jl_241",
-  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_dk3jl_241",
-  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_dk3jl_244",
-  "grid-columns-2": "awsui_grid-columns-2_vj6p7_dk3jl_247",
-  "grid-columns-3": "awsui_grid-columns-3_vj6p7_dk3jl_253",
-  "grid-columns-4": "awsui_grid-columns-4_vj6p7_dk3jl_259",
-  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_dk3jl_275",
-  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_dk3jl_308",
-  "root": "awsui_root_vj6p7_dk3jl_358",
-  "tile-container": "awsui_tile-container_vj6p7_dk3jl_396",
-  "refresh": "awsui_refresh_vj6p7_dk3jl_421",
-  "has-metadata": "awsui_has-metadata_vj6p7_dk3jl_425",
-  "selected": "awsui_selected_vj6p7_dk3jl_431",
-  "disabled": "awsui_disabled_vj6p7_dk3jl_436",
-  "readonly": "awsui_readonly_vj6p7_dk3jl_441",
-  "columns": "awsui_columns_vj6p7_dk3jl_447",
-  "column-1": "awsui_column-1_vj6p7_dk3jl_453",
-  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_dk3jl_460",
-  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_dk3jl_464",
-  "column-2": "awsui_column-2_vj6p7_dk3jl_468",
-  "column-3": "awsui_column-3_vj6p7_dk3jl_483",
-  "column-4": "awsui_column-4_vj6p7_dk3jl_498",
-  "control": "awsui_control_vj6p7_dk3jl_514",
-  "no-image": "awsui_no-image_vj6p7_dk3jl_518",
-  "image": "awsui_image_vj6p7_dk3jl_522"
+  "column-layout": "awsui_column-layout_vj6p7_154cr_185",
+  "grid": "awsui_grid_vj6p7_154cr_220",
+  "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_154cr_226",
+  "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_154cr_230",
+  "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_154cr_238",
+  "grid-columns-1": "awsui_grid-columns-1_vj6p7_154cr_241",
+  "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_154cr_241",
+  "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_154cr_244",
+  "grid-columns-2": "awsui_grid-columns-2_vj6p7_154cr_247",
+  "grid-columns-3": "awsui_grid-columns-3_vj6p7_154cr_253",
+  "grid-columns-4": "awsui_grid-columns-4_vj6p7_154cr_259",
+  "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_154cr_275",
+  "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_154cr_308",
+  "root": "awsui_root_vj6p7_154cr_358",
+  "tile-container": "awsui_tile-container_vj6p7_154cr_396",
+  "refresh": "awsui_refresh_vj6p7_154cr_421",
+  "has-metadata": "awsui_has-metadata_vj6p7_154cr_425",
+  "selected": "awsui_selected_vj6p7_154cr_431",
+  "disabled": "awsui_disabled_vj6p7_154cr_436",
+  "readonly": "awsui_readonly_vj6p7_154cr_441",
+  "columns": "awsui_columns_vj6p7_154cr_447",
+  "column-1": "awsui_column-1_vj6p7_154cr_453",
+  "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_154cr_460",
+  "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_154cr_464",
+  "column-2": "awsui_column-2_vj6p7_154cr_468",
+  "column-3": "awsui_column-3_vj6p7_154cr_483",
+  "column-4": "awsui_column-4_vj6p7_154cr_498",
+  "control": "awsui_control_vj6p7_154cr_514",
+  "no-image": "awsui_no-image_vj6p7_154cr_518",
+  "image": "awsui_image_vj6p7_154cr_522"
 };

package/lib/internal/template/toggle/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_182fq_141",
-  "outline": "awsui_outline_4yi2u_182fq_177",
-  "toggle-control": "awsui_toggle-control_4yi2u_182fq_199",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_182fq_212",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_182fq_215",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_182fq_221",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_182fq_225",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_182fq_250",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_182fq_257",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_182fq_261"
+  "root": "awsui_root_4yi2u_17jxn_141",
+  "outline": "awsui_outline_4yi2u_17jxn_177",
+  "toggle-control": "awsui_toggle-control_4yi2u_17jxn_199",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_17jxn_212",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_17jxn_215",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_17jxn_221",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_17jxn_225",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_17jxn_250",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_17jxn_257",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_17jxn_261"
 };

package/lib/internal/template/toggle/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_root_4yi2u_182fq_141:not(#\9) {
+.awsui_root_4yi2u_17jxn_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -165,24 +165,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;
 }
-.awsui_outline_4yi2u_182fq_177:not(#\9) {
+.awsui_outline_4yi2u_17jxn_177:not(#\9) {
   position: relative;
 }
-.awsui_outline_4yi2u_182fq_177:not(#\9) {
+.awsui_outline_4yi2u_17jxn_177:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_182fq_177:not(#\9)::before {
+.awsui_outline_4yi2u_17jxn_177:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -190,78 +190,78 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  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_toggle-control_4yi2u_182fq_199:not(#\9) {
+.awsui_toggle-control_4yi2u_17jxn_199:not(#\9) {
   forced-color-adjust: none;
-  margin-block-start: calc((var(--line-height-body-m-2zx78l, 22px) - 16px) / 2);
+  margin-block-start: calc((var(--line-height-body-m-gw0130, 22px) - 16px) / 2);
   min-block-size: 16px;
   min-inline-size: 24px;
   block-size: 16px;
   inline-size: 24px;
-  background: var(--color-background-toggle-default-bqu7pv, #545b64);
+  background: var(--color-background-toggle-default-yhlddz, #545b64);
   border-start-start-radius: 8px;
   border-start-end-radius: 8px;
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_182fq_212:not(#\9) {
-  background: var(--color-background-control-checked-o6tstc, #0073bb);
+.awsui_toggle-control-checked_4yi2u_17jxn_212:not(#\9) {
+  background: var(--color-background-control-checked-aeun6h, #0073bb);
 }
-.awsui_toggle-control-disabled_4yi2u_182fq_215:not(#\9) {
-  background: var(--color-background-control-disabled-6kcpyk, #d5dbdb);
+.awsui_toggle-control-disabled_4yi2u_17jxn_215:not(#\9) {
+  background: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_toggle-control-disabled_4yi2u_182fq_215.awsui_toggle-control-checked_4yi2u_182fq_212:not(#\9) {
-  background: var(--color-background-toggle-checked-disabled-8bd0fm, #99cbe4);
+.awsui_toggle-control-disabled_4yi2u_17jxn_215.awsui_toggle-control-checked_4yi2u_17jxn_212:not(#\9) {
+  background: var(--color-background-toggle-checked-disabled-m1mknq, #99cbe4);
 }
-.awsui_toggle-control-readonly_4yi2u_182fq_221:not(#\9) {
-  background: var(--color-background-control-disabled-6kcpyk, #d5dbdb);
+.awsui_toggle-control-readonly_4yi2u_17jxn_221:not(#\9) {
+  background: var(--color-background-control-disabled-91jpo5, #d5dbdb);
 }
-.awsui_toggle-handle_4yi2u_182fq_225:not(#\9) {
+.awsui_toggle-handle_4yi2u_17jxn_225:not(#\9) {
   display: block;
   position: absolute;
   border-start-start-radius: 6px;
   border-start-end-radius: 6px;
   border-end-start-radius: 6px;
   border-end-end-radius: 6px;
-  background: var(--color-foreground-control-default-ifjt2j, #ffffff);
+  background: var(--color-foreground-control-default-q0po12, #ffffff);
   box-shadow: 1px 1px rgba(0, 0, 0, 0.25);
   inline-size: 12px;
   block-size: 12px;
   inset-block-start: 2px;
   inset-inline-start: 2px;
-  transition: transform var(--motion-duration-fast-xv2yiz, 90ms) var(--motion-easing-ease-out-quart-8sctun, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-xv2yiz, 90ms) var(--motion-easing-ease-out-quart-8sctun, cubic-bezier(0.165, 0.84, 0.44, 1));
+  transition: transform var(--motion-duration-fast-ayppw9, 90ms) var(--motion-easing-ease-out-quart-rpd03e, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-ayppw9, 90ms) var(--motion-easing-ease-out-quart-rpd03e, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_182fq_225:not(#\9) {
+  .awsui_toggle-handle_4yi2u_17jxn_225:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_182fq_225:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_182fq_225:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_17jxn_225:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_17jxn_225:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_182fq_250:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_17jxn_250:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_182fq_250:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_17jxn_250:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_182fq_257:not(#\9) {
-  background: var(--color-foreground-control-disabled-4f3ynk, #ffffff);
+.awsui_toggle-handle-disabled_4yi2u_17jxn_257:not(#\9) {
+  background: var(--color-foreground-control-disabled-qyr9s6, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_182fq_261:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_182fq_257) {
+.awsui_toggle-handle-readonly_4yi2u_17jxn_261:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_17jxn_257) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_182fq_261:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_182fq_257).awsui_toggle-handle-checked_4yi2u_182fq_250 {
-  background: var(--color-foreground-control-read-only-781hi8, #687078);
+.awsui_toggle-handle-readonly_4yi2u_17jxn_261:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_17jxn_257).awsui_toggle-handle-checked_4yi2u_17jxn_250 {
+  background: var(--color-foreground-control-read-only-xonnp3, #687078);
 }

package/lib/internal/template/toggle/styles.selectors.js CHANGED Viewed

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_182fq_141",
-  "outline": "awsui_outline_4yi2u_182fq_177",
-  "toggle-control": "awsui_toggle-control_4yi2u_182fq_199",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_182fq_212",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_182fq_215",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_182fq_221",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_182fq_225",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_182fq_250",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_182fq_257",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_182fq_261"
+  "root": "awsui_root_4yi2u_17jxn_141",
+  "outline": "awsui_outline_4yi2u_17jxn_177",
+  "toggle-control": "awsui_toggle-control_4yi2u_17jxn_199",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_17jxn_212",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_17jxn_215",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_17jxn_221",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_17jxn_225",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_17jxn_250",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_17jxn_257",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_17jxn_261"
 };

package/lib/internal/template/toggle-button/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "variant-normal": "awsui_variant-normal_1a743_1rsg2_9",
-  "pressed": "awsui_pressed_1a743_1rsg2_9",
-  "variant-icon": "awsui_variant-icon_1a743_1rsg2_15"
+  "variant-normal": "awsui_variant-normal_1a743_bpt22_9",
+  "pressed": "awsui_pressed_1a743_bpt22_9",
+  "variant-icon": "awsui_variant-icon_1a743_bpt22_15"
 };

package/lib/internal/template/toggle-button/styles.scoped.css CHANGED Viewed

@@ -6,14 +6,14 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_variant-normal_1a743_1rsg2_9.awsui_pressed_1a743_1rsg2_9:not(#\9) {
-  background: var(--color-background-toggle-button-normal-pressed-ld5t3c, #eaeded);
-  border-color: var(--color-border-toggle-button-normal-pressed-k1r45v, #545b64);
-  color: var(--color-text-toggle-button-normal-pressed-qbizoe, #16191f);
+.awsui_variant-normal_1a743_bpt22_9.awsui_pressed_1a743_bpt22_9:not(#\9) {
+  background: var(--color-background-toggle-button-normal-pressed-khlenm, #eaeded);
+  border-color: var(--color-border-toggle-button-normal-pressed-dxcaaj, #545b64);
+  color: var(--color-text-toggle-button-normal-pressed-dmjvli, #16191f);
 }
-.awsui_variant-icon_1a743_1rsg2_15.awsui_pressed_1a743_1rsg2_9:not(#\9) {
+.awsui_variant-icon_1a743_bpt22_15.awsui_pressed_1a743_bpt22_9:not(#\9) {
   background: transparent;
   border-color: transparent;
-  color: var(--color-text-toggle-button-icon-pressed-qqq2u2, #16191f);
+  color: var(--color-text-toggle-button-icon-pressed-q2ybqd, #16191f);
 }

package/lib/internal/template/toggle-button/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "variant-normal": "awsui_variant-normal_1a743_1rsg2_9",
-  "pressed": "awsui_pressed_1a743_1rsg2_9",
-  "variant-icon": "awsui_variant-icon_1a743_1rsg2_15"
+  "variant-normal": "awsui_variant-normal_1a743_bpt22_9",
+  "pressed": "awsui_pressed_1a743_bpt22_9",
+  "variant-icon": "awsui_variant-icon_1a743_bpt22_15"
 };

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

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_1dohi_149",
-  "has-items": "awsui_has-items_dm8gx_1dohi_183",
-  "no-padding": "awsui_no-padding_dm8gx_1dohi_183",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_1dohi_187",
-  "token": "awsui_token_dm8gx_1dohi_229",
-  "token-box": "awsui_token-box_dm8gx_1dohi_236",
-  "token-box-error": "awsui_token-box-error_dm8gx_1dohi_255",
-  "token-box-warning": "awsui_token-box-warning_dm8gx_1dohi_266",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1dohi_277",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1dohi_291"
+  "root": "awsui_root_dm8gx_1bche_149",
+  "has-items": "awsui_has-items_dm8gx_1bche_183",
+  "no-padding": "awsui_no-padding_dm8gx_1bche_183",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1bche_187",
+  "token": "awsui_token_dm8gx_1bche_229",
+  "token-box": "awsui_token-box_dm8gx_1bche_236",
+  "token-box-error": "awsui_token-box-error_dm8gx_1bche_255",
+  "token-box-warning": "awsui_token-box-warning_dm8gx_1bche_266",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1bche_277",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1bche_291"
 };

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

@@ -146,7 +146,7 @@ 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_dm8gx_1dohi_149:not(#\9) {
+.awsui_root_dm8gx_1bche_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -173,38 +173,38 @@ 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;
 }
-.awsui_root_dm8gx_1dohi_149.awsui_has-items_dm8gx_1dohi_183:not(#\9):not(.awsui_no-padding_dm8gx_1dohi_183) {
-  padding-block-start: var(--space-xs-xf5ch3, 8px);
+.awsui_root_dm8gx_1bche_149.awsui_has-items_dm8gx_1bche_183:not(#\9):not(.awsui_no-padding_dm8gx_1bche_183) {
+  padding-block-start: var(--space-xs-6dgkww, 8px);
 }
-.awsui_dismiss-button_dm8gx_1dohi_187:not(#\9) {
+.awsui_dismiss-button_dm8gx_1bche_187:not(#\9) {
   margin-block-start: -1px;
   margin-block-end: 0;
-  margin-inline-start: var(--space-xxs-9rrxti, 4px);
+  margin-inline-start: var(--space-xxs-y2432o, 4px);
   margin-inline-end: -1px;
   border-block: 1px solid transparent;
   border-inline: 1px solid transparent;
   padding-block: 0;
-  padding-inline: var(--space-xxs-9rrxti, 4px);
-  color: var(--color-text-button-inline-icon-default-vtrukh, #545b64);
+  padding-inline: var(--space-xxs-y2432o, 4px);
+  color: var(--color-text-button-inline-icon-default-b49xj6, #545b64);
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -212,93 +212,93 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1dohi_187: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-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_dismiss-button_dm8gx_1dohi_187:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_1bche_187:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_1bche_187:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-button-inline-icon-hover-zcasq6, #16191f);
+  color: var(--color-text-button-inline-icon-hover-h3zsyn, #16191f);
 }
-.awsui_token_dm8gx_1dohi_229:not(#\9) {
+.awsui_token_dm8gx_1bche_229:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
-  gap: var(--space-xxs-9rrxti, 4px);
+  gap: var(--space-xxs-y2432o, 4px);
 }
-.awsui_token-box_dm8gx_1dohi_236:not(#\9) {
+.awsui_token-box_dm8gx_1bche_236:not(#\9) {
   block-size: 100%;
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-36ewhb, #0073bb);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-36ewhb, #0073bb);
-  padding-block-start: var(--space-scaled-xxs-t7ij38, 4px);
-  padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
-  padding-inline-start: var(--space-field-horizontal-cy5q05, 8px);
-  padding-inline-end: var(--space-xxs-9rrxti, 4px);
+  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-selected-aam4fo, #0073bb);
+  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-selected-aam4fo, #0073bb);
+  padding-block-start: var(--space-scaled-xxs-krq5fq, 4px);
+  padding-block-end: var(--space-scaled-xxs-krq5fq, 4px);
+  padding-inline-start: var(--space-field-horizontal-cxdor9, 8px);
+  padding-inline-end: var(--space-xxs-y2432o, 4px);
   display: flex;
   align-items: flex-start;
-  background: var(--color-background-item-selected-svru52, #f1faff);
-  border-start-start-radius: var(--border-radius-token-h9xa3v, 2px);
-  border-start-end-radius: var(--border-radius-token-h9xa3v, 2px);
-  border-end-start-radius: var(--border-radius-token-h9xa3v, 2px);
-  border-end-end-radius: var(--border-radius-token-h9xa3v, 2px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  background: var(--color-background-item-selected-ln25al, #f1faff);
+  border-start-start-radius: var(--border-radius-token-m43vgu, 2px);
+  border-start-end-radius: var(--border-radius-token-m43vgu, 2px);
+  border-end-start-radius: var(--border-radius-token-m43vgu, 2px);
+  border-end-end-radius: var(--border-radius-token-m43vgu, 2px);
+  color: var(--color-text-body-default-agk00h, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box-error_dm8gx_1dohi_255:not(#\9) {
-  border-color: var(--color-border-status-error-japsx0, #d13212);
-  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
+.awsui_token-box-error_dm8gx_1bche_255:not(#\9) {
+  border-color: var(--color-border-status-error-5n723o, #d13212);
+  border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_token-box-error_dm8gx_1dohi_255 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9) {
-  color: var(--color-text-interactive-default-1hkfiv, #545b64);
+.awsui_token-box-error_dm8gx_1bche_255 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9) {
+  color: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_token-box-error_dm8gx_1dohi_255 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):hover {
-  color: var(--color-text-interactive-hover-w63rso, #16191f);
+.awsui_token-box-error_dm8gx_1bche_255 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):hover {
+  color: var(--color-text-interactive-hover-kxltdh, #16191f);
 }
-.awsui_token-box-warning_dm8gx_1dohi_266:not(#\9) {
-  border-color: var(--color-border-status-warning-siddix, #906806);
-  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
+.awsui_token-box-warning_dm8gx_1bche_266:not(#\9) {
+  border-color: var(--color-border-status-warning-wkps52, #906806);
+  border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_token-box-warning_dm8gx_1dohi_266 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9) {
-  color: var(--color-text-interactive-default-1hkfiv, #545b64);
+.awsui_token-box-warning_dm8gx_1bche_266 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9) {
+  color: var(--color-text-interactive-default-t1snbz, #545b64);
 }
-.awsui_token-box-warning_dm8gx_1dohi_266 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):hover {
-  color: var(--color-text-interactive-hover-w63rso, #16191f);
+.awsui_token-box-warning_dm8gx_1bche_266 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):hover {
+  color: var(--color-text-interactive-hover-kxltdh, #16191f);
 }
-.awsui_token-box-readonly_dm8gx_1dohi_277:not(#\9) {
-  border-color: var(--color-border-input-disabled-k23dfh, #eaeded);
-  background-color: var(--color-background-container-content-0j55iz, #ffffff);
+.awsui_token-box-readonly_dm8gx_1bche_277:not(#\9) {
+  border-color: var(--color-border-input-disabled-vjmitr, #eaeded);
+  background-color: var(--color-background-container-content-myy7cn, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box-readonly_dm8gx_1dohi_277 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9) {
-  color: var(--color-text-button-inline-icon-disabled-ryuq2s, #aab7b8);
+.awsui_token-box-readonly_dm8gx_1bche_277 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9) {
+  color: var(--color-text-button-inline-icon-disabled-pdpnjk, #aab7b8);
 }
-.awsui_token-box-readonly_dm8gx_1dohi_277 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):hover {
+.awsui_token-box-readonly_dm8gx_1bche_277 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
-  color: var(--color-text-button-inline-icon-disabled-ryuq2s, #aab7b8);
+  color: var(--color-text-button-inline-icon-disabled-pdpnjk, #aab7b8);
 }
-.awsui_token-box-disabled_dm8gx_1dohi_291.awsui_token-box-disabled_dm8gx_1dohi_291:not(#\9) {
-  border-color: var(--color-border-control-disabled-2qnaa4, #d5dbdb);
-  background-color: var(--color-background-container-content-0j55iz, #ffffff);
-  color: var(--color-text-disabled-fd1zmc, #aab7b8);
+.awsui_token-box-disabled_dm8gx_1bche_291.awsui_token-box-disabled_dm8gx_1bche_291:not(#\9) {
+  border-color: var(--color-border-control-disabled-7jgofv, #d5dbdb);
+  background-color: var(--color-background-container-content-myy7cn, #ffffff);
+  color: var(--color-text-disabled-hv8bna, #aab7b8);
   pointer-events: none;
 }
-.awsui_token-box-disabled_dm8gx_1dohi_291.awsui_token-box-disabled_dm8gx_1dohi_291 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9) {
-  color: var(--color-text-button-inline-icon-disabled-ryuq2s, #aab7b8);
+.awsui_token-box-disabled_dm8gx_1bche_291.awsui_token-box-disabled_dm8gx_1bche_291 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9) {
+  color: var(--color-text-button-inline-icon-disabled-pdpnjk, #aab7b8);
 }
-.awsui_token-box-disabled_dm8gx_1dohi_291.awsui_token-box-disabled_dm8gx_1dohi_291 > .awsui_dismiss-button_dm8gx_1dohi_187:not(#\9):hover {
+.awsui_token-box-disabled_dm8gx_1bche_291.awsui_token-box-disabled_dm8gx_1bche_291 > .awsui_dismiss-button_dm8gx_1bche_187:not(#\9):hover {
   cursor: initial;
-  color: var(--color-text-button-inline-icon-disabled-ryuq2s, #aab7b8);
+  color: var(--color-text-button-inline-icon-disabled-pdpnjk, #aab7b8);
 }

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_1dohi_149",
-  "has-items": "awsui_has-items_dm8gx_1dohi_183",
-  "no-padding": "awsui_no-padding_dm8gx_1dohi_183",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_1dohi_187",
-  "token": "awsui_token_dm8gx_1dohi_229",
-  "token-box": "awsui_token-box_dm8gx_1dohi_236",
-  "token-box-error": "awsui_token-box-error_dm8gx_1dohi_255",
-  "token-box-warning": "awsui_token-box-warning_dm8gx_1dohi_266",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1dohi_277",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1dohi_291"
+  "root": "awsui_root_dm8gx_1bche_149",
+  "has-items": "awsui_has-items_dm8gx_1bche_183",
+  "no-padding": "awsui_no-padding_dm8gx_1bche_183",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1bche_187",
+  "token": "awsui_token_dm8gx_1bche_229",
+  "token-box": "awsui_token-box_dm8gx_1bche_236",
+  "token-box-error": "awsui_token-box-error_dm8gx_1bche_255",
+  "token-box-warning": "awsui_token-box-warning_dm8gx_1bche_266",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1bche_277",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1bche_291"
 };