npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.373 → 3.0.375 - Mend

@cloudscape-design/components-themeable 3.0.373 → 3.0.375

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

package/lib/internal/template/internal/components/menu-dropdown/styles.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_m5h9f_1cv6l_93",
-  "expanded": "awsui_expanded_m5h9f_1cv6l_127",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1cv6l_138",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1cv6l_141",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1cv6l_144",
-  "text": "awsui_text_m5h9f_1cv6l_166",
-  "icon": "awsui_icon_m5h9f_1cv6l_170"
+  "button": "awsui_button_m5h9f_19ezz_93",
+  "expanded": "awsui_expanded_m5h9f_19ezz_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_19ezz_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_19ezz_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_19ezz_144",
+  "text": "awsui_text_m5h9f_19ezz_166",
+  "icon": "awsui_icon_m5h9f_19ezz_170"
 };

package/lib/internal/template/internal/components/menu-dropdown/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_button_m5h9f_1cv6l_93:not(#\9) {
+.awsui_button_m5h9f_19ezz_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,64 +120,64 @@ 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-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
-  font-weight: var(--font-button-weight-xpp0m8, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
+  font-weight: var(--font-button-weight-s67y37, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   white-space: nowrap;
   height: 100%;
-  padding-left: var(--space-xs-e7dyai, 8px);
-  padding-right: var(--space-xs-e7dyai, 8px);
+  padding-left: var(--space-xs-xf5ch3, 8px);
+  padding-right: var(--space-xs-xf5ch3, 8px);
   text-decoration: none;
   cursor: pointer;
   border: transparent;
   background: transparent;
-  color: var(--color-text-interactive-default-7wc1ct, #545b64);
+  color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_button_m5h9f_1cv6l_93:not(#\9):hover {
-  color: var(--color-text-interactive-hover-78oj78, #16191f);
+.awsui_button_m5h9f_19ezz_93:not(#\9):hover {
+  color: var(--color-text-interactive-hover-7who0l, #16191f);
   text-decoration: none;
 }
-.awsui_button_m5h9f_1cv6l_93:not(#\9):active, .awsui_button_m5h9f_1cv6l_93.awsui_expanded_m5h9f_1cv6l_127:not(#\9) {
+.awsui_button_m5h9f_19ezz_93:not(#\9):active, .awsui_button_m5h9f_19ezz_93.awsui_expanded_m5h9f_19ezz_127:not(#\9) {
   background: transparent;
-  color: var(--color-text-interactive-active-zv2spm, #16191f);
+  color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_button_m5h9f_1cv6l_93.awsui_expanded_m5h9f_1cv6l_127:not(#\9) {
-  color: var(--color-text-accent-qtjwdy, #0073bb);
+.awsui_button_m5h9f_19ezz_93.awsui_expanded_m5h9f_19ezz_127:not(#\9) {
+  color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_button_m5h9f_1cv6l_93:not(#\9):focus {
+.awsui_button_m5h9f_19ezz_93:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_1cv6l_93.awsui_offset-right-none_m5h9f_1cv6l_138:not(#\9) {
+.awsui_button_m5h9f_19ezz_93.awsui_offset-right-none_m5h9f_19ezz_138:not(#\9) {
   margin-right: 0;
 }
-.awsui_button_m5h9f_1cv6l_93.awsui_offset-right-l_m5h9f_1cv6l_141:not(#\9) {
-  margin-right: var(--space-s-agghyv, 12px);
+.awsui_button_m5h9f_19ezz_93.awsui_offset-right-l_m5h9f_19ezz_141:not(#\9) {
+  margin-right: var(--space-s-2025hl, 12px);
 }
-.awsui_button_m5h9f_1cv6l_93.awsui_offset-right-xxl_m5h9f_1cv6l_144:not(#\9) {
-  margin-right: var(--space-xl-v605rp, 24px);
+.awsui_button_m5h9f_19ezz_93.awsui_offset-right-xxl_m5h9f_19ezz_144:not(#\9) {
+  margin-right: var(--space-xl-5fdwzu, 24px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1cv6l_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_19ezz_93:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1cv6l_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_19ezz_93:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1cv6l_93:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_19ezz_93:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -185,14 +185,14 @@ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1cv6l_93:not(#\9):focus:
   top: calc(-1 * -1px);
   width: calc(100% + 2 * -1px);
   height: calc(100% + 2 * -1px);
-  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_text_m5h9f_1cv6l_166:not(#\9) {
-  margin-right: var(--space-xs-e7dyai, 8px);
+.awsui_text_m5h9f_19ezz_166:not(#\9) {
+  margin-right: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_icon_m5h9f_1cv6l_170 + .awsui_text_m5h9f_1cv6l_166:not(#\9) {
-  margin-left: var(--space-xs-e7dyai, 8px);
+.awsui_icon_m5h9f_19ezz_170 + .awsui_text_m5h9f_19ezz_166:not(#\9) {
+  margin-left: var(--space-xs-xf5ch3, 8px);
 }

package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_m5h9f_1cv6l_93",
-  "expanded": "awsui_expanded_m5h9f_1cv6l_127",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1cv6l_138",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1cv6l_141",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1cv6l_144",
-  "text": "awsui_text_m5h9f_1cv6l_166",
-  "icon": "awsui_icon_m5h9f_1cv6l_170"
+  "button": "awsui_button_m5h9f_19ezz_93",
+  "expanded": "awsui_expanded_m5h9f_19ezz_127",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_19ezz_138",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_19ezz_141",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_19ezz_144",
+  "text": "awsui_text_m5h9f_19ezz_166",
+  "icon": "awsui_icon_m5h9f_19ezz_170"
 };

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

@@ -1,22 +1,22 @@
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_rbtea_97",
-  "disabled": "awsui_disabled_1p2cx_rbtea_115",
-  "parent": "awsui_parent_1p2cx_rbtea_118",
-  "highlighted": "awsui_highlighted_1p2cx_rbtea_121",
-  "content": "awsui_content_1p2cx_rbtea_125",
-  "label-content": "awsui_label-content_1p2cx_rbtea_132",
-  "label": "awsui_label_1p2cx_rbtea_132",
-  "tag": "awsui_tag_1p2cx_rbtea_139",
-  "label-tag": "awsui_label-tag_1p2cx_rbtea_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_rbtea_151",
-  "tags": "awsui_tags_1p2cx_rbtea_164",
-  "description": "awsui_description_1p2cx_rbtea_165",
-  "selected": "awsui_selected_1p2cx_rbtea_176",
-  "icon": "awsui_icon_1p2cx_rbtea_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_rbtea_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_rbtea_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_rbtea_216"
+  "option": "awsui_option_1p2cx_iw189_97",
+  "disabled": "awsui_disabled_1p2cx_iw189_115",
+  "parent": "awsui_parent_1p2cx_iw189_118",
+  "highlighted": "awsui_highlighted_1p2cx_iw189_121",
+  "content": "awsui_content_1p2cx_iw189_125",
+  "label-content": "awsui_label-content_1p2cx_iw189_132",
+  "label": "awsui_label_1p2cx_iw189_132",
+  "tag": "awsui_tag_1p2cx_iw189_139",
+  "label-tag": "awsui_label-tag_1p2cx_iw189_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_iw189_151",
+  "tags": "awsui_tags_1p2cx_iw189_164",
+  "description": "awsui_description_1p2cx_iw189_165",
+  "selected": "awsui_selected_1p2cx_iw189_176",
+  "icon": "awsui_icon_1p2cx_iw189_190",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_iw189_197",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_iw189_201",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_iw189_216"
 };

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_rbtea_97:not(#\9) {
+.awsui_option_1p2cx_iw189_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-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "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_rbtea_97:not(#\9):not(.awsui_disabled_1p2cx_rbtea_115) {
+.awsui_option_1p2cx_iw189_97:not(#\9):not(.awsui_disabled_1p2cx_iw189_115) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_rbtea_97.awsui_parent_1p2cx_rbtea_118:not(#\9) {
+.awsui_option_1p2cx_iw189_97.awsui_parent_1p2cx_iw189_118:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_rbtea_97.awsui_parent_1p2cx_rbtea_118:not(#\9):not(.awsui_disabled_1p2cx_rbtea_115):not(.awsui_highlighted_1p2cx_rbtea_121) {
-  color: var(--color-text-dropdown-group-label-tdobog, #545b64);
+.awsui_option_1p2cx_iw189_97.awsui_parent_1p2cx_iw189_118:not(#\9):not(.awsui_disabled_1p2cx_iw189_115):not(.awsui_highlighted_1p2cx_iw189_121) {
+  color: var(--color-text-dropdown-group-label-fkeaqf, #545b64);
 }
-.awsui_content_1p2cx_rbtea_125:not(#\9) {
+.awsui_content_1p2cx_iw189_125:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.awsui_label-content_1p2cx_rbtea_132:not(#\9) {
+.awsui_label-content_1p2cx_iw189_132:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.awsui_label_1p2cx_rbtea_132:not(#\9),
-.awsui_tag_1p2cx_rbtea_139:not(#\9),
-.awsui_label-tag_1p2cx_rbtea_140:not(#\9) {
+.awsui_label_1p2cx_iw189_132:not(#\9),
+.awsui_tag_1p2cx_iw189_139:not(#\9),
+.awsui_label-tag_1p2cx_iw189_140:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
-.awsui_label_1p2cx_rbtea_132:not(#\9),
-.awsui_tag_1p2cx_rbtea_139:not(#\9) {
+.awsui_label_1p2cx_iw189_132:not(#\9),
+.awsui_tag_1p2cx_iw189_139:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_label-prefix_1p2cx_rbtea_151:not(#\9) {
+.awsui_label-prefix_1p2cx_iw189_151:not(#\9) {
   font-weight: 700;
 }
-.awsui_label-tag_1p2cx_rbtea_140:not(#\9) {
-  padding-left: var(--space-s-agghyv, 12px);
+.awsui_label-tag_1p2cx_iw189_140:not(#\9) {
+  padding-left: var(--space-s-2025hl, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_rbtea_140:not(#\9):empty {
+.awsui_label-tag_1p2cx_iw189_140:not(#\9):empty {
   display: none;
 }
-.awsui_tags_1p2cx_rbtea_164:not(#\9),
-.awsui_description_1p2cx_rbtea_165:not(#\9) {
-  font-size: var(--font-body-s-size-wofdyf, 12px);
-  line-height: var(--font-body-s-line-height-hkht1z, 16px);
-  letter-spacing: var(--font-body-s-letter-spacing-bkw1uw, normal);
-  color: var(--color-text-dropdown-item-secondary-nz0eji, #687078);
+.awsui_tags_1p2cx_iw189_164:not(#\9),
+.awsui_description_1p2cx_iw189_165:not(#\9) {
+  font-size: var(--font-body-s-size-uzxiqw, 12px);
+  line-height: var(--font-body-s-line-height-4nqsqf, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-nop1yq, normal);
+  color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_rbtea_164.awsui_highlighted_1p2cx_rbtea_121:not(#\9),
-.awsui_description_1p2cx_rbtea_165.awsui_highlighted_1p2cx_rbtea_121:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-hover-2e89h1, #687078);
+.awsui_tags_1p2cx_iw189_164.awsui_highlighted_1p2cx_iw189_121:not(#\9),
+.awsui_description_1p2cx_iw189_165.awsui_highlighted_1p2cx_iw189_121:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-hover-q6kp0a, #687078);
 }
-.awsui_tags_1p2cx_rbtea_164.awsui_selected_1p2cx_rbtea_176:not(#\9),
-.awsui_description_1p2cx_rbtea_165.awsui_selected_1p2cx_rbtea_176:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-nz0eji, #687078);
+.awsui_tags_1p2cx_iw189_164.awsui_selected_1p2cx_iw189_176:not(#\9),
+.awsui_description_1p2cx_iw189_165.awsui_selected_1p2cx_iw189_176:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
 }
-.awsui_tags_1p2cx_rbtea_164:not(#\9) {
+.awsui_tags_1p2cx_iw189_164:not(#\9) {
   display: flex;
   align-items: stretch;
 }
-.awsui_tag_1p2cx_rbtea_139:not(#\9):not(:last-child) {
-  padding-right: var(--space-m-6hr7pn, 16px);
+.awsui_tag_1p2cx_iw189_139:not(#\9):not(:last-child) {
+  padding-right: var(--space-m-kpg8id, 16px);
 }
-.awsui_icon_1p2cx_rbtea_190:not(#\9) {
-  padding-right: var(--space-xs-e7dyai, 8px);
+.awsui_icon_1p2cx_iw189_190:not(#\9) {
+  padding-right: var(--space-xs-xf5ch3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
-.awsui_icon-size-big_1p2cx_rbtea_197:not(#\9) {
-  padding-top: var(--space-option-icon-big-top-3sdova, 2px);
+.awsui_icon-size-big_1p2cx_iw189_197:not(#\9) {
+  padding-top: var(--space-option-icon-big-top-b7er3p, 2px);
 }
-.awsui_filtering-match-highlight_1p2cx_rbtea_201:not(#\9) {
-  background-color: var(--color-background-dropdown-item-filter-match-ijaj7v, #f1faff);
-  color: var(--color-text-dropdown-item-filter-match-sl75y1, #0073bb);
+.awsui_filtering-match-highlight_1p2cx_iw189_201:not(#\9) {
+  background-color: var(--color-background-dropdown-item-filter-match-nyh5xa, #f1faff);
+  color: var(--color-text-dropdown-item-filter-match-45q4r4, #0073bb);
   font-weight: bold;
 }
-.awsui_disabled_1p2cx_rbtea_115:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-gnf746, #aab7b8);
+.awsui_disabled_1p2cx_iw189_115:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_rbtea_115 > .awsui_content_1p2cx_rbtea_125 > .awsui_tags_1p2cx_rbtea_164:not(#\9),
-.awsui_disabled_1p2cx_rbtea_115 > .awsui_content_1p2cx_rbtea_125 > .awsui_description_1p2cx_rbtea_165:not(#\9) {
+.awsui_disabled_1p2cx_iw189_115 > .awsui_content_1p2cx_iw189_125 > .awsui_tags_1p2cx_iw189_164:not(#\9),
+.awsui_disabled_1p2cx_iw189_115 > .awsui_content_1p2cx_iw189_125 > .awsui_description_1p2cx_iw189_165:not(#\9) {
   color: currentColor;
 }
-.awsui_trigger-variant_1p2cx_rbtea_216:not(#\9) {
+.awsui_trigger-variant_1p2cx_iw189_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_rbtea_97",
-  "disabled": "awsui_disabled_1p2cx_rbtea_115",
-  "parent": "awsui_parent_1p2cx_rbtea_118",
-  "highlighted": "awsui_highlighted_1p2cx_rbtea_121",
-  "content": "awsui_content_1p2cx_rbtea_125",
-  "label-content": "awsui_label-content_1p2cx_rbtea_132",
-  "label": "awsui_label_1p2cx_rbtea_132",
-  "tag": "awsui_tag_1p2cx_rbtea_139",
-  "label-tag": "awsui_label-tag_1p2cx_rbtea_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_rbtea_151",
-  "tags": "awsui_tags_1p2cx_rbtea_164",
-  "description": "awsui_description_1p2cx_rbtea_165",
-  "selected": "awsui_selected_1p2cx_rbtea_176",
-  "icon": "awsui_icon_1p2cx_rbtea_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_rbtea_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_rbtea_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_rbtea_216"
+  "option": "awsui_option_1p2cx_iw189_97",
+  "disabled": "awsui_disabled_1p2cx_iw189_115",
+  "parent": "awsui_parent_1p2cx_iw189_118",
+  "highlighted": "awsui_highlighted_1p2cx_iw189_121",
+  "content": "awsui_content_1p2cx_iw189_125",
+  "label-content": "awsui_label-content_1p2cx_iw189_132",
+  "label": "awsui_label_1p2cx_iw189_132",
+  "tag": "awsui_tag_1p2cx_iw189_139",
+  "label-tag": "awsui_label-tag_1p2cx_iw189_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_iw189_151",
+  "tags": "awsui_tags_1p2cx_iw189_164",
+  "description": "awsui_description_1p2cx_iw189_165",
+  "selected": "awsui_selected_1p2cx_iw189_176",
+  "icon": "awsui_icon_1p2cx_iw189_190",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_iw189_197",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_iw189_201",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_iw189_216"
 };

package/lib/internal/template/internal/components/options-list/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;~~AAItB~~,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;~~AAEzD~~,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAmFD,wBAA6C"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAmFD,wBAA6C"}

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

@@ -8,7 +8,7 @@ import { getBaseProps } from '../../base-component';
 import { fireNonCancelableEvent, fireKeyboardEvent, } from '../../events';
 import { findUpUntil } from '../../utils/dom';
 import styles from './styles.css.js';
-import { useStableEventHandler } from '../../hooks/use-stable-event-handler';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 const BOTTOM_TRIGGER_OFFSET = 80;
 const getItemIndex = (containerRef, event) => {
     const target = findUpUntil(event.target, element => element === containerRef.current || !!element.dataset.mouseTarget);
@@ -19,7 +19,7 @@ const OptionsList = (_a, ref) => {
     var { open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', decreaseTopMargin = false, ariaLabelledby, ariaDescribedby } = _a, restProps = __rest(_a, ["open", "statusType", "children", "nativeAttributes", "onKeyDown", "onBlur", "onFocus", "onLoadMore", "onMouseUp", "onMouseMove", "position", "role", "decreaseTopMargin", "ariaLabelledby", "ariaDescribedby"]);
     const baseProps = getBaseProps(restProps);
     const menuRef = useRef(null);
-    const handleScroll = useStableEventHandler(() => {
+    const handleScroll = useStableCallback(() => {
         const scrollContainer = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
         if (scrollContainer) {
             const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;

package/lib/internal/template/internal/components/options-list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EACL,sBAAsB,EAItB,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AACrC~~,OAAO,EAAE,~~qBAAqB~~,EAAE,MAAM,~~sCAAsC,~~CAAC;~~AA2B7E~~,MAAM,qBAAqB,GAAG,EAAE,CAAC;AAEjC,MAAM,YAAY,GAAG,CAAC,YAA0C,EAAE,KAAuB,EAAE,EAAE;IAC3F,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,CAAC,MAAqB,EAC3B,OAAO,CAAC,EAAE,CAAC,OAAO,KAAK,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAC7E,CAAC;IACF,MAAM,WAAW,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,WAAW,CAAC;IAChD,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAClB,EAiBmB,EACnB,GAAgC,EAChC,EAAE;QAnBF,EACE,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,gBAAgB,GAAG,EAAE,EACrB,SAAS,EACT,MAAM,EACN,OAAO,EACP,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GAAG,UAAU,EACrB,IAAI,GAAG,SAAS,EAChB,iBAAiB,GAAG,KAAK,EACzB,cAAc,EACd,eAAe,OAEE,EADd,SAAS,cAhBd,gNAiBC,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,~~qBAAqB~~,CAAC,GAAG,EAAE;~~QAC9C~~,MAAM,eAAe,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC;QACzC,IAAI,eAAe,EAAE;YACnB,MAAM,kBAAkB,GAAG,eAAe,CAAC,SAAS,GAAG,eAAe,CAAC,YAAY,CAAC;YACpF,MAAM,qBAAqB,GAAG,eAAe,CAAC,YAAY,GAAG,kBAAkB,CAAC;YAChF,IAAI,qBAAqB,GAAG,qBAAqB,EAAE;gBACjD,sBAAsB,CAAC,UAAU,CAAC,CAAC;aACpC;SACF;IACH,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE;YACpC,YAAY,EAAE,CAAC;SAChB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;QAC7C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;KACnD,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE7C,OAAO,CACL,4CACM,SAAS,EACT,gBAAgB,IACpB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,QAAQ,EAAE,EACnB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,EACpE,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EACjE,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,EAC7D,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAC9C,QAAQ,EAAE,CAAC,CAAC,qBACK,cAAc,sBACb,eAAe,KAEhC,IAAI,IAAI,QAAQ,CACd,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n fireNonCancelableEvent,\n NonCancelableEventHandler,\n CancelableEventHandler,\n BaseKeyDetail,\n fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { ~~useStableEventHandler~~ } from '~~../../hooks/use~~-~~stable-event-handler~~';\nimport { ~~DropdownStatusProps~~ } from '~~../dropdown~~-~~status~~';\n\nexport interface OptionsListProps extends BaseComponentProps {\n open?: boolean;\n statusType: DropdownStatusProps.StatusType;\n /*\n Options list\n /\n children: React.ReactNode;\n nativeAttributes?: Record<string, any>;\n /\n Called when more items need to be loaded.\n */\n onLoadMore?: NonCancelableEventHandler;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onBlur?: NonCancelableEventHandler<{ relatedTarget: Node \| null }>;\n onFocus?: NonCancelableEventHandler;\n onMouseUp?: (itemIndex: number) => void;\n onMouseMove?: (itemIndex: number) => void;\n position?: React.CSSProperties['position'];\n role?: 'listbox' \| 'list' \| 'menu';\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n decreaseTopMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n const target = findUpUntil(\n event.target as HTMLElement,\n element => element === containerRef.current \|\| !!element.dataset.mouseTarget\n );\n const mouseTarget = target?.dataset.mouseTarget;\n return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n {\n open,\n statusType,\n children,\n nativeAttributes = {},\n onKeyDown,\n onBlur,\n onFocus,\n onLoadMore,\n onMouseUp,\n onMouseMove,\n position = 'relative',\n role = 'listbox',\n decreaseTopMargin = false,\n ariaLabelledby,\n ariaDescribedby,\n ...restProps\n }: OptionsListProps,\n ref: React.Ref<HTMLUListElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const menuRef = useRef<HTMLUListElement>(null);\n\n const handleScroll = ~~useStableEventHandler~~(() => {\n const scrollContainer = menuRef?.current;\n if (scrollContainer) {\n const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n fireNonCancelableEvent(onLoadMore);\n }\n }\n });\n\n useEffect(() => {\n if (open && statusType === 'pending') {\n handleScroll();\n }\n }, [open, statusType, handleScroll]);\n\n const className = clsx(styles['options-list'], {\n [styles['decrease-top-margin']]: decreaseTopMargin,\n });\n\n const mergedRef = useMergeRefs(ref, menuRef);\n\n return (\n <ul\n {...baseProps}\n {...nativeAttributes}\n className={className}\n ref={mergedRef}\n style={{ position }}\n role={role}\n onScroll={handleScroll}\n onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n onFocus={() => fireNonCancelableEvent(onFocus)}\n tabIndex={-1}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n >\n {open && children}\n </ul>\n );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n fireNonCancelableEvent,\n NonCancelableEventHandler,\n CancelableEventHandler,\n BaseKeyDetail,\n fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { DropdownStatusProps } from '../dropdown-status';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface OptionsListProps extends BaseComponentProps {\n open?: boolean;\n statusType: DropdownStatusProps.StatusType;\n /*\n Options list\n /\n children: React.ReactNode;\n nativeAttributes?: Record<string, any>;\n /\n Called when more items need to be loaded.\n */\n onLoadMore?: NonCancelableEventHandler;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onBlur?: NonCancelableEventHandler<{ relatedTarget: Node \| null }>;\n onFocus?: NonCancelableEventHandler;\n onMouseUp?: (itemIndex: number) => void;\n onMouseMove?: (itemIndex: number) => void;\n position?: React.CSSProperties['position'];\n role?: 'listbox' \| 'list' \| 'menu';\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n decreaseTopMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n const target = findUpUntil(\n event.target as HTMLElement,\n element => element === containerRef.current \|\| !!element.dataset.mouseTarget\n );\n const mouseTarget = target?.dataset.mouseTarget;\n return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n {\n open,\n statusType,\n children,\n nativeAttributes = {},\n onKeyDown,\n onBlur,\n onFocus,\n onLoadMore,\n onMouseUp,\n onMouseMove,\n position = 'relative',\n role = 'listbox',\n decreaseTopMargin = false,\n ariaLabelledby,\n ariaDescribedby,\n ...restProps\n }: OptionsListProps,\n ref: React.Ref<HTMLUListElement>\n) => {\n const baseProps = getBaseProps(restProps);\n const menuRef = useRef<HTMLUListElement>(null);\n\n const handleScroll = useStableCallback(() => {\n const scrollContainer = menuRef?.current;\n if (scrollContainer) {\n const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n fireNonCancelableEvent(onLoadMore);\n }\n }\n });\n\n useEffect(() => {\n if (open && statusType === 'pending') {\n handleScroll();\n }\n }, [open, statusType, handleScroll]);\n\n const className = clsx(styles['options-list'], {\n [styles['decrease-top-margin']]: decreaseTopMargin,\n });\n\n const mergedRef = useMergeRefs(ref, menuRef);\n\n return (\n <ul\n {...baseProps}\n {...nativeAttributes}\n className={className}\n ref={mergedRef}\n style={{ position }}\n role={role}\n onScroll={handleScroll}\n onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n onFocus={() => fireNonCancelableEvent(onFocus)}\n tabIndex={-1}\n aria-labelledby={ariaLabelledby}\n aria-describedby={ariaDescribedby}\n >\n {open && children}\n </ul>\n );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}

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_11dsk_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_11dsk_115"
+  "options-list": "awsui_options-list_19gcf_1vla7_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1vla7_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_11dsk_93:not(#\9) {
+.awsui_options-list_19gcf_1vla7_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-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "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-u5jq1e, 0px);
+  border-radius: var(--border-radius-dropdown-cw0ldi, 0px);
 }
-.awsui_decrease-top-margin_19gcf_11dsk_115:not(#\9) {
+.awsui_decrease-top-margin_19gcf_1vla7_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_11dsk_93",
-  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_11dsk_115"
+  "options-list": "awsui_options-list_19gcf_1vla7_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_1vla7_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_wzew2_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_wzew2_115",
-  "has-background": "awsui_has-background_15o6u_wzew2_124",
-  "highlighted": "awsui_highlighted_15o6u_wzew2_127",
-  "selected": "awsui_selected_15o6u_wzew2_127",
-  "disabled": "awsui_disabled_15o6u_wzew2_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_wzew2_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_wzew2_157",
-  "parent": "awsui_parent_15o6u_wzew2_161",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_wzew2_165",
-  "child": "awsui_child_15o6u_wzew2_180",
-  "virtual": "awsui_virtual_15o6u_wzew2_195",
-  "measure-strut": "awsui_measure-strut_15o6u_wzew2_206",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_wzew2_215",
-  "screenreader-content": "awsui_screenreader-content_15o6u_wzew2_219",
-  "option-content": "awsui_option-content_15o6u_wzew2_225"
+  "selectable-item": "awsui_selectable-item_15o6u_1c0mu_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1c0mu_115",
+  "has-background": "awsui_has-background_15o6u_1c0mu_124",
+  "highlighted": "awsui_highlighted_15o6u_1c0mu_127",
+  "selected": "awsui_selected_15o6u_1c0mu_127",
+  "disabled": "awsui_disabled_15o6u_1c0mu_141",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1c0mu_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1c0mu_157",
+  "parent": "awsui_parent_15o6u_1c0mu_161",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1c0mu_165",
+  "child": "awsui_child_15o6u_1c0mu_180",
+  "virtual": "awsui_virtual_15o6u_1c0mu_195",
+  "measure-strut": "awsui_measure-strut_15o6u_1c0mu_206",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1c0mu_215",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1c0mu_219",
+  "option-content": "awsui_option-content_15o6u_1c0mu_225"
 };