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/prompt-input/styles.scoped.css CHANGED Viewed

@@ -139,37 +139,37 @@
 */
 /* 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_55fkh_l5ek4_142:not(#\9) {
+.awsui_root_55fkh_1gtid_142:not(#\9) {
   position: relative;
 }
-.awsui_root_55fkh_l5ek4_142 > .awsui_button_55fkh_l5ek4_145:not(#\9) {
+.awsui_root_55fkh_1gtid_142 > .awsui_button_55fkh_1gtid_145:not(#\9) {
   position: absolute;
-  inset-inline-end: var(--space-static-xxs-z6w5bq, 4px);
+  inset-inline-end: var(--space-static-xxs-9qxzo2, 4px);
   inset-block-end: 0;
 }
-body[data-awsui-focus-visible=true] .awsui_root_55fkh_l5ek4_142 > .awsui_button_55fkh_l5ek4_145 > .awsui_action-button_55fkh_l5ek4_150:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_1gtid_142 > .awsui_button_55fkh_1gtid_145 > .awsui_action-button_55fkh_1gtid_150:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_root_55fkh_l5ek4_142 > .awsui_button_55fkh_l5ek4_145 > .awsui_action-button_55fkh_l5ek4_150:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_1gtid_142 > .awsui_button_55fkh_1gtid_145 > .awsui_action-button_55fkh_1gtid_150:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(calc((var(--space-xxxs-z28114, 2px)) - 1px) - 1px);
+  outline-offset: calc(calc((var(--space-xxxs-gn3248, 2px)) - 1px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_root_55fkh_l5ek4_142 > .awsui_button_55fkh_l5ek4_145 > .awsui_action-button_55fkh_l5ek4_150:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_root_55fkh_1gtid_142 > .awsui_button_55fkh_1gtid_145 > .awsui_action-button_55fkh_1gtid_150:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * calc((var(--space-xxxs-z28114, 2px)) - 1px));
-  inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-z28114, 2px) - 1px));
-  inline-size: calc(100% + calc((var(--space-xxxs-z28114, 2px)) - 1px) + calc((var(--space-xxxs-z28114, 2px)) - 1px));
-  block-size: calc(100% + calc(-1 * var(--space-xxxs-z28114, 2px) - 1px) + calc(-1 * var(--space-xxxs-z28114, 2px) - 1px));
-  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);
+  inset-inline-start: calc(-1 * calc((var(--space-xxxs-gn3248, 2px)) - 1px));
+  inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-gn3248, 2px) - 1px));
+  inline-size: calc(100% + calc((var(--space-xxxs-gn3248, 2px)) - 1px) + calc((var(--space-xxxs-gn3248, 2px)) - 1px));
+  block-size: calc(100% + calc(-1 * var(--space-xxxs-gn3248, 2px) - 1px) + calc(-1 * var(--space-xxxs-gn3248, 2px) - 1px));
+  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_textarea_55fkh_l5ek4_172:not(#\9) {
+.awsui_textarea_55fkh_1gtid_172:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -196,93 +196,93 @@ body[data-awsui-focus-visible=true] .awsui_root_55fkh_l5ek4_142 > .awsui_button_
   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;
   resize: none;
   cursor: text;
   white-space: pre-wrap;
-  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
-  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
-  color: var(--color-text-body-default-bvmavx, #16191f);
+  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
+  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
+  color: var(--color-text-body-default-agk00h, #16191f);
   max-inline-size: 100%;
   inline-size: 100%;
   display: block;
   box-sizing: border-box;
-  background-color: var(--color-background-input-default-m1182s, #ffffff);
-  border-start-start-radius: var(--border-radius-input-hy50dp, 2px);
-  border-start-end-radius: var(--border-radius-input-hy50dp, 2px);
-  border-end-start-radius: var(--border-radius-input-hy50dp, 2px);
-  border-end-end-radius: var(--border-radius-input-hy50dp, 2px);
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-iefrgj, #687078);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-default-iefrgj, #687078);
-  font-size: var(--font-size-body-m-pa3mqb, 14px);
-  line-height: var(--line-height-body-m-2zx78l, 22px);
+  background-color: var(--color-background-input-default-refava, #ffffff);
+  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);
+  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);
+  font-size: var(--font-size-body-m-6wxxs5, 14px);
+  line-height: var(--line-height-body-m-gw0130, 22px);
 }
-.awsui_textarea_55fkh_l5ek4_172.awsui_textarea-readonly_55fkh_l5ek4_225:not(#\9) {
-  background-color: var(--color-background-input-default-m1182s, #ffffff);
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-k23dfh, #eaeded);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-k23dfh, #eaeded);
+.awsui_textarea_55fkh_1gtid_172.awsui_textarea-readonly_55fkh_1gtid_225: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);
 }
-.awsui_textarea_55fkh_l5ek4_172:not(#\9)::placeholder {
-  color: var(--color-text-input-placeholder-zd3pu1, #687078);
+.awsui_textarea_55fkh_1gtid_172:not(#\9)::placeholder {
+  color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_textarea_55fkh_l5ek4_172:not(#\9):-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-zd3pu1, #687078);
+.awsui_textarea_55fkh_1gtid_172:not(#\9):-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-od847j, #687078);
   font-style: italic;
 }
-.awsui_textarea_55fkh_l5ek4_172:not(#\9):focus {
+.awsui_textarea_55fkh_1gtid_172:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-oykww6, #0073bb);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-focused-oykww6, #0073bb);
-  border-start-start-radius: var(--border-radius-input-hy50dp, 2px);
-  border-start-end-radius: var(--border-radius-input-hy50dp, 2px);
-  border-end-start-radius: var(--border-radius-input-hy50dp, 2px);
-  border-end-end-radius: var(--border-radius-input-hy50dp, 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-input-focused-rg4ms2, #0073bb);
+  border-inline: var(--border-field-width-fjuzc5, 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_textarea_55fkh_l5ek4_172:not(#\9):invalid {
+.awsui_textarea_55fkh_1gtid_172:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_textarea_55fkh_l5ek4_172:not(#\9):disabled {
-  background-color: var(--color-background-input-disabled-x30rdp, #eaeded);
-  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-k23dfh, #eaeded);
-  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-input-disabled-k23dfh, #eaeded);
-  color: var(--color-text-input-disabled-k2fbx1, #879596);
+.awsui_textarea_55fkh_1gtid_172: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);
+  color: var(--color-text-input-disabled-uyphto, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_textarea_55fkh_l5ek4_172:not(#\9):disabled::placeholder {
-  color: var(--color-text-input-placeholder-disabled-k12yul, #687078);
+.awsui_textarea_55fkh_1gtid_172:not(#\9):disabled::placeholder {
+  color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
   opacity: 1;
 }
-.awsui_textarea_55fkh_l5ek4_172:not(#\9):disabled:-ms-input-placeholder {
-  color: var(--color-text-input-placeholder-disabled-k12yul, #687078);
+.awsui_textarea_55fkh_1gtid_172:not(#\9):disabled:-ms-input-placeholder {
+  color: var(--color-text-input-placeholder-disabled-kh03qh, #687078);
 }
-.awsui_textarea_55fkh_l5ek4_172.awsui_textarea-invalid_55fkh_l5ek4_267:not(#\9) {
-  color: var(--color-text-status-error-94vsqp, #d13212);
-  border-color: var(--color-text-status-error-94vsqp, #d13212);
-  padding-inline-start: calc(var(--space-field-horizontal-cy5q05, 8px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px)));
-  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
+.awsui_textarea_55fkh_1gtid_172.awsui_textarea-invalid_55fkh_1gtid_267: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)));
+  border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_textarea_55fkh_l5ek4_172.awsui_textarea-invalid_55fkh_l5ek4_267:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-7jb69s, #0073bb);
+.awsui_textarea_55fkh_1gtid_172.awsui_textarea-invalid_55fkh_1gtid_267: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_textarea_55fkh_l5ek4_172.awsui_textarea-warning_55fkh_l5ek4_276:not(#\9) {
-  color: var(--color-text-status-warning-pynggy, #906806);
-  border-color: var(--color-text-status-warning-pynggy, #906806);
-  padding-inline-start: calc(var(--space-field-horizontal-cy5q05, 8px) - (var(--border-invalid-width-hp6noi, 4px) - var(--border-field-width-yoy972, 1px)));
-  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
+.awsui_textarea_55fkh_1gtid_172.awsui_textarea-warning_55fkh_1gtid_276: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)));
+  border-inline-start-width: var(--border-invalid-width-bkxihb, 4px);
 }
-.awsui_textarea_55fkh_l5ek4_172.awsui_textarea-warning_55fkh_l5ek4_276:not(#\9):focus {
-  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-v3635w, 1px) var(--color-border-item-focused-7jb69s, #0073bb);
+.awsui_textarea_55fkh_1gtid_172.awsui_textarea-warning_55fkh_1gtid_276: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_textarea_55fkh_l5ek4_172.awsui_textarea-with-button_55fkh_l5ek4_285:not(#\9) {
-  padding-inline-end: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--space-static-xxs-z6w5bq, 4px) + var(--size-icon-normal-wflv4k, 16px));
+.awsui_textarea_55fkh_1gtid_172.awsui_textarea-with-button_55fkh_1gtid_285:not(#\9) {
+  padding-inline-end: calc(var(--space-field-horizontal-cxdor9, 8px) + var(--space-static-xxs-9qxzo2, 4px) + var(--size-icon-normal-19036g, 16px));
 }

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

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_55fkh_l5ek4_142",
-  "button": "awsui_button_55fkh_l5ek4_145",
-  "action-button": "awsui_action-button_55fkh_l5ek4_150",
-  "textarea": "awsui_textarea_55fkh_l5ek4_172",
-  "textarea-readonly": "awsui_textarea-readonly_55fkh_l5ek4_225",
-  "textarea-invalid": "awsui_textarea-invalid_55fkh_l5ek4_267",
-  "textarea-warning": "awsui_textarea-warning_55fkh_l5ek4_276",
-  "textarea-with-button": "awsui_textarea-with-button_55fkh_l5ek4_285"
+  "root": "awsui_root_55fkh_1gtid_142",
+  "button": "awsui_button_55fkh_1gtid_145",
+  "action-button": "awsui_action-button_55fkh_1gtid_150",
+  "textarea": "awsui_textarea_55fkh_1gtid_172",
+  "textarea-readonly": "awsui_textarea-readonly_55fkh_1gtid_225",
+  "textarea-invalid": "awsui_textarea-invalid_55fkh_1gtid_267",
+  "textarea-warning": "awsui_textarea-warning_55fkh_1gtid_276",
+  "textarea-with-button": "awsui_textarea-with-button_55fkh_1gtid_285"
 };

package/lib/internal/template/property-filter/filtering-token/styles.css.js CHANGED Viewed

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_19bso_1ogbf_149",
-  "inner-root": "awsui_inner-root_19bso_1ogbf_150",
-  "has-groups": "awsui_has-groups_19bso_1ogbf_186",
-  "compact-mode": "awsui_compact-mode_19bso_1ogbf_190",
-  "token": "awsui_token_19bso_1ogbf_199",
-  "inner-token": "awsui_inner-token_19bso_1ogbf_200",
-  "grouped": "awsui_grouped_19bso_1ogbf_213",
-  "list": "awsui_list_19bso_1ogbf_225",
-  "show-operation": "awsui_show-operation_19bso_1ogbf_236",
-  "select": "awsui_select_19bso_1ogbf_242",
-  "inner-select": "awsui_inner-select_19bso_1ogbf_243",
-  "token-content": "awsui_token-content_19bso_1ogbf_247",
-  "token-content-grouped": "awsui_token-content-grouped_19bso_1ogbf_253",
-  "inner-token-content": "awsui_inner-token-content_19bso_1ogbf_258",
-  "edit-button": "awsui_edit-button_19bso_1ogbf_263",
-  "dismiss-button": "awsui_dismiss-button_19bso_1ogbf_264",
-  "inner-dismiss-button": "awsui_inner-dismiss-button_19bso_1ogbf_265",
-  "token-disabled": "awsui_token-disabled_19bso_1ogbf_323"
+  "root": "awsui_root_19bso_n8s50_149",
+  "inner-root": "awsui_inner-root_19bso_n8s50_150",
+  "has-groups": "awsui_has-groups_19bso_n8s50_186",
+  "compact-mode": "awsui_compact-mode_19bso_n8s50_190",
+  "token": "awsui_token_19bso_n8s50_199",
+  "inner-token": "awsui_inner-token_19bso_n8s50_200",
+  "grouped": "awsui_grouped_19bso_n8s50_213",
+  "list": "awsui_list_19bso_n8s50_225",
+  "show-operation": "awsui_show-operation_19bso_n8s50_236",
+  "select": "awsui_select_19bso_n8s50_242",
+  "inner-select": "awsui_inner-select_19bso_n8s50_243",
+  "token-content": "awsui_token-content_19bso_n8s50_247",
+  "token-content-grouped": "awsui_token-content-grouped_19bso_n8s50_253",
+  "inner-token-content": "awsui_inner-token-content_19bso_n8s50_258",
+  "edit-button": "awsui_edit-button_19bso_n8s50_263",
+  "dismiss-button": "awsui_dismiss-button_19bso_n8s50_264",
+  "inner-dismiss-button": "awsui_inner-dismiss-button_19bso_n8s50_265",
+  "token-disabled": "awsui_token-disabled_19bso_n8s50_323"
 };

package/lib/internal/template/property-filter/filtering-token/styles.scoped.css CHANGED Viewed

@@ -146,8 +146,8 @@ 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_19bso_1ogbf_149:not(#\9),
-.awsui_inner-root_19bso_1ogbf_150:not(#\9) {
+.awsui_root_19bso_n8s50_149:not(#\9),
+.awsui_inner-root_19bso_n8s50_150:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,56 +174,56 @@ 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-content: stretch;
 }
-.awsui_root_19bso_1ogbf_149.awsui_has-groups_19bso_1ogbf_186:not(#\9),
-.awsui_inner-root_19bso_1ogbf_150.awsui_has-groups_19bso_1ogbf_186:not(#\9) {
-  min-block-size: calc(2px + var(--size-vertical-input-ubbp77, 32px));
+.awsui_root_19bso_n8s50_149.awsui_has-groups_19bso_n8s50_186:not(#\9),
+.awsui_inner-root_19bso_n8s50_150.awsui_has-groups_19bso_n8s50_186:not(#\9) {
+  min-block-size: calc(2px + var(--size-vertical-input-t2p4dg, 32px));
 }
-.awsui_root_19bso_1ogbf_149.awsui_has-groups_19bso_1ogbf_186.awsui_compact-mode_19bso_1ogbf_190:not(#\9),
-.awsui_inner-root_19bso_1ogbf_150.awsui_has-groups_19bso_1ogbf_186.awsui_compact-mode_19bso_1ogbf_190:not(#\9) {
-  min-block-size: calc(2px + 2 * var(--border-field-width-yoy972, 1px) + var(--size-vertical-input-ubbp77, 32px));
+.awsui_root_19bso_n8s50_149.awsui_has-groups_19bso_n8s50_186.awsui_compact-mode_19bso_n8s50_190:not(#\9),
+.awsui_inner-root_19bso_n8s50_150.awsui_has-groups_19bso_n8s50_186.awsui_compact-mode_19bso_n8s50_190:not(#\9) {
+  min-block-size: calc(2px + 2 * var(--border-field-width-fjuzc5, 1px) + var(--size-vertical-input-t2p4dg, 32px));
 }
-.awsui_inner-root_19bso_1ogbf_150:not(#\9) {
+.awsui_inner-root_19bso_n8s50_150:not(#\9) {
   block-size: 100%;
 }
-.awsui_token_19bso_1ogbf_199:not(#\9),
-.awsui_inner-token_19bso_1ogbf_200:not(#\9) {
-  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);
+.awsui_token_19bso_n8s50_199:not(#\9),
+.awsui_inner-token_19bso_n8s50_200:not(#\9) {
+  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);
   display: flex;
   align-items: stretch;
-  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_19bso_1ogbf_199.awsui_grouped_19bso_1ogbf_213:not(#\9),
-.awsui_inner-token_19bso_1ogbf_200.awsui_grouped_19bso_1ogbf_213:not(#\9) {
+.awsui_token_19bso_n8s50_199.awsui_grouped_19bso_n8s50_213:not(#\9),
+.awsui_inner-token_19bso_n8s50_200.awsui_grouped_19bso_n8s50_213:not(#\9) {
   justify-content: space-between;
 }
-.awsui_inner-token_19bso_1ogbf_200:not(#\9) {
-  border-start-start-radius: calc(var(--border-radius-token-h9xa3v, 2px) / 2);
-  border-start-end-radius: calc(var(--border-radius-token-h9xa3v, 2px) / 2);
-  border-end-start-radius: calc(var(--border-radius-token-h9xa3v, 2px) / 2);
-  border-end-end-radius: calc(var(--border-radius-token-h9xa3v, 2px) / 2);
+.awsui_inner-token_19bso_n8s50_200:not(#\9) {
+  border-start-start-radius: calc(var(--border-radius-token-m43vgu, 2px) / 2);
+  border-start-end-radius: calc(var(--border-radius-token-m43vgu, 2px) / 2);
+  border-end-start-radius: calc(var(--border-radius-token-m43vgu, 2px) / 2);
+  border-end-end-radius: calc(var(--border-radius-token-m43vgu, 2px) / 2);
 }
-.awsui_list_19bso_1ogbf_225:not(#\9) {
+.awsui_list_19bso_n8s50_225:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -231,99 +231,99 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   display: flex;
   flex-wrap: wrap;
-  gap: var(--space-xs-xf5ch3, 8px);
+  gap: var(--space-xs-6dgkww, 8px);
 }
-.awsui_show-operation_19bso_1ogbf_236:not(#\9) {
+.awsui_show-operation_19bso_n8s50_236:not(#\9) {
   border-inline-start: none;
   border-start-start-radius: 0;
   border-end-start-radius: 0;
 }
-.awsui_select_19bso_1ogbf_242:not(#\9),
-.awsui_inner-select_19bso_1ogbf_243:not(#\9) {
+.awsui_select_19bso_n8s50_242:not(#\9),
+.awsui_inner-select_19bso_n8s50_243:not(#\9) {
   /* used in test-utils */
 }
-.awsui_token-content_19bso_1ogbf_247:not(#\9) {
+.awsui_token-content_19bso_n8s50_247:not(#\9) {
   display: flex;
   align-items: center;
-  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
-  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
+  padding-block: var(--space-scaled-xxs-krq5fq, 4px);
+  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_token-content-grouped_19bso_1ogbf_253:not(#\9) {
+.awsui_token-content-grouped_19bso_n8s50_253:not(#\9) {
   padding-block: 2px;
-  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
+  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_inner-token-content_19bso_1ogbf_258:not(#\9) {
+.awsui_inner-token-content_19bso_n8s50_258:not(#\9) {
   padding-block: 1px;
-  padding-inline: var(--space-field-horizontal-cy5q05, 8px);
+  padding-inline: var(--space-field-horizontal-cxdor9, 8px);
 }
-.awsui_edit-button_19bso_1ogbf_263:not(#\9),
-.awsui_dismiss-button_19bso_1ogbf_264:not(#\9),
-.awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9) {
+.awsui_edit-button_19bso_n8s50_263:not(#\9),
+.awsui_dismiss-button_19bso_n8s50_264:not(#\9),
+.awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9) {
   inline-size: 30px;
   margin-block: 0;
   margin-inline: 0;
   border-block: none;
   border-inline: none;
   padding-block: 0;
-  padding-inline: var(--space-xxs-9rrxti, 4px);
-  color: var(--color-text-interactive-default-1hkfiv, #545b64);
+  padding-inline: var(--space-xxs-y2432o, 4px);
+  color: var(--color-text-interactive-default-t1snbz, #545b64);
   background-color: transparent;
-  border-inline-start: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-36ewhb, #0073bb);
+  border-inline-start: var(--border-field-width-fjuzc5, 1px) solid var(--color-border-item-selected-aam4fo, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_edit-button_19bso_1ogbf_263:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_1ogbf_264:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_edit-button_19bso_n8s50_263:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_n8s50_264:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_edit-button_19bso_1ogbf_263:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_1ogbf_264:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_edit-button_19bso_n8s50_263:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_n8s50_264:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9):focus {
   outline: 2px dotted transparent;
-  outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 0px) - 1px);
+  outline-offset: calc(var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_edit-button_19bso_1ogbf_263:not(#\9):focus::before,
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_1ogbf_264:not(#\9):focus::before,
-body[data-awsui-focus-visible=true] .awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_edit-button_19bso_n8s50_263:not(#\9):focus::before,
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_19bso_n8s50_264:not(#\9):focus::before,
+body[data-awsui-focus-visible=true] .awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  inset-inline-start: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 0px));
-  inset-block-start: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 0px));
-  inline-size: calc(100% + var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 0px) + var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 0px));
-  block-size: calc(100% + var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 0px) + var(--space-filtering-token-dismiss-button-focus-outline-gutter-wguy2m, 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);
+  inset-inline-start: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px));
+  inset-block-start: calc(-1 * var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px));
+  inline-size: calc(100% + var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px) + var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px));
+  block-size: calc(100% + var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px) + var(--space-filtering-token-dismiss-button-focus-outline-gutter-nwxqs2, 0px));
+  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_edit-button_19bso_1ogbf_263:not(#\9):focus,
-.awsui_dismiss-button_19bso_1ogbf_264:not(#\9):focus,
-.awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9):focus {
+.awsui_edit-button_19bso_n8s50_263:not(#\9):focus,
+.awsui_dismiss-button_19bso_n8s50_264:not(#\9):focus,
+.awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_edit-button_19bso_1ogbf_263:not(#\9):hover,
-.awsui_dismiss-button_19bso_1ogbf_264:not(#\9):hover,
-.awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9):hover {
+.awsui_edit-button_19bso_n8s50_263:not(#\9):hover,
+.awsui_dismiss-button_19bso_n8s50_264:not(#\9):hover,
+.awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-interactive-hover-w63rso, #16191f);
+  color: var(--color-text-interactive-hover-kxltdh, #16191f);
 }
-.awsui_edit-button_19bso_1ogbf_263:not(#\9):disabled,
-.awsui_dismiss-button_19bso_1ogbf_264:not(#\9):disabled,
-.awsui_inner-dismiss-button_19bso_1ogbf_265:not(#\9):disabled {
-  color: var(--color-text-interactive-disabled-azvq53, #aab7b8);
-  border-color: var(--color-border-control-disabled-2qnaa4, #d5dbdb);
+.awsui_edit-button_19bso_n8s50_263:not(#\9):disabled,
+.awsui_dismiss-button_19bso_n8s50_264:not(#\9):disabled,
+.awsui_inner-dismiss-button_19bso_n8s50_265:not(#\9):disabled {
+  color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
+  border-color: var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_token-disabled_19bso_1ogbf_323: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-disabled_19bso_n8s50_323: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;
 }

package/lib/internal/template/property-filter/filtering-token/styles.selectors.js CHANGED Viewed

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_19bso_1ogbf_149",
-  "inner-root": "awsui_inner-root_19bso_1ogbf_150",
-  "has-groups": "awsui_has-groups_19bso_1ogbf_186",
-  "compact-mode": "awsui_compact-mode_19bso_1ogbf_190",
-  "token": "awsui_token_19bso_1ogbf_199",
-  "inner-token": "awsui_inner-token_19bso_1ogbf_200",
-  "grouped": "awsui_grouped_19bso_1ogbf_213",
-  "list": "awsui_list_19bso_1ogbf_225",
-  "show-operation": "awsui_show-operation_19bso_1ogbf_236",
-  "select": "awsui_select_19bso_1ogbf_242",
-  "inner-select": "awsui_inner-select_19bso_1ogbf_243",
-  "token-content": "awsui_token-content_19bso_1ogbf_247",
-  "token-content-grouped": "awsui_token-content-grouped_19bso_1ogbf_253",
-  "inner-token-content": "awsui_inner-token-content_19bso_1ogbf_258",
-  "edit-button": "awsui_edit-button_19bso_1ogbf_263",
-  "dismiss-button": "awsui_dismiss-button_19bso_1ogbf_264",
-  "inner-dismiss-button": "awsui_inner-dismiss-button_19bso_1ogbf_265",
-  "token-disabled": "awsui_token-disabled_19bso_1ogbf_323"
+  "root": "awsui_root_19bso_n8s50_149",
+  "inner-root": "awsui_inner-root_19bso_n8s50_150",
+  "has-groups": "awsui_has-groups_19bso_n8s50_186",
+  "compact-mode": "awsui_compact-mode_19bso_n8s50_190",
+  "token": "awsui_token_19bso_n8s50_199",
+  "inner-token": "awsui_inner-token_19bso_n8s50_200",
+  "grouped": "awsui_grouped_19bso_n8s50_213",
+  "list": "awsui_list_19bso_n8s50_225",
+  "show-operation": "awsui_show-operation_19bso_n8s50_236",
+  "select": "awsui_select_19bso_n8s50_242",
+  "inner-select": "awsui_inner-select_19bso_n8s50_243",
+  "token-content": "awsui_token-content_19bso_n8s50_247",
+  "token-content-grouped": "awsui_token-content-grouped_19bso_n8s50_253",
+  "inner-token-content": "awsui_inner-token-content_19bso_n8s50_258",
+  "edit-button": "awsui_edit-button_19bso_n8s50_263",
+  "dismiss-button": "awsui_dismiss-button_19bso_n8s50_264",
+  "inner-dismiss-button": "awsui_inner-dismiss-button_19bso_n8s50_265",
+  "token-disabled": "awsui_token-disabled_19bso_n8s50_323"
 };