npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.312 → 3.0.314 - Mend

@cloudscape-design/components-themeable 3.0.312 → 3.0.314

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

package/lib/internal/template/internal/components/option/styles.scoped.css CHANGED Viewed

@@ -94,7 +94,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_option_1p2cx_29ohz_97:not(#\9) {
+.awsui_option_1p2cx_wsdla_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -124,11 +124,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: flex;
@@ -138,108 +138,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_29ohz_97:not(#\9):not(.awsui_disabled_1p2cx_29ohz_115) {
+.awsui_option_1p2cx_wsdla_97:not(#\9):not(.awsui_disabled_1p2cx_wsdla_115) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_29ohz_97.awsui_parent_1p2cx_29ohz_118:not(#\9) {
+.awsui_option_1p2cx_wsdla_97.awsui_parent_1p2cx_wsdla_118:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_29ohz_97.awsui_parent_1p2cx_29ohz_118:not(#\9):not(.awsui_disabled_1p2cx_29ohz_115) {
-  color: var(--color-text-dropdown-group-label-22skmx, #545b64);
+.awsui_option_1p2cx_wsdla_97.awsui_parent_1p2cx_wsdla_118:not(#\9):not(.awsui_disabled_1p2cx_wsdla_115):not(.awsui_highlighted_1p2cx_wsdla_121) {
+  color: var(--color-text-dropdown-group-label-0hp13b, #545b64);
 }
-.awsui_content_1p2cx_29ohz_125:not(#\9) {
+.awsui_content_1p2cx_wsdla_125:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.awsui_label-content_1p2cx_29ohz_132:not(#\9) {
+.awsui_label-content_1p2cx_wsdla_132:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.awsui_label_1p2cx_29ohz_132:not(#\9),
-.awsui_tag_1p2cx_29ohz_139:not(#\9),
-.awsui_label-tag_1p2cx_29ohz_140:not(#\9) {
+.awsui_label_1p2cx_wsdla_132:not(#\9),
+.awsui_tag_1p2cx_wsdla_139:not(#\9),
+.awsui_label-tag_1p2cx_wsdla_140:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
-.awsui_label_1p2cx_29ohz_132:not(#\9),
-.awsui_tag_1p2cx_29ohz_139:not(#\9) {
+.awsui_label_1p2cx_wsdla_132:not(#\9),
+.awsui_tag_1p2cx_wsdla_139:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_label-prefix_1p2cx_29ohz_151:not(#\9) {
+.awsui_label-prefix_1p2cx_wsdla_151:not(#\9) {
   font-weight: 700;
 }
-.awsui_label-tag_1p2cx_29ohz_140:not(#\9) {
-  padding-left: var(--space-s-vhrt5k, 12px);
+.awsui_label-tag_1p2cx_wsdla_140:not(#\9) {
+  padding-left: var(--space-s-o95p2n, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_29ohz_140:not(#\9):empty {
+.awsui_label-tag_1p2cx_wsdla_140:not(#\9):empty {
   display: none;
 }
-.awsui_tags_1p2cx_29ohz_164:not(#\9),
-.awsui_description_1p2cx_29ohz_165:not(#\9) {
-  font-size: var(--font-body-s-size-rwvid1, 12px);
-  line-height: var(--font-body-s-line-height-ddss0h, 16px);
-  letter-spacing: var(--font-body-s-letter-spacing-18er5e, normal);
-  color: var(--color-text-dropdown-item-secondary-wouqn7, #687078);
+.awsui_tags_1p2cx_wsdla_164:not(#\9),
+.awsui_description_1p2cx_wsdla_165:not(#\9) {
+  font-size: var(--font-body-s-size-v1w8ey, 12px);
+  line-height: var(--font-body-s-line-height-jfgg5d, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-bzrysr, normal);
+  color: var(--color-text-dropdown-item-secondary-77yrz2, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_29ohz_164.awsui_highlighted_1p2cx_29ohz_172:not(#\9),
-.awsui_description_1p2cx_29ohz_165.awsui_highlighted_1p2cx_29ohz_172:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-hover-55whe5, #687078);
+.awsui_tags_1p2cx_wsdla_164.awsui_highlighted_1p2cx_wsdla_121:not(#\9),
+.awsui_description_1p2cx_wsdla_165.awsui_highlighted_1p2cx_wsdla_121:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-hover-9vpnla, #687078);
 }
-.awsui_tags_1p2cx_29ohz_164.awsui_selected_1p2cx_29ohz_176:not(#\9),
-.awsui_description_1p2cx_29ohz_165.awsui_selected_1p2cx_29ohz_176:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-wouqn7, #687078);
+.awsui_tags_1p2cx_wsdla_164.awsui_selected_1p2cx_wsdla_176:not(#\9),
+.awsui_description_1p2cx_wsdla_165.awsui_selected_1p2cx_wsdla_176:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-77yrz2, #687078);
 }
-.awsui_tags_1p2cx_29ohz_164:not(#\9) {
+.awsui_tags_1p2cx_wsdla_164:not(#\9) {
   display: flex;
   align-items: stretch;
 }
-.awsui_tag_1p2cx_29ohz_139:not(#\9):not(:last-child) {
-  padding-right: var(--space-m-3g7miz, 16px);
+.awsui_tag_1p2cx_wsdla_139:not(#\9):not(:last-child) {
+  padding-right: var(--space-m-2wfcpy, 16px);
 }
-.awsui_icon_1p2cx_29ohz_190:not(#\9) {
-  padding-right: var(--space-xs-70e4tc, 8px);
+.awsui_icon_1p2cx_wsdla_190:not(#\9) {
+  padding-right: var(--space-xs-7veqkr, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
-.awsui_icon-size-big_1p2cx_29ohz_197:not(#\9) {
-  padding-top: var(--space-xxxs-pz6gw0, 2px);
+.awsui_icon-size-big_1p2cx_wsdla_197:not(#\9) {
+  padding-top: var(--space-xxxs-du4mq0, 2px);
 }
-.awsui_filtering-match-highlight_1p2cx_29ohz_201:not(#\9) {
-  background-color: var(--color-background-dropdown-item-filter-match-vkawrx, #f1faff);
-  color: var(--color-text-dropdown-item-filter-match-kdlkpg, #0073bb);
+.awsui_filtering-match-highlight_1p2cx_wsdla_201:not(#\9) {
+  background-color: var(--color-background-dropdown-item-filter-match-8hf2rr, #f1faff);
+  color: var(--color-text-dropdown-item-filter-match-7wdfpu, #0073bb);
   font-weight: bold;
 }
-.awsui_disabled_1p2cx_29ohz_115:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-oq9t8f, #aab7b8);
+.awsui_disabled_1p2cx_wsdla_115:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-98o9ly, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_29ohz_115 > .awsui_content_1p2cx_29ohz_125 > .awsui_tags_1p2cx_29ohz_164:not(#\9),
-.awsui_disabled_1p2cx_29ohz_115 > .awsui_content_1p2cx_29ohz_125 > .awsui_description_1p2cx_29ohz_165:not(#\9) {
+.awsui_disabled_1p2cx_wsdla_115 > .awsui_content_1p2cx_wsdla_125 > .awsui_tags_1p2cx_wsdla_164:not(#\9),
+.awsui_disabled_1p2cx_wsdla_115 > .awsui_content_1p2cx_wsdla_125 > .awsui_description_1p2cx_wsdla_165:not(#\9) {
   color: currentColor;
 }
-.awsui_trigger-variant_1p2cx_29ohz_216:not(#\9) {
+.awsui_trigger-variant_1p2cx_wsdla_216:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/internal/template/internal/components/option/styles.selectors.js CHANGED Viewed

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_29ohz_97",
-  "disabled": "awsui_disabled_1p2cx_29ohz_115",
-  "parent": "awsui_parent_1p2cx_29ohz_118",
-  "content": "awsui_content_1p2cx_29ohz_125",
-  "label-content": "awsui_label-content_1p2cx_29ohz_132",
-  "label": "awsui_label_1p2cx_29ohz_132",
-  "tag": "awsui_tag_1p2cx_29ohz_139",
-  "label-tag": "awsui_label-tag_1p2cx_29ohz_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_29ohz_151",
-  "tags": "awsui_tags_1p2cx_29ohz_164",
-  "description": "awsui_description_1p2cx_29ohz_165",
-  "highlighted": "awsui_highlighted_1p2cx_29ohz_172",
-  "selected": "awsui_selected_1p2cx_29ohz_176",
-  "icon": "awsui_icon_1p2cx_29ohz_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_29ohz_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_29ohz_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_29ohz_216"
+  "option": "awsui_option_1p2cx_wsdla_97",
+  "disabled": "awsui_disabled_1p2cx_wsdla_115",
+  "parent": "awsui_parent_1p2cx_wsdla_118",
+  "highlighted": "awsui_highlighted_1p2cx_wsdla_121",
+  "content": "awsui_content_1p2cx_wsdla_125",
+  "label-content": "awsui_label-content_1p2cx_wsdla_132",
+  "label": "awsui_label_1p2cx_wsdla_132",
+  "tag": "awsui_tag_1p2cx_wsdla_139",
+  "label-tag": "awsui_label-tag_1p2cx_wsdla_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_wsdla_151",
+  "tags": "awsui_tags_1p2cx_wsdla_164",
+  "description": "awsui_description_1p2cx_wsdla_165",
+  "selected": "awsui_selected_1p2cx_wsdla_176",
+  "icon": "awsui_icon_1p2cx_wsdla_190",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_wsdla_197",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_wsdla_201",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_wsdla_216"
 };

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

@@ -1,7 +1,7 @@
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_1ajpu_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1ajpu_115"
+  "options-list": "awsui_options-list_19gcf_kneij_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_kneij_115"
 };

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

@@ -90,7 +90,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_options-list_19gcf_1ajpu_93:not(#\9) {
+.awsui_options-list_19gcf_kneij_93:not(#\9) {
   padding: 0;
   margin: 0;
   outline: none;
@@ -124,20 +124,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   white-space: inherit;
   overflow-y: auto;
   flex: 1 1 auto;
   min-height: 0;
-  border-radius: var(--border-radius-dropdown-ol5cbv, 0px);
+  border-radius: var(--border-radius-dropdown-svczfv, 0px);
 }
-.awsui_decrease-top-margin_19gcf_1ajpu_115:not(#\9) {
+.awsui_decrease-top-margin_19gcf_kneij_115:not(#\9) {
   margin-top: -1px;
 }

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

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_1ajpu_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1ajpu_115"
+  "options-list": "awsui_options-list_19gcf_kneij_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_kneij_115"
 };

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

@@ -1,21 +1,21 @@
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1p751_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1p751_115",
-  "has-background": "awsui_has-background_15o6u_1p751_124",
-  "highlighted": "awsui_highlighted_15o6u_1p751_127",
-  "selected": "awsui_selected_15o6u_1p751_127",
-  "disabled": "awsui_disabled_15o6u_1p751_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1p751_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1p751_157",
-  "parent": "awsui_parent_15o6u_1p751_161",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1p751_165",
-  "child": "awsui_child_15o6u_1p751_177",
-  "virtual": "awsui_virtual_15o6u_1p751_192",
-  "measure-strut": "awsui_measure-strut_15o6u_1p751_203",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1p751_212",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1p751_216",
-  "option-content": "awsui_option-content_15o6u_1p751_222"
+  "selectable-item": "awsui_selectable-item_15o6u_ejcz2_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ejcz2_115",
+  "has-background": "awsui_has-background_15o6u_ejcz2_124",
+  "highlighted": "awsui_highlighted_15o6u_ejcz2_127",
+  "selected": "awsui_selected_15o6u_ejcz2_127",
+  "disabled": "awsui_disabled_15o6u_ejcz2_141",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ejcz2_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ejcz2_157",
+  "parent": "awsui_parent_15o6u_ejcz2_161",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ejcz2_165",
+  "child": "awsui_child_15o6u_ejcz2_180",
+  "virtual": "awsui_virtual_15o6u_ejcz2_195",
+  "measure-strut": "awsui_measure-strut_15o6u_ejcz2_206",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ejcz2_215",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ejcz2_219",
+  "option-content": "awsui_option-content_15o6u_ejcz2_225"
 };

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

@@ -90,135 +90,138 @@ 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_selectable-item_15o6u_1p751_93:not(#\9) {
-  font-size: var(--font-body-m-size-i6yc1c, 14px);
-  line-height: var(--font-body-m-line-height-uf359w, 22px);
-  color: var(--color-text-body-default-v5bj0z, #16191f);
+.awsui_selectable-item_15o6u_ejcz2_93:not(#\9) {
+  font-size: var(--font-body-m-size-0qqejn, 14px);
+  line-height: var(--font-body-m-line-height-9vkzhc, 22px);
+  color: var(--color-text-body-default-fckvk9, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-vmkkua, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-nzcxu9, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: relative;
   list-style: none;
   z-index: 1;
-  border: var(--border-divider-list-width-eoqsw5, 1px) solid transparent;
-  border-top-color: var(--color-border-dropdown-item-default-wsag5b, #eaeded);
-  border-bottom-color: var(--color-border-dropdown-item-default-wsag5b, #eaeded);
-  background-color: var(--color-background-dropdown-item-default-cco9q2, #ffffff);
-  color: var(--color-text-dropdown-item-default-ti2zwe, #16191f);
+  border: var(--border-divider-list-width-iu80dg, 1px) solid transparent;
+  border-top-color: var(--color-border-dropdown-item-default-enmspa, #eaeded);
+  border-bottom-color: var(--color-border-dropdown-item-default-enmspa, #eaeded);
+  background-color: var(--color-background-dropdown-item-default-we492v, #ffffff);
+  color: var(--color-text-dropdown-item-default-x23sfz, #16191f);
   border-left-width: 0;
   border-right-width: 0;
   padding: calc(
-  var(--space-xxs-68xp1c, 4px) + (var(--border-item-width-48kr2z, 1px) - var(--border-divider-list-width-eoqsw5, 1px))
-) calc(var(--space-field-horizontal-i7h1mp, 8px) + var(--border-item-width-48kr2z, 1px));
+  var(--space-xxs-xx079q, 4px) + (var(--border-item-width-x3q2fl, 1px) - var(--border-divider-list-width-iu80dg, 1px))
+) calc(var(--space-field-horizontal-xg7uom, 8px) + var(--border-item-width-x3q2fl, 1px));
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_pad-bottom_15o6u_1p751_115:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_pad-bottom_15o6u_ejcz2_115:not(#\9) {
   padding-bottom: calc(calc(
-  var(--space-xxs-68xp1c, 4px) + (var(--border-item-width-48kr2z, 1px) - var(--border-divider-list-width-eoqsw5, 1px))
-) + var(--space-xxxs-pz6gw0, 2px));
+  var(--space-xxs-xx079q, 4px) + (var(--border-item-width-x3q2fl, 1px) - var(--border-divider-list-width-iu80dg, 1px))
+) + var(--space-xxxs-du4mq0, 2px));
   border-bottom-color: transparent;
 }
-.awsui_selectable-item_15o6u_1p751_93:not(#\9):not(:first-child) {
-  margin-top: calc(-1 * var(--border-item-width-48kr2z, 1px));
+.awsui_selectable-item_15o6u_ejcz2_93:not(#\9):not(:first-child) {
+  margin-top: calc(-1 * var(--border-item-width-x3q2fl, 1px));
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_has-background_15o6u_1p751_124:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-hru27o, #f2f3f3);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_has-background_15o6u_ejcz2_124:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-ooa2c9, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_highlighted_15o6u_1p751_127:not(#\9), .awsui_selectable-item_15o6u_1p751_93.awsui_selected_15o6u_1p751_127:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-szcq33, #16191f);
-  border-width: var(--border-item-width-48kr2z, 1px);
-  border-radius: var(--border-radius-item-66smyp, 0px);
-  padding: var(--space-xxs-68xp1c, 4px) var(--space-field-horizontal-i7h1mp, 8px);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_highlighted_15o6u_ejcz2_127:not(#\9), .awsui_selectable-item_15o6u_ejcz2_93.awsui_selected_15o6u_ejcz2_127:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-9nmduk, #16191f);
+  border-width: var(--border-item-width-x3q2fl, 1px);
+  border-radius: var(--border-radius-item-gy51bh, 0px);
+  padding: var(--space-xxs-xx079q, 4px) var(--space-field-horizontal-xg7uom, 8px);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_highlighted_15o6u_1p751_127.awsui_pad-bottom_15o6u_1p751_115:not(#\9), .awsui_selectable-item_15o6u_1p751_93.awsui_selected_15o6u_1p751_127.awsui_pad-bottom_15o6u_1p751_115:not(#\9) {
-  padding-bottom: calc(var(--space-xxs-68xp1c, 4px) + var(--space-xxxs-pz6gw0, 2px));
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_highlighted_15o6u_ejcz2_127.awsui_pad-bottom_15o6u_ejcz2_115:not(#\9), .awsui_selectable-item_15o6u_ejcz2_93.awsui_selected_15o6u_ejcz2_127.awsui_pad-bottom_15o6u_ejcz2_115:not(#\9) {
+  padding-bottom: calc(var(--space-xxs-xx079q, 4px) + var(--space-xxxs-du4mq0, 2px));
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_highlighted_15o6u_1p751_127:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_highlighted_15o6u_ejcz2_127:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-hover-hru27o, #f2f3f3);
-  border-color: var(--color-border-dropdown-item-hover-djpye4, #879596);
+  background-color: var(--color-background-dropdown-item-hover-ooa2c9, #f2f3f3);
+  border-color: var(--color-border-dropdown-item-hover-jn30h1, #879596);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_highlighted_15o6u_1p751_127.awsui_disabled_15o6u_1p751_141:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-fsaerj, #aab7b8);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-noupos, #879596);
-  background-color: var(--color-background-dropdown-item-dimmed-lh8o3x, transparent);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_highlighted_15o6u_ejcz2_127.awsui_disabled_15o6u_ejcz2_141:not(#\9) {
+  color: var(--color-text-dropdown-item-dimmed-ngtz2z, #aab7b8);
+  border-color: var(--color-border-dropdown-item-dimmed-hover-ffe22s, #879596);
+  background-color: var(--color-background-dropdown-item-dimmed-p5nayy, transparent);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_selected_15o6u_1p751_127:not(#\9) {
-  background-color: var(--color-background-dropdown-item-selected-j58k91, #f1faff);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_selected_15o6u_ejcz2_127:not(#\9) {
+  background-color: var(--color-background-dropdown-item-selected-ud58gi, #f1faff);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_selected_15o6u_1p751_127.awsui_next-item-selected_15o6u_1p751_149:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_selected_15o6u_ejcz2_127.awsui_next-item-selected_15o6u_ejcz2_149:not(#\9) {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_selected_15o6u_1p751_127 + .awsui_selectable-item_15o6u_1p751_93.awsui_selected_15o6u_1p751_127:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_selected_15o6u_ejcz2_127 + .awsui_selectable-item_15o6u_ejcz2_93.awsui_selected_15o6u_ejcz2_127:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_highlighted_15o6u_1p751_127.awsui_is-keyboard_15o6u_1p751_157:not(#\9) {
-  border-color: var(--color-border-item-focused-oqg5wt, #0073bb);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-250cmp, 1px) var(--color-border-item-focused-oqg5wt, #0073bb);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_highlighted_15o6u_ejcz2_127.awsui_is-keyboard_15o6u_ejcz2_157:not(#\9) {
+  border-color: var(--color-border-item-focused-4clyb1, #0073bb);
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_parent_15o6u_1p751_161:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_parent_15o6u_ejcz2_161:not(#\9) {
   font-weight: bold;
-  color: var(--color-text-dropdown-group-label-22skmx, #545b64);
+  color: var(--color-text-dropdown-group-label-0hp13b, #545b64);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_parent_15o6u_1p751_161:not(#\9):not(.awsui_interactiveGroups_15o6u_1p751_165) {
-  border-top-color: var(--color-border-dropdown-group-39fomy, #eaeded);
-  padding: var(--space-xs-70e4tc, 8px);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_parent_15o6u_ejcz2_161:not(#\9):not(.awsui_interactiveGroups_15o6u_ejcz2_165) {
+  border-top-color: var(--color-border-dropdown-group-5ahp44, #eaeded);
+  padding: var(--space-xs-7veqkr, 8px);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_parent_15o6u_1p751_161.awsui_interactiveGroups_15o6u_1p751_165:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_parent_15o6u_ejcz2_161.awsui_interactiveGroups_15o6u_ejcz2_165:not(#\9) {
   padding: calc(
-  var(--space-xs-70e4tc, 8px) + (var(--border-item-width-48kr2z, 1px) - var(--border-divider-list-width-eoqsw5, 1px))
-) calc(var(--space-field-horizontal-i7h1mp, 8px) + var(--border-item-width-48kr2z, 1px));
+  var(--space-xs-7veqkr, 8px) + (var(--border-item-width-x3q2fl, 1px) - var(--border-divider-list-width-iu80dg, 1px))
+) calc(var(--space-field-horizontal-xg7uom, 8px) + var(--border-item-width-x3q2fl, 1px));
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_parent_15o6u_1p751_161.awsui_interactiveGroups_15o6u_1p751_165.awsui_highlighted_15o6u_1p751_127:not(#\9), .awsui_selectable-item_15o6u_1p751_93.awsui_parent_15o6u_1p751_161.awsui_interactiveGroups_15o6u_1p751_165.awsui_selected_15o6u_1p751_127:not(#\9) {
-  padding: var(--space-xs-70e4tc, 8px) var(--space-field-horizontal-i7h1mp, 8px);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_parent_15o6u_ejcz2_161.awsui_interactiveGroups_15o6u_ejcz2_165.awsui_highlighted_15o6u_ejcz2_127:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-9nmduk, #16191f);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_child_15o6u_1p751_177:not(#\9) {
-  padding-left: calc(var(--space-xxl-huudfn, 32px) + var(--border-item-width-48kr2z, 1px));
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_parent_15o6u_ejcz2_161.awsui_interactiveGroups_15o6u_ejcz2_165.awsui_highlighted_15o6u_ejcz2_127:not(#\9), .awsui_selectable-item_15o6u_ejcz2_93.awsui_parent_15o6u_ejcz2_161.awsui_interactiveGroups_15o6u_ejcz2_165.awsui_selected_15o6u_ejcz2_127:not(#\9) {
+  padding: var(--space-xs-7veqkr, 8px) var(--space-field-horizontal-xg7uom, 8px);
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_child_15o6u_1p751_177.awsui_highlighted_15o6u_1p751_127:not(#\9), .awsui_selectable-item_15o6u_1p751_93.awsui_child_15o6u_1p751_177.awsui_selected_15o6u_1p751_127:not(#\9) {
-  padding-left: var(--space-xxl-huudfn, 32px);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_child_15o6u_ejcz2_180:not(#\9) {
+  padding-left: calc(var(--space-xxl-y3qgr4, 32px) + var(--border-item-width-x3q2fl, 1px));
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_disabled_15o6u_1p751_141:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-oq9t8f, #aab7b8);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_child_15o6u_ejcz2_180.awsui_highlighted_15o6u_ejcz2_127:not(#\9), .awsui_selectable-item_15o6u_ejcz2_93.awsui_child_15o6u_ejcz2_180.awsui_selected_15o6u_ejcz2_127:not(#\9) {
+  padding-left: var(--space-xxl-y3qgr4, 32px);
 }
-.awsui_selectable-item_15o6u_1p751_93:not(#\9):not(.awsui_disabled_15o6u_1p751_141):not(.awsui_parent_15o6u_1p751_161) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_disabled_15o6u_ejcz2_141:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-98o9ly, #aab7b8);
+}
+.awsui_selectable-item_15o6u_ejcz2_93:not(#\9):not(.awsui_disabled_15o6u_ejcz2_141):not(.awsui_parent_15o6u_ejcz2_161) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_interactiveGroups_15o6u_1p751_165:not(#\9):not(.awsui_disabled_15o6u_1p751_141) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_interactiveGroups_15o6u_ejcz2_165:not(#\9):not(.awsui_disabled_15o6u_ejcz2_141) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_virtual_15o6u_1p751_192:not(#\9) {
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_virtual_15o6u_ejcz2_195:not(#\9) {
   position: absolute;
-  top: var(--border-dropdown-virtual-offset-width-nengqe, 0px);
+  top: var(--border-dropdown-virtual-offset-width-qfyj8v, 0px);
   left: 0;
   width: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_1p751_93.awsui_virtual_15o6u_1p751_192:not(#\9):first-of-type:not(.awsui_selected_15o6u_1p751_127, .awsui_highlighted_15o6u_1p751_127) {
-  border-top-color: var(--color-border-dropdown-item-top-sivh3t, #eaeded);
+.awsui_selectable-item_15o6u_ejcz2_93.awsui_virtual_15o6u_ejcz2_195:not(#\9):first-of-type:not(.awsui_selected_15o6u_ejcz2_127, .awsui_highlighted_15o6u_ejcz2_127) {
+  border-top-color: var(--color-border-dropdown-item-top-xaio9x, #eaeded);
 }
-.awsui_measure-strut_15o6u_1p751_203:not(#\9) {
+.awsui_measure-strut_15o6u_ejcz2_206:not(#\9) {
   position: absolute;
   pointer-events: none;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
-  padding-top: var(--border-divider-list-width-eoqsw5, 1px);
+  padding-top: var(--border-divider-list-width-iu80dg, 1px);
 }
-.awsui_measure-strut-first_15o6u_1p751_212:not(#\9) {
-  padding-bottom: var(--border-divider-list-width-eoqsw5, 1px);
+.awsui_measure-strut-first_15o6u_ejcz2_215:not(#\9) {
+  padding-bottom: var(--border-divider-list-width-iu80dg, 1px);
 }
-.awsui_screenreader-content_15o6u_1p751_216:not(#\9) {
+.awsui_screenreader-content_15o6u_ejcz2_219:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
 }
-.awsui_option-content_15o6u_1p751_222:not(#\9) {
+.awsui_option-content_15o6u_ejcz2_225:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_1p751_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1p751_115",
-  "has-background": "awsui_has-background_15o6u_1p751_124",
-  "highlighted": "awsui_highlighted_15o6u_1p751_127",
-  "selected": "awsui_selected_15o6u_1p751_127",
-  "disabled": "awsui_disabled_15o6u_1p751_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1p751_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1p751_157",
-  "parent": "awsui_parent_15o6u_1p751_161",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1p751_165",
-  "child": "awsui_child_15o6u_1p751_177",
-  "virtual": "awsui_virtual_15o6u_1p751_192",
-  "measure-strut": "awsui_measure-strut_15o6u_1p751_203",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1p751_212",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1p751_216",
-  "option-content": "awsui_option-content_15o6u_1p751_222"
+  "selectable-item": "awsui_selectable-item_15o6u_ejcz2_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_ejcz2_115",
+  "has-background": "awsui_has-background_15o6u_ejcz2_124",
+  "highlighted": "awsui_highlighted_15o6u_ejcz2_127",
+  "selected": "awsui_selected_15o6u_ejcz2_127",
+  "disabled": "awsui_disabled_15o6u_ejcz2_141",
+  "next-item-selected": "awsui_next-item-selected_15o6u_ejcz2_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_ejcz2_157",
+  "parent": "awsui_parent_15o6u_ejcz2_161",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_ejcz2_165",
+  "child": "awsui_child_15o6u_ejcz2_180",
+  "virtual": "awsui_virtual_15o6u_ejcz2_195",
+  "measure-strut": "awsui_measure-strut_15o6u_ejcz2_206",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_ejcz2_215",
+  "screenreader-content": "awsui_screenreader-content_15o6u_ejcz2_219",
+  "option-content": "awsui_option-content_15o6u_ejcz2_225"
 };

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

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_12h14_93",
-  "horizontal": "awsui_horizontal_gfwv3_12h14_98",
-  "vertical": "awsui_vertical_gfwv3_12h14_102",
-  "list": "awsui_list_gfwv3_12h14_106",
-  "list-item": "awsui_list-item_gfwv3_12h14_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_12h14_129",
-  "toggle": "awsui_toggle_gfwv3_12h14_129",
-  "description": "awsui_description_gfwv3_12h14_197",
-  "separator": "awsui_separator_gfwv3_12h14_201"
+  "root": "awsui_root_gfwv3_1fw4w_93",
+  "horizontal": "awsui_horizontal_gfwv3_1fw4w_98",
+  "vertical": "awsui_vertical_gfwv3_1fw4w_102",
+  "list": "awsui_list_gfwv3_1fw4w_106",
+  "list-item": "awsui_list-item_gfwv3_1fw4w_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1fw4w_129",
+  "toggle": "awsui_toggle_gfwv3_1fw4w_129",
+  "description": "awsui_description_gfwv3_1fw4w_197",
+  "separator": "awsui_separator_gfwv3_1fw4w_201"
 };