@cloudscape-design/components-themeable 3.0.774 → 3.0.776

package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_button_m5h9f_13y2k_141:not(#\9) {
+.awsui_button_m5h9f_1p0wz_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,7 +167,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -188,40 +188,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: transparent;
   border-inline: transparent;
   background: transparent;
-  color: var(--color-text-interactive-default-dt26aj, #545b64);
+  color: var(--color-text-interactive-default-1hkfiv, #545b64);
 }
-.awsui_button_m5h9f_13y2k_141:not(#\9):hover {
-  color: var(--color-text-interactive-hover-7who0l, #16191f);
+.awsui_button_m5h9f_1p0wz_141:not(#\9):hover {
+  color: var(--color-text-interactive-hover-w63rso, #16191f);
   text-decoration: none;
 }
-.awsui_button_m5h9f_13y2k_141:not(#\9):active, .awsui_button_m5h9f_13y2k_141.awsui_expanded_m5h9f_13y2k_196:not(#\9) {
+.awsui_button_m5h9f_1p0wz_141:not(#\9):active, .awsui_button_m5h9f_1p0wz_141.awsui_expanded_m5h9f_1p0wz_196:not(#\9) {
   background: transparent;
-  color: var(--color-text-interactive-active-jrhxoe, #16191f);
+  color: var(--color-text-interactive-active-9gwzno, #16191f);
 }
-.awsui_button_m5h9f_13y2k_141.awsui_expanded_m5h9f_13y2k_196:not(#\9) {
-  color: var(--color-text-accent-yy9054, #0073bb);
+.awsui_button_m5h9f_1p0wz_141.awsui_expanded_m5h9f_1p0wz_196:not(#\9) {
+  color: var(--color-text-accent-l5kln7, #0073bb);
 }
-.awsui_button_m5h9f_13y2k_141:not(#\9):focus {
+.awsui_button_m5h9f_1p0wz_141:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_13y2k_141.awsui_offset-right-none_m5h9f_13y2k_207:not(#\9) {
+.awsui_button_m5h9f_1p0wz_141.awsui_offset-right-none_m5h9f_1p0wz_207:not(#\9) {
   margin-inline-end: 0;
 }
-.awsui_button_m5h9f_13y2k_141.awsui_offset-right-l_m5h9f_13y2k_210:not(#\9) {
+.awsui_button_m5h9f_1p0wz_141.awsui_offset-right-l_m5h9f_1p0wz_210:not(#\9) {
   margin-inline-end: var(--space-s-2025hl, 12px);
 }
-.awsui_button_m5h9f_13y2k_141.awsui_offset-right-xxl_m5h9f_13y2k_213:not(#\9) {
+.awsui_button_m5h9f_1p0wz_141.awsui_offset-right-xxl_m5h9f_1p0wz_213:not(#\9) {
   margin-inline-end: var(--space-xl-5fdwzu, 24px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_13y2k_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1p0wz_141:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_13y2k_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1p0wz_141:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_13y2k_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1p0wz_141:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -233,13 +233,13 @@ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_13y2k_141:not(#\9):focus
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
 
-.awsui_text_m5h9f_13y2k_238:not(#\9) {
+.awsui_text_m5h9f_1p0wz_238:not(#\9) {
   margin-inline-end: var(--space-xs-xf5ch3, 8px);
 }
 
-.awsui_icon_m5h9f_13y2k_242 + .awsui_text_m5h9f_13y2k_238:not(#\9) {
+.awsui_icon_m5h9f_1p0wz_242 + .awsui_text_m5h9f_1p0wz_238:not(#\9) {
   margin-inline-start: var(--space-xs-xf5ch3, 8px);
 }

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

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_m5h9f_13y2k_141",
-  "expanded": "awsui_expanded_m5h9f_13y2k_196",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_13y2k_207",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_13y2k_210",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_13y2k_213",
-  "text": "awsui_text_m5h9f_13y2k_238",
-  "icon": "awsui_icon_m5h9f_13y2k_242"
+  "button": "awsui_button_m5h9f_1p0wz_141",
+  "expanded": "awsui_expanded_m5h9f_1p0wz_196",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1p0wz_207",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1p0wz_210",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1p0wz_213",
+  "text": "awsui_text_m5h9f_1p0wz_238",
+  "icon": "awsui_icon_m5h9f_1p0wz_242"
 };
   

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

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_c6qzv_149",
-  "disabled": "awsui_disabled_1p2cx_c6qzv_189",
-  "parent": "awsui_parent_1p2cx_c6qzv_192",
-  "highlighted": "awsui_highlighted_1p2cx_c6qzv_195",
-  "content": "awsui_content_1p2cx_c6qzv_199",
-  "label-content": "awsui_label-content_1p2cx_c6qzv_206",
-  "label": "awsui_label_1p2cx_c6qzv_206",
-  "tag": "awsui_tag_1p2cx_c6qzv_213",
-  "label-tag": "awsui_label-tag_1p2cx_c6qzv_214",
-  "label-prefix": "awsui_label-prefix_1p2cx_c6qzv_224",
-  "tags": "awsui_tags_1p2cx_c6qzv_237",
-  "description": "awsui_description_1p2cx_c6qzv_238",
-  "selected": "awsui_selected_1p2cx_c6qzv_249",
-  "icon": "awsui_icon_1p2cx_c6qzv_263",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_c6qzv_270",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_c6qzv_274",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_c6qzv_289"
+  "option": "awsui_option_1p2cx_139uw_149",
+  "disabled": "awsui_disabled_1p2cx_139uw_189",
+  "parent": "awsui_parent_1p2cx_139uw_192",
+  "highlighted": "awsui_highlighted_1p2cx_139uw_195",
+  "content": "awsui_content_1p2cx_139uw_199",
+  "label-content": "awsui_label-content_1p2cx_139uw_206",
+  "label": "awsui_label_1p2cx_139uw_206",
+  "tag": "awsui_tag_1p2cx_139uw_213",
+  "label-tag": "awsui_label-tag_1p2cx_139uw_214",
+  "label-prefix": "awsui_label-prefix_1p2cx_139uw_224",
+  "tags": "awsui_tags_1p2cx_139uw_237",
+  "description": "awsui_description_1p2cx_139uw_238",
+  "selected": "awsui_selected_1p2cx_139uw_249",
+  "icon": "awsui_icon_1p2cx_139uw_263",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_139uw_270",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_139uw_274",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_139uw_289"
 };
   

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

@@ -146,7 +146,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_option_1p2cx_c6qzv_149:not(#\9) {
+.awsui_option_1p2cx_139uw_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -187,107 +187,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_c6qzv_149:not(#\9):not(.awsui_disabled_1p2cx_c6qzv_189) {
+.awsui_option_1p2cx_139uw_149:not(#\9):not(.awsui_disabled_1p2cx_139uw_189) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_c6qzv_149.awsui_parent_1p2cx_c6qzv_192:not(#\9) {
+.awsui_option_1p2cx_139uw_149.awsui_parent_1p2cx_139uw_192:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_c6qzv_149.awsui_parent_1p2cx_c6qzv_192:not(#\9):not(.awsui_disabled_1p2cx_c6qzv_189):not(.awsui_highlighted_1p2cx_c6qzv_195) {
-  color: var(--color-text-dropdown-group-label-sizd89, #545b64);
+.awsui_option_1p2cx_139uw_149.awsui_parent_1p2cx_139uw_192:not(#\9):not(.awsui_disabled_1p2cx_139uw_189):not(.awsui_highlighted_1p2cx_139uw_195) {
+  color: var(--color-text-dropdown-group-label-q0p18s, #545b64);
 }
 
-.awsui_content_1p2cx_c6qzv_199:not(#\9) {
+.awsui_content_1p2cx_139uw_199:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_c6qzv_206:not(#\9) {
+.awsui_label-content_1p2cx_139uw_206:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_c6qzv_206:not(#\9),
-.awsui_tag_1p2cx_c6qzv_213:not(#\9),
-.awsui_label-tag_1p2cx_c6qzv_214:not(#\9) {
+.awsui_label_1p2cx_139uw_206:not(#\9),
+.awsui_tag_1p2cx_139uw_213:not(#\9),
+.awsui_label-tag_1p2cx_139uw_214:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_c6qzv_206:not(#\9),
-.awsui_tag_1p2cx_c6qzv_213:not(#\9) {
+.awsui_label_1p2cx_139uw_206:not(#\9),
+.awsui_tag_1p2cx_139uw_213:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_c6qzv_224:not(#\9) {
+.awsui_label-prefix_1p2cx_139uw_224:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_c6qzv_214:not(#\9) {
+.awsui_label-tag_1p2cx_139uw_214:not(#\9) {
   padding-inline-start: var(--space-s-2025hl, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_c6qzv_214:not(#\9):empty {
+.awsui_label-tag_1p2cx_139uw_214:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_c6qzv_237:not(#\9),
-.awsui_description_1p2cx_c6qzv_238:not(#\9) {
+.awsui_tags_1p2cx_139uw_237:not(#\9),
+.awsui_description_1p2cx_139uw_238:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
-  color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
+  color: var(--color-text-dropdown-item-secondary-7xon9n, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_c6qzv_237.awsui_highlighted_1p2cx_c6qzv_195:not(#\9),
-.awsui_description_1p2cx_c6qzv_238.awsui_highlighted_1p2cx_c6qzv_195:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-hover-q6kp0a, #687078);
+.awsui_tags_1p2cx_139uw_237.awsui_highlighted_1p2cx_139uw_195:not(#\9),
+.awsui_description_1p2cx_139uw_238.awsui_highlighted_1p2cx_139uw_195:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-hover-r9wbgb, #687078);
 }
-.awsui_tags_1p2cx_c6qzv_237.awsui_selected_1p2cx_c6qzv_249:not(#\9),
-.awsui_description_1p2cx_c6qzv_238.awsui_selected_1p2cx_c6qzv_249:not(#\9) {
-  color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
+.awsui_tags_1p2cx_139uw_237.awsui_selected_1p2cx_139uw_249:not(#\9),
+.awsui_description_1p2cx_139uw_238.awsui_selected_1p2cx_139uw_249:not(#\9) {
+  color: var(--color-text-dropdown-item-secondary-7xon9n, #687078);
 }
 
-.awsui_tags_1p2cx_c6qzv_237:not(#\9) {
+.awsui_tags_1p2cx_139uw_237:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_c6qzv_213:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_139uw_213:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-kpg8id, 16px);
 }
 
-.awsui_icon_1p2cx_c6qzv_263:not(#\9) {
+.awsui_icon_1p2cx_139uw_263:not(#\9) {
   padding-inline-end: var(--space-xs-xf5ch3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_c6qzv_270:not(#\9) {
+.awsui_icon-size-big_1p2cx_139uw_270:not(#\9) {
   padding-block-start: var(--space-option-icon-big-top-b7er3p, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_c6qzv_274:not(#\9) {
-  background-color: var(--color-background-dropdown-item-filter-match-nyh5xa, #f1faff);
-  color: var(--color-text-dropdown-item-filter-match-45q4r4, #0073bb);
+.awsui_filtering-match-highlight_1p2cx_139uw_274:not(#\9) {
+  background-color: var(--color-background-dropdown-item-filter-match-ao8pad, #f1faff);
+  color: var(--color-text-dropdown-item-filter-match-udo802, #0073bb);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_c6qzv_189:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
+.awsui_disabled_1p2cx_139uw_189:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-mnz3s7, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_c6qzv_189 > .awsui_content_1p2cx_c6qzv_199 > .awsui_tags_1p2cx_c6qzv_237:not(#\9),
-.awsui_disabled_1p2cx_c6qzv_189 > .awsui_content_1p2cx_c6qzv_199 > .awsui_description_1p2cx_c6qzv_238:not(#\9) {
+.awsui_disabled_1p2cx_139uw_189 > .awsui_content_1p2cx_139uw_199 > .awsui_tags_1p2cx_139uw_237:not(#\9),
+.awsui_disabled_1p2cx_139uw_189 > .awsui_content_1p2cx_139uw_199 > .awsui_description_1p2cx_139uw_238:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_c6qzv_289:not(#\9) {
+.awsui_trigger-variant_1p2cx_139uw_289:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

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

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_c6qzv_149",
-  "disabled": "awsui_disabled_1p2cx_c6qzv_189",
-  "parent": "awsui_parent_1p2cx_c6qzv_192",
-  "highlighted": "awsui_highlighted_1p2cx_c6qzv_195",
-  "content": "awsui_content_1p2cx_c6qzv_199",
-  "label-content": "awsui_label-content_1p2cx_c6qzv_206",
-  "label": "awsui_label_1p2cx_c6qzv_206",
-  "tag": "awsui_tag_1p2cx_c6qzv_213",
-  "label-tag": "awsui_label-tag_1p2cx_c6qzv_214",
-  "label-prefix": "awsui_label-prefix_1p2cx_c6qzv_224",
-  "tags": "awsui_tags_1p2cx_c6qzv_237",
-  "description": "awsui_description_1p2cx_c6qzv_238",
-  "selected": "awsui_selected_1p2cx_c6qzv_249",
-  "icon": "awsui_icon_1p2cx_c6qzv_263",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_c6qzv_270",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_c6qzv_274",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_c6qzv_289"
+  "option": "awsui_option_1p2cx_139uw_149",
+  "disabled": "awsui_disabled_1p2cx_139uw_189",
+  "parent": "awsui_parent_1p2cx_139uw_192",
+  "highlighted": "awsui_highlighted_1p2cx_139uw_195",
+  "content": "awsui_content_1p2cx_139uw_199",
+  "label-content": "awsui_label-content_1p2cx_139uw_206",
+  "label": "awsui_label_1p2cx_139uw_206",
+  "tag": "awsui_tag_1p2cx_139uw_213",
+  "label-tag": "awsui_label-tag_1p2cx_139uw_214",
+  "label-prefix": "awsui_label-prefix_1p2cx_139uw_224",
+  "tags": "awsui_tags_1p2cx_139uw_237",
+  "description": "awsui_description_1p2cx_139uw_238",
+  "selected": "awsui_selected_1p2cx_139uw_249",
+  "icon": "awsui_icon_1p2cx_139uw_263",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_139uw_270",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_139uw_274",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_139uw_289"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EACL,aAAa,EACb,sBAAsB,EAGtB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAIzD,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;;AAqFD,wBAA6C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EACL,aAAa,EACb,sBAAsB,EAGtB,yBAAyB,EAC1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAIzD,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;;AAqFD,wBAA6C"}

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

@@ -3,11 +3,11 @@ import { __rest } from "tslib";
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import clsx from 'clsx';
+import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
 import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 import { getBaseProps } from '../../base-component';
 import { fireKeyboardEvent, fireNonCancelableEvent, } from '../../events';
 import { useMergeRefs } from '../../hooks/use-merge-refs';
-import { findUpUntil } from '../../utils/dom';
 import styles from './styles.css.js';
 const BOTTOM_TRIGGER_OFFSET = 80;
 const getItemIndex = (containerRef, event) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/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 React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  BaseKeyDetail,\n  CancelableEventHandler,\n  fireKeyboardEvent,\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n} from '../../events';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport { findUpUntil } from '../../utils/dom';\nimport { DropdownStatusProps } from '../dropdown-status';\n\nimport styles from './styles.css.js';\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  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseBlockMargin?: 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    decreaseBlockMargin = false,\n    ariaLabel,\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-block-margin']]: decreaseBlockMargin,\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-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAGL,iBAAiB,EACjB,sBAAsB,GAEvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA2BrC,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,EAkBmB,EACnB,GAAgC,EAChC,EAAE;QApBF,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,mBAAmB,GAAG,KAAK,EAC3B,SAAS,EACT,cAAc,EACd,eAAe,OAEE,EADd,SAAS,cAjBd,+NAkBC,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,EAAE;QAC1C,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,uBAAuB,CAAC,CAAC,EAAE,mBAAmB;KACvD,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,gBACA,SAAS,qBACJ,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 React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  BaseKeyDetail,\n  CancelableEventHandler,\n  fireKeyboardEvent,\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n} from '../../events';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport { DropdownStatusProps } from '../dropdown-status';\n\nimport styles from './styles.css.js';\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  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseBlockMargin?: 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    decreaseBlockMargin = false,\n    ariaLabel,\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-block-margin']]: decreaseBlockMargin,\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-label={ariaLabel}\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

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_6sqom_141",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_6sqom_191"
+  "options-list": "awsui_options-list_19gcf_1jfn7_141",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1jfn7_191"
 };
   

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

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_options-list_19gcf_6sqom_141:not(#\9) {
+.awsui_options-list_19gcf_1jfn7_141:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
@@ -174,7 +174,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -189,6 +189,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-dropdown-cw0ldi, 0px);
 }
 
-.awsui_decrease-block-margin_19gcf_6sqom_191:not(#\9) {
+.awsui_decrease-block-margin_19gcf_1jfn7_191:not(#\9) {
   margin-block: -1px;
 }

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

@@ -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_6sqom_141",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_6sqom_191"
+  "options-list": "awsui_options-list_19gcf_1jfn7_141",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1jfn7_191"
 };
   

package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "slider": "awsui_slider_cqzlk_1g3gn_141",
-  "slider-side": "awsui_slider-side_cqzlk_1g3gn_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_1g3gn_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1g3gn_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1g3gn_193"
+  "slider": "awsui_slider_cqzlk_195vv_141",
+  "slider-side": "awsui_slider-side_cqzlk_195vv_176",
+  "slider-icon": "awsui_slider-icon_cqzlk_195vv_183",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_195vv_189",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_195vv_193"
 };
   

package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_slider_cqzlk_1g3gn_141:not(#\9) {
+.awsui_slider_cqzlk_195vv_141:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -148,17 +148,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_cqzlk_1g3gn_141:not(#\9):focus {
+.awsui_slider_cqzlk_195vv_141:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_195vv_141:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -170,26 +170,26 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus
   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-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
 
-.awsui_slider-side_cqzlk_1g3gn_176:not(#\9) {
+.awsui_slider-side_cqzlk_195vv_176:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-icon_cqzlk_1g3gn_183:not(#\9) {
-  stroke: var(--color-text-interactive-default-dt26aj, #545b64);
+.awsui_slider-icon_cqzlk_195vv_183:not(#\9) {
+  stroke: var(--color-text-interactive-default-1hkfiv, #545b64);
 }
-.awsui_slider-icon_cqzlk_1g3gn_183:not(#\9):hover {
-  stroke: var(--color-text-interactive-hover-7who0l, #16191f);
+.awsui_slider-icon_cqzlk_195vv_183:not(#\9):hover {
+  stroke: var(--color-text-interactive-hover-w63rso, #16191f);
 }
-.awsui_slider-icon-bottom_cqzlk_1g3gn_189:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_195vv_189:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_1g3gn_193:not(#\9) {
+.awsui_slider-icon-side_cqzlk_195vv_193:not(#\9) {
   transform: rotate(90deg);
 }

package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "slider": "awsui_slider_cqzlk_1g3gn_141",
-  "slider-side": "awsui_slider-side_cqzlk_1g3gn_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_1g3gn_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1g3gn_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1g3gn_193"
+  "slider": "awsui_slider_cqzlk_195vv_141",
+  "slider-side": "awsui_slider-side_cqzlk_195vv_176",
+  "slider-icon": "awsui_slider-icon_cqzlk_195vv_183",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_195vv_189",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_195vv_193"
 };
   

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_n9x54_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_n9x54_163",
-  "has-background": "awsui_has-background_15o6u_n9x54_170",
-  "highlighted": "awsui_highlighted_15o6u_n9x54_173",
-  "selected": "awsui_selected_15o6u_n9x54_173",
-  "disabled": "awsui_disabled_15o6u_n9x54_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_n9x54_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_n9x54_213",
-  "parent": "awsui_parent_15o6u_n9x54_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_n9x54_221",
-  "child": "awsui_child_15o6u_n9x54_237",
-  "virtual": "awsui_virtual_15o6u_n9x54_252",
-  "measure-strut": "awsui_measure-strut_15o6u_n9x54_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_n9x54_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_n9x54_276",
-  "option-content": "awsui_option-content_15o6u_n9x54_282"
+  "selectable-item": "awsui_selectable-item_15o6u_1k4sj_141",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1k4sj_163",
+  "has-background": "awsui_has-background_15o6u_1k4sj_170",
+  "highlighted": "awsui_highlighted_15o6u_1k4sj_173",
+  "selected": "awsui_selected_15o6u_1k4sj_173",
+  "disabled": "awsui_disabled_15o6u_1k4sj_191",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1k4sj_201",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1k4sj_213",
+  "parent": "awsui_parent_15o6u_1k4sj_217",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1k4sj_221",
+  "child": "awsui_child_15o6u_1k4sj_237",
+  "virtual": "awsui_virtual_15o6u_1k4sj_252",
+  "measure-strut": "awsui_measure-strut_15o6u_1k4sj_263",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_1k4sj_272",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1k4sj_276",
+  "option-content": "awsui_option-content_15o6u_1k4sj_282"
 };