npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.846 → 3.0.848 - Mend

@cloudscape-design/components-themeable 3.0.846 → 3.0.848

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

package/lib/internal/template/input/styles.scoped.css CHANGED Viewed

@@ -138,11 +138,11 @@
 */
 /* 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_2rhyz_yvk9t_141:not(#\9) {
+.awsui_root_2rhyz_qcg27_141:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9) {
+.awsui_input_2rhyz_qcg27_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,146 +187,146 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-input-bx26um, 2px);
   border-end-start-radius: var(--border-radius-input-bx26um, 2px);
   border-end-end-radius: var(--border-radius-input-bx26um, 2px);
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-default-2868kh, #687078);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-default-2868kh, #687078);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
   font-size: var(--font-size-body-m-6wxxs5, 14px);
   line-height: var(--line-height-body-m-gw0130, 22px);
   block-size: var(--size-vertical-input-t2p4dg, 32px);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-readonly_2rhyz_yvk9t_195:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-readonly_2rhyz_qcg27_195:not(#\9) {
   background-color: var(--color-background-input-default-refava, #ffffff);
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):focus {
+.awsui_input_2rhyz_qcg27_145:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
   border-start-start-radius: var(--border-radius-input-bx26um, 2px);
   border-start-end-radius: var(--border-radius-input-bx26um, 2px);
   border-end-start-radius: var(--border-radius-input-bx26um, 2px);
   border-end-end-radius: var(--border-radius-input-bx26um, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):disabled {
+.awsui_input_2rhyz_qcg27_145:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-fxvqfu, #eaeded);
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   color: var(--color-text-input-disabled-uyphto, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_qcg27_145:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_yvk9t_145:not(#\9):invalid {
+.awsui_input_2rhyz_qcg27_145:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-invalid_2rhyz_yvk9t_262:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-invalid_2rhyz_qcg27_262:not(#\9) {
   color: var(--color-text-status-error-p5bdwa, #d13212);
   border-color: var(--color-text-status-error-p5bdwa, #d13212);
-  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-field-width-fjuzc5, 1px)));
+  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-invalid_2rhyz_yvk9t_262:not(#\9):focus {
+.awsui_input_2rhyz_qcg27_145.awsui_input-invalid_2rhyz_qcg27_262:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-invalid_2rhyz_yvk9t_262.awsui_input-has-icon-left_2rhyz_yvk9t_271:not(#\9) {
-  padding-inline-start: calc(var(--space-field-icon-offset-0lab0t, 32px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-field-width-fjuzc5, 1px)));
+.awsui_input_2rhyz_qcg27_145.awsui_input-invalid_2rhyz_qcg27_262.awsui_input-has-icon-left_2rhyz_qcg27_271:not(#\9) {
+  padding-inline-start: calc(var(--space-field-icon-offset-0lab0t, 32px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-warning_2rhyz_yvk9t_274:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-warning_2rhyz_qcg27_274:not(#\9) {
   color: var(--color-text-status-warning-3hbtsc, #906806);
   border-color: var(--color-text-status-warning-3hbtsc, #906806);
-  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-field-width-fjuzc5, 1px)));
+  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-warning_2rhyz_yvk9t_274:not(#\9):focus {
+.awsui_input_2rhyz_qcg27_145.awsui_input-warning_2rhyz_qcg27_274:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-warning_2rhyz_yvk9t_274.awsui_input-has-icon-left_2rhyz_yvk9t_271:not(#\9) {
-  padding-inline-start: calc(var(--space-field-icon-offset-0lab0t, 32px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-field-width-fjuzc5, 1px)));
+.awsui_input_2rhyz_qcg27_145.awsui_input-warning_2rhyz_qcg27_274.awsui_input-has-icon-left_2rhyz_qcg27_271:not(#\9) {
+  padding-inline-start: calc(var(--space-field-icon-offset-0lab0t, 32px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-type-search_2rhyz_yvk9t_286:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-type-search_2rhyz_qcg27_286:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-type-search_2rhyz_yvk9t_286:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_qcg27_145.awsui_input-type-search_2rhyz_qcg27_286:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none;
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-type-search_2rhyz_yvk9t_286:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_qcg27_145.awsui_input-type-search_2rhyz_qcg27_286:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-has-icon-left_2rhyz_yvk9t_271:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-has-icon-left_2rhyz_qcg27_271:not(#\9) {
   padding-inline-start: var(--space-field-icon-offset-0lab0t, 32px);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-has-icon-right_2rhyz_yvk9t_299:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-has-icon-right_2rhyz_qcg27_299:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-0lab0t, 32px);
 }
-.awsui_input_2rhyz_yvk9t_145.awsui_input-has-no-border-radius_2rhyz_yvk9t_302:not(#\9) {
+.awsui_input_2rhyz_qcg27_145.awsui_input-has-no-border-radius_2rhyz_qcg27_302:not(#\9) {
   border-start-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
   border-start-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
   border-end-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
   border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
 }
-.awsui_input-container_2rhyz_yvk9t_309:not(#\9) {
+.awsui_input-container_2rhyz_qcg27_309:not(#\9) {
   display: flex;
   position: relative;
 }
-.awsui_input-icon-left_2rhyz_yvk9t_314:not(#\9) {
+.awsui_input-icon-left_2rhyz_qcg27_314:not(#\9) {
   position: absolute;
   pointer-events: none;
   inset-inline-start: var(--space-field-horizontal-cxdor9, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-gw0130, 22px) / 2);
 }
-.awsui_input-icon-right_2rhyz_yvk9t_321:not(#\9) {
+.awsui_input-icon-right_2rhyz_qcg27_321:not(#\9) {
   position: absolute;
   inset-block-start: calc(50% - var(--line-height-body-m-gw0130, 22px) / 2);
   inset-inline-end: calc(var(--space-field-horizontal-cxdor9, 8px) - var(--space-xxs-y2432o, 4px));
 }
-.awsui_input-button-right_2rhyz_yvk9t_327:not(#\9) {
+.awsui_input-button-right_2rhyz_qcg27_327:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_yvk9t_141",
-  "input": "awsui_input_2rhyz_yvk9t_145",
-  "input-readonly": "awsui_input-readonly_2rhyz_yvk9t_195",
-  "input-invalid": "awsui_input-invalid_2rhyz_yvk9t_262",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_yvk9t_271",
-  "input-warning": "awsui_input-warning_2rhyz_yvk9t_274",
-  "input-type-search": "awsui_input-type-search_2rhyz_yvk9t_286",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_yvk9t_299",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_yvk9t_302",
-  "input-container": "awsui_input-container_2rhyz_yvk9t_309",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_yvk9t_314",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_yvk9t_321",
-  "input-button-right": "awsui_input-button-right_2rhyz_yvk9t_327"
+  "root": "awsui_root_2rhyz_qcg27_141",
+  "input": "awsui_input_2rhyz_qcg27_145",
+  "input-readonly": "awsui_input-readonly_2rhyz_qcg27_195",
+  "input-invalid": "awsui_input-invalid_2rhyz_qcg27_262",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_qcg27_271",
+  "input-warning": "awsui_input-warning_2rhyz_qcg27_274",
+  "input-type-search": "awsui_input-type-search_2rhyz_qcg27_286",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_qcg27_299",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_qcg27_302",
+  "input-container": "awsui_input-container_2rhyz_qcg27_309",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_qcg27_314",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_qcg27_321",
+  "input-button-right": "awsui_input-button-right_2rhyz_qcg27_327"
 };

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -419,7 +419,6 @@
   --color-dropzone-border-hover-1qv9u8:#002b66;
   --font-box-value-large-weight-sx9gnf:300;
   --font-button-letter-spacing-47n0nr:0.25px;
-  --font-button-weight-6haenw:700;
   --font-chart-detail-size-z60lhi:14px;
   --font-display-label-weight-5p8eav:400;
   --font-expandable-heading-size-1w0ot0:14px;
@@ -445,6 +444,7 @@
   --font-tabs-line-height-7ux3uy:22px;
   --font-tabs-size-klj273:14px;
   --font-wayfinding-link-active-weight-qpw3j2:700;
+  --font-weight-button-rw26ot:700;
   --font-weight-heading-xl-79jd8z:400;
   --font-weight-heading-l-ypbqtk:700;
   --font-weight-heading-m-v51xls:400;
@@ -474,7 +474,6 @@
   --border-divider-list-width-x6rz7e:1px;
   --border-divider-section-width-iueskx:1px;
   --border-dropdown-virtual-offset-width-mojxsv:0px;
-  --border-field-width-fjuzc5:1px;
   --border-invalid-width-bkxihb:4px;
   --border-item-width-bjacxs:1px;
   --border-line-chart-dash-array-gkb7y8:3 5;
@@ -504,6 +503,9 @@
   --border-table-sticky-width-fjjpkw:0px;
   --border-link-focus-ring-outline-bptw2p:5px auto Highlight;
   --border-link-focus-ring-shadow-spread-yrkso1:0px;
+  --border-width-alert-i75nxu:1px;
+  --border-width-field-9kmoac:1px;
+  --border-width-popover-ymjvav:1px;
   --motion-duration-extra-slow-f38nn3:270ms;
   --motion-duration-fast-ayppw9:90ms;
   --motion-duration-moderate-pycjrk:135ms;
@@ -1727,7 +1729,6 @@
   --border-control-focus-ring-shadow-spread-kvz439:0px;
   --border-control-invalid-focus-ring-shadow-spread-rdec9x:2px;
   --border-dropdown-virtual-offset-width-mojxsv:2px;
-  --border-field-width-fjuzc5:2px;
   --border-invalid-width-bkxihb:8px;
   --border-item-width-bjacxs:2px;
   --border-line-chart-line-join-j0i2xa:round;
@@ -1755,6 +1756,9 @@
   --border-table-sticky-width-fjjpkw:1px;
   --border-link-focus-ring-outline-bptw2p:0;
   --border-link-focus-ring-shadow-spread-yrkso1:2px;
+  --border-width-alert-i75nxu:2px;
+  --border-width-field-9kmoac:2px;
+  --border-width-popover-ymjvav:2px;
   --motion-duration-refresh-only-fast-ww2eh4:115ms;
   --motion-duration-refresh-only-medium-kd6k1u:165ms;
   --motion-duration-refresh-only-slow-ov3t11:250ms;

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

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_63dkm_157",
-  "arrow": "awsui_arrow_18eso_63dkm_157",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_63dkm_220",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_63dkm_220",
-  "has-caret": "awsui_has-caret_18eso_63dkm_254",
-  "placeholder": "awsui_placeholder_18eso_63dkm_257",
-  "pressed": "awsui_pressed_18eso_63dkm_270",
-  "disabled": "awsui_disabled_18eso_63dkm_273",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_63dkm_220",
-  "readonly": "awsui_readonly_18eso_63dkm_289",
-  "invalid": "awsui_invalid_18eso_63dkm_311",
-  "warning": "awsui_warning_18eso_63dkm_320",
-  "inline-tokens": "awsui_inline-tokens_18eso_63dkm_329"
+  "button-trigger": "awsui_button-trigger_18eso_exryx_157",
+  "arrow": "awsui_arrow_18eso_exryx_157",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_exryx_220",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_exryx_220",
+  "has-caret": "awsui_has-caret_18eso_exryx_254",
+  "placeholder": "awsui_placeholder_18eso_exryx_257",
+  "pressed": "awsui_pressed_18eso_exryx_270",
+  "disabled": "awsui_disabled_18eso_exryx_273",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_exryx_220",
+  "readonly": "awsui_readonly_18eso_exryx_289",
+  "invalid": "awsui_invalid_18eso_exryx_311",
+  "warning": "awsui_warning_18eso_exryx_320",
+  "inline-tokens": "awsui_inline-tokens_18eso_exryx_329"
 };

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

@@ -154,21 +154,21 @@ 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_button-trigger_18eso_63dkm_157 > .awsui_arrow_18eso_63dkm_157:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157 > .awsui_arrow_18eso_exryx_157:not(#\9) {
   transition: transform var(--motion-duration-rotate-180-llqolb, 135ms) var(--motion-easing-rotate-180-wt4cje, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-trigger_18eso_63dkm_157 > .awsui_arrow_18eso_63dkm_157:not(#\9) {
+  .awsui_button-trigger_18eso_exryx_157 > .awsui_arrow_18eso_exryx_157:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-trigger_18eso_63dkm_157 > .awsui_arrow_18eso_63dkm_157:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_63dkm_157 > .awsui_arrow_18eso_63dkm_157:not(#\9) {
+.awsui-motion-disabled .awsui_button-trigger_18eso_exryx_157 > .awsui_arrow_18eso_exryx_157:not(#\9), .awsui-mode-entering .awsui_button-trigger_18eso_exryx_157 > .awsui_arrow_18eso_exryx_157:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,11 +214,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-input-bx26um, 2px);
   border-end-start-radius: var(--border-radius-input-bx26um, 2px);
   border-end-end-radius: var(--border-radius-input-bx26um, 2px);
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-default-2868kh, #687078);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-default-2868kh, #687078);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-default-2868kh, #687078);
   min-block-size: var(--size-vertical-input-t2p4dg, 32px);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-root_18eso_63dkm_220:not(#\9), .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-nested_18eso_63dkm_220:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-root_18eso_exryx_220:not(#\9), .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-nested_18eso_exryx_220:not(#\9) {
   padding-block: 0px;
   padding-inline: var(--space-field-horizontal-cxdor9, 8px);
   border-color: var(--color-border-item-selected-aam4fo, #0073bb);
@@ -227,14 +227,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
   min-block-size: unset;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-root_18eso_63dkm_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-nested_18eso_63dkm_220:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-root_18eso_exryx_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-nested_18eso_exryx_220:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-root_18eso_63dkm_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-nested_18eso_63dkm_220:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-root_18eso_exryx_220:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-nested_18eso_exryx_220:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-filtering-token-operation-select-focus-outline-gutter-8eag46, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-root_18eso_63dkm_220:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-nested_18eso_63dkm_220:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-root_18eso_exryx_220:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-nested_18eso_exryx_220:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -248,85 +248,85 @@ body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157.awsui_
   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_button-trigger_18eso_63dkm_157.awsui_in-filtering-token-nested_18eso_63dkm_220:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_in-filtering-token-nested_18eso_exryx_220:not(#\9) {
   border-start-start-radius: calc(var(--border-radius-input-bx26um, 2px) / 2);
   border-end-start-radius: calc(var(--border-radius-input-bx26um, 2px) / 2);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_has-caret_18eso_63dkm_254:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_has-caret_18eso_exryx_254:not(#\9) {
   padding-inline-end: var(--space-field-icon-offset-0lab0t, 32px);
 }
-.awsui_button-trigger_18eso_63dkm_157 > .awsui_placeholder_18eso_63dkm_257:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157 > .awsui_placeholder_18eso_exryx_257:not(#\9) {
   color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
 }
-.awsui_button-trigger_18eso_63dkm_157 > .awsui_arrow_18eso_63dkm_157:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157 > .awsui_arrow_18eso_exryx_157:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-field-horizontal-cxdor9, 8px);
   inset-block-start: calc(50% - var(--line-height-body-m-gw0130, 22px) / 2);
   color: var(--color-text-button-inline-icon-default-b49xj6, #545b64);
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):hover > .awsui_arrow_18eso_63dkm_157 {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):hover > .awsui_arrow_18eso_exryx_157 {
   color: var(--color-text-button-inline-icon-hover-h3zsyn, #16191f);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_pressed_18eso_63dkm_270 > .awsui_arrow_18eso_63dkm_157:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_pressed_18eso_exryx_270 > .awsui_arrow_18eso_exryx_157:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_disabled_18eso_63dkm_273:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_disabled_18eso_exryx_273:not(#\9) {
   background-color: var(--color-background-input-disabled-fxvqfu, #eaeded);
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
   color: var(--color-text-input-disabled-uyphto, #879596);
   cursor: auto;
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_disabled_18eso_63dkm_273 > .awsui_arrow_18eso_63dkm_157:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_disabled_18eso_exryx_273 > .awsui_arrow_18eso_exryx_157:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-pdpnjk, #aab7b8);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_disabled_18eso_63dkm_273.awsui_in-filtering-token_18eso_63dkm_220:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_disabled_18eso_exryx_273.awsui_in-filtering-token_18eso_exryx_220:not(#\9) {
   border-color: var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_disabled_18eso_63dkm_273 > .awsui_placeholder_18eso_63dkm_257:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_disabled_18eso_exryx_273 > .awsui_placeholder_18eso_exryx_257:not(#\9) {
   color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_readonly_18eso_63dkm_289:not(#\9):not(.awsui_button-trigger_18eso_63dkm_157.awsui_disabled_18eso_63dkm_273) {
+.awsui_button-trigger_18eso_exryx_157.awsui_readonly_18eso_exryx_289:not(#\9):not(.awsui_button-trigger_18eso_exryx_157.awsui_disabled_18eso_exryx_273) {
   background-color: var(--color-background-input-default-refava, #ffffff);
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-disabled-vjmitr, #eaeded);
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):focus {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220):focus {
+body[data-awsui-focus-visible=true] .awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
-  border-inline: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
+  border-block: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
+  border-inline: var(--border-width-field-9kmoac, 1px) solid var(--color-border-input-focused-rg4ms2, #0073bb);
   border-start-start-radius: var(--border-radius-input-bx26um, 2px);
   border-start-end-radius: var(--border-radius-input-bx26um, 2px);
   border-end-start-radius: var(--border-radius-input-bx26um, 2px);
   border-end-end-radius: var(--border-radius-input-bx26um, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220):invalid {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220):invalid {
   box-shadow: none;
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_invalid_18eso_63dkm_311, .awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_invalid_18eso_63dkm_311:focus {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_invalid_18eso_exryx_311, .awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_invalid_18eso_exryx_311:focus {
   color: var(--color-text-status-error-p5bdwa, #d13212);
   border-color: var(--color-text-status-error-p5bdwa, #d13212);
-  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-field-width-fjuzc5, 1px)));
+  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_invalid_18eso_63dkm_311:focus, .awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_invalid_18eso_63dkm_311:focus:focus {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_invalid_18eso_exryx_311:focus, .awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_invalid_18eso_exryx_311:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_warning_18eso_63dkm_320, .awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_warning_18eso_63dkm_320:focus {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_warning_18eso_exryx_320, .awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_warning_18eso_exryx_320:focus {
   color: var(--color-text-status-warning-3hbtsc, #906806);
   border-color: var(--color-text-status-warning-3hbtsc, #906806);
-  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-field-width-fjuzc5, 1px)));
+  padding-inline-start: calc(var(--space-field-horizontal-cxdor9, 8px) - (var(--border-invalid-width-bkxihb, 4px) - var(--border-width-field-9kmoac, 1px)));
   border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_warning_18eso_63dkm_320:focus, .awsui_button-trigger_18eso_63dkm_157:not(#\9):not(.awsui_in-filtering-token_18eso_63dkm_220).awsui_warning_18eso_63dkm_320:focus:focus {
+.awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_warning_18eso_exryx_320:focus, .awsui_button-trigger_18eso_exryx_157:not(#\9):not(.awsui_in-filtering-token_18eso_exryx_220).awsui_warning_18eso_exryx_320:focus:focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-rdec9x, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_button-trigger_18eso_63dkm_157.awsui_inline-tokens_18eso_63dkm_329:not(#\9) {
+.awsui_button-trigger_18eso_exryx_157.awsui_inline-tokens_18eso_exryx_329:not(#\9) {
   padding-block: 0;
 }

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

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-trigger": "awsui_button-trigger_18eso_63dkm_157",
-  "arrow": "awsui_arrow_18eso_63dkm_157",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_63dkm_220",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_63dkm_220",
-  "has-caret": "awsui_has-caret_18eso_63dkm_254",
-  "placeholder": "awsui_placeholder_18eso_63dkm_257",
-  "pressed": "awsui_pressed_18eso_63dkm_270",
-  "disabled": "awsui_disabled_18eso_63dkm_273",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_63dkm_220",
-  "readonly": "awsui_readonly_18eso_63dkm_289",
-  "invalid": "awsui_invalid_18eso_63dkm_311",
-  "warning": "awsui_warning_18eso_63dkm_320",
-  "inline-tokens": "awsui_inline-tokens_18eso_63dkm_329"
+  "button-trigger": "awsui_button-trigger_18eso_exryx_157",
+  "arrow": "awsui_arrow_18eso_exryx_157",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_exryx_220",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_exryx_220",
+  "has-caret": "awsui_has-caret_18eso_exryx_254",
+  "placeholder": "awsui_placeholder_18eso_exryx_257",
+  "pressed": "awsui_pressed_18eso_exryx_270",
+  "disabled": "awsui_disabled_18eso_exryx_273",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_exryx_220",
+  "readonly": "awsui_readonly_18eso_exryx_289",
+  "invalid": "awsui_invalid_18eso_exryx_311",
+  "warning": "awsui_warning_18eso_exryx_320",
+  "inline-tokens": "awsui_inline-tokens_18eso_exryx_329"
 };

package/lib/internal/template/internal/components/checkbox-icon/styles.css.js CHANGED Viewed

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1fn7j_46i1r_141",
-  "styled-box": "awsui_styled-box_1fn7j_46i1r_148",
-  "styled-box-checked": "awsui_styled-box-checked_1fn7j_46i1r_164",
-  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_46i1r_164",
-  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_46i1r_168",
-  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_46i1r_168",
-  "styled-line": "awsui_styled-line_1fn7j_46i1r_172",
-  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_46i1r_177",
-  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_46i1r_180"
+  "root": "awsui_root_1fn7j_18riz_141",
+  "styled-box": "awsui_styled-box_1fn7j_18riz_148",
+  "styled-box-checked": "awsui_styled-box-checked_1fn7j_18riz_164",
+  "styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_18riz_164",
+  "styled-box-disabled": "awsui_styled-box-disabled_1fn7j_18riz_168",
+  "styled-box-readonly": "awsui_styled-box-readonly_1fn7j_18riz_168",
+  "styled-line": "awsui_styled-line_1fn7j_18riz_172",
+  "styled-line-disabled": "awsui_styled-line-disabled_1fn7j_18riz_177",
+  "styled-line-readonly": "awsui_styled-line-readonly_1fn7j_18riz_180"
 };

package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css CHANGED Viewed

@@ -138,45 +138,45 @@
 */
 /* 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_1fn7j_46i1r_141:not(#\9) {
+.awsui_root_1fn7j_18riz_141:not(#\9) {
   position: absolute;
   inline-size: 100%;
   block-size: 100%;
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_root_1fn7j_46i1r_141 > .awsui_styled-box_1fn7j_46i1r_148:not(#\9) {
+.awsui_root_1fn7j_18riz_141 > .awsui_styled-box_1fn7j_18riz_148:not(#\9) {
   fill: var(--color-background-control-default-mfefru, #ffffff);
   stroke: var(--color-border-control-default-1n1i69, #687078);
-  stroke-width: var(--border-field-width-fjuzc5, 1px);
+  stroke-width: var(--border-width-field-9kmoac, 1px);
   transition: fill var(--motion-duration-transition-quick-1ym1ir, 90ms) var(--motion-easing-transition-quick-c2tqbv, linear), stroke var(--motion-duration-transition-quick-1ym1ir, 90ms) var(--motion-easing-transition-quick-c2tqbv, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1fn7j_46i1r_141 > .awsui_styled-box_1fn7j_46i1r_148:not(#\9) {
+  .awsui_root_1fn7j_18riz_141 > .awsui_styled-box_1fn7j_18riz_148:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1fn7j_46i1r_141 > .awsui_styled-box_1fn7j_46i1r_148:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_46i1r_141 > .awsui_styled-box_1fn7j_46i1r_148:not(#\9) {
+.awsui-motion-disabled .awsui_root_1fn7j_18riz_141 > .awsui_styled-box_1fn7j_18riz_148:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_18riz_141 > .awsui_styled-box_1fn7j_18riz_148:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1fn7j_46i1r_141 > .awsui_styled-box-checked_1fn7j_46i1r_164:not(#\9), .awsui_root_1fn7j_46i1r_141 > .awsui_styled-box-indeterminate_1fn7j_46i1r_164:not(#\9) {
+.awsui_root_1fn7j_18riz_141 > .awsui_styled-box-checked_1fn7j_18riz_164:not(#\9), .awsui_root_1fn7j_18riz_141 > .awsui_styled-box-indeterminate_1fn7j_18riz_164:not(#\9) {
   fill: var(--color-background-control-checked-aeun6h, #0073bb);
   stroke: var(--color-border-control-checked-ss90kb, #0073bb);
 }
-.awsui_root_1fn7j_46i1r_141 > .awsui_styled-box-disabled_1fn7j_46i1r_168:not(#\9), .awsui_root_1fn7j_46i1r_141 > .awsui_styled-box-readonly_1fn7j_46i1r_168:not(#\9) {
+.awsui_root_1fn7j_18riz_141 > .awsui_styled-box-disabled_1fn7j_18riz_168:not(#\9), .awsui_root_1fn7j_18riz_141 > .awsui_styled-box-readonly_1fn7j_18riz_168:not(#\9) {
   fill: var(--color-background-control-disabled-91jpo5, #d5dbdb);
   stroke: var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_root_1fn7j_46i1r_141 > .awsui_styled-line_1fn7j_46i1r_172:not(#\9) {
+.awsui_root_1fn7j_18riz_141 > .awsui_styled-line_1fn7j_18riz_172:not(#\9) {
   stroke: var(--color-foreground-control-default-q0po12, #ffffff);
   stroke-width: 2;
   fill: none;
 }
-.awsui_root_1fn7j_46i1r_141 > .awsui_styled-line-disabled_1fn7j_46i1r_177:not(#\9) {
+.awsui_root_1fn7j_18riz_141 > .awsui_styled-line-disabled_1fn7j_18riz_177:not(#\9) {
   stroke: var(--color-foreground-control-disabled-qyr9s6, #ffffff);
 }
-.awsui_root_1fn7j_46i1r_141 > .awsui_styled-line-readonly_1fn7j_46i1r_180:not(#\9) {
+.awsui_root_1fn7j_18riz_141 > .awsui_styled-line-readonly_1fn7j_18riz_180:not(#\9) {
   stroke: var(--color-foreground-control-read-only-xonnp3, #687078);
 }