npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.770 → 3.0.772 - Mend

@cloudscape-design/components-themeable 3.0.770 → 3.0.772

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

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

@@ -136,7 +136,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* 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 */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
@@ -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_12eeu_149:not(#\9) {
+.awsui_option_1p2cx_c6qzv_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -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_12eeu_149:not(#\9):not(.awsui_disabled_1p2cx_12eeu_189) {
+.awsui_option_1p2cx_c6qzv_149:not(#\9):not(.awsui_disabled_1p2cx_c6qzv_189) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_12eeu_149.awsui_parent_1p2cx_12eeu_192:not(#\9) {
+.awsui_option_1p2cx_c6qzv_149.awsui_parent_1p2cx_c6qzv_192:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_12eeu_149.awsui_parent_1p2cx_12eeu_192:not(#\9):not(.awsui_disabled_1p2cx_12eeu_189):not(.awsui_highlighted_1p2cx_12eeu_195) {
+.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_content_1p2cx_12eeu_199:not(#\9) {
+.awsui_content_1p2cx_c6qzv_199:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
-.awsui_label-content_1p2cx_12eeu_206:not(#\9) {
+.awsui_label-content_1p2cx_c6qzv_206:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
-.awsui_label_1p2cx_12eeu_206:not(#\9),
-.awsui_tag_1p2cx_12eeu_213:not(#\9),
-.awsui_label-tag_1p2cx_12eeu_214:not(#\9) {
+.awsui_label_1p2cx_c6qzv_206:not(#\9),
+.awsui_tag_1p2cx_c6qzv_213:not(#\9),
+.awsui_label-tag_1p2cx_c6qzv_214:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_label_1p2cx_12eeu_206:not(#\9),
-.awsui_tag_1p2cx_12eeu_213:not(#\9) {
+.awsui_label_1p2cx_c6qzv_206:not(#\9),
+.awsui_tag_1p2cx_c6qzv_213:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_label-prefix_1p2cx_12eeu_224:not(#\9) {
+.awsui_label-prefix_1p2cx_c6qzv_224:not(#\9) {
   font-weight: 700;
 }
-.awsui_label-tag_1p2cx_12eeu_214:not(#\9) {
+.awsui_label-tag_1p2cx_c6qzv_214:not(#\9) {
   padding-inline-start: var(--space-s-2025hl, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_12eeu_214:not(#\9):empty {
+.awsui_label-tag_1p2cx_c6qzv_214:not(#\9):empty {
   display: none;
 }
-.awsui_tags_1p2cx_12eeu_237:not(#\9),
-.awsui_description_1p2cx_12eeu_238:not(#\9) {
+.awsui_tags_1p2cx_c6qzv_237:not(#\9),
+.awsui_description_1p2cx_c6qzv_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);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_12eeu_237.awsui_highlighted_1p2cx_12eeu_195:not(#\9),
-.awsui_description_1p2cx_12eeu_238.awsui_highlighted_1p2cx_12eeu_195:not(#\9) {
+.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_12eeu_237.awsui_selected_1p2cx_12eeu_249:not(#\9),
-.awsui_description_1p2cx_12eeu_238.awsui_selected_1p2cx_12eeu_249:not(#\9) {
+.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_12eeu_237:not(#\9) {
+.awsui_tags_1p2cx_c6qzv_237:not(#\9) {
   display: flex;
   align-items: stretch;
 }
-.awsui_tag_1p2cx_12eeu_213:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_c6qzv_213:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-kpg8id, 16px);
 }
-.awsui_icon_1p2cx_12eeu_263:not(#\9) {
+.awsui_icon_1p2cx_c6qzv_263:not(#\9) {
   padding-inline-end: var(--space-xs-xf5ch3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
-.awsui_icon-size-big_1p2cx_12eeu_270:not(#\9) {
+.awsui_icon-size-big_1p2cx_c6qzv_270:not(#\9) {
   padding-block-start: var(--space-option-icon-big-top-b7er3p, 2px);
 }
-.awsui_filtering-match-highlight_1p2cx_12eeu_274:not(#\9) {
+.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);
   font-weight: bold;
 }
-.awsui_disabled_1p2cx_12eeu_189:not(#\9) {
+.awsui_disabled_1p2cx_c6qzv_189:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_12eeu_189 > .awsui_content_1p2cx_12eeu_199 > .awsui_tags_1p2cx_12eeu_237:not(#\9),
-.awsui_disabled_1p2cx_12eeu_189 > .awsui_content_1p2cx_12eeu_199 > .awsui_description_1p2cx_12eeu_238:not(#\9) {
+.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) {
   color: currentColor;
 }
-.awsui_trigger-variant_1p2cx_12eeu_289:not(#\9) {
+.awsui_trigger-variant_1p2cx_c6qzv_289: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_12eeu_149",
-  "disabled": "awsui_disabled_1p2cx_12eeu_189",
-  "parent": "awsui_parent_1p2cx_12eeu_192",
-  "highlighted": "awsui_highlighted_1p2cx_12eeu_195",
-  "content": "awsui_content_1p2cx_12eeu_199",
-  "label-content": "awsui_label-content_1p2cx_12eeu_206",
-  "label": "awsui_label_1p2cx_12eeu_206",
-  "tag": "awsui_tag_1p2cx_12eeu_213",
-  "label-tag": "awsui_label-tag_1p2cx_12eeu_214",
-  "label-prefix": "awsui_label-prefix_1p2cx_12eeu_224",
-  "tags": "awsui_tags_1p2cx_12eeu_237",
-  "description": "awsui_description_1p2cx_12eeu_238",
-  "selected": "awsui_selected_1p2cx_12eeu_249",
-  "icon": "awsui_icon_1p2cx_12eeu_263",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_12eeu_270",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_12eeu_274",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_12eeu_289"
+  "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"
 };

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_pyn6v_141",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_pyn6v_191"
+  "options-list": "awsui_options-list_19gcf_6sqom_141",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_6sqom_191"
 };

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

@@ -136,9 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* 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_pyn6v_141:not(#\9) {
+.awsui_options-list_19gcf_6sqom_141:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
@@ -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_pyn6v_191:not(#\9) {
+.awsui_decrease-block-margin_19gcf_6sqom_191:not(#\9) {
   margin-block: -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_pyn6v_141",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_pyn6v_191"
+  "options-list": "awsui_options-list_19gcf_6sqom_141",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_6sqom_191"
 };

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

@@ -1,10 +1,10 @@
     import './styles.scoped.css';
     export default {
-  "slider": "awsui_slider_cqzlk_vl70c_141",
-  "slider-side": "awsui_slider-side_cqzlk_vl70c_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_vl70c_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vl70c_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_vl70c_193"
+  "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"
 };

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

@@ -136,9 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* 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_vl70c_141:not(#\9) {
+.awsui_slider_cqzlk_1g3gn_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_vl70c_141:not(#\9):focus {
+.awsui_slider_cqzlk_1g3gn_141:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vl70c_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vl70c_141:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vl70c_141:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1g3gn_141:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -173,23 +173,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vl70c_141:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_slider-side_cqzlk_vl70c_176:not(#\9) {
+.awsui_slider-side_cqzlk_1g3gn_176:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
-.awsui_slider-icon_cqzlk_vl70c_183:not(#\9) {
+.awsui_slider-icon_cqzlk_1g3gn_183:not(#\9) {
   stroke: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_slider-icon_cqzlk_vl70c_183:not(#\9):hover {
+.awsui_slider-icon_cqzlk_1g3gn_183:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_slider-icon-bottom_cqzlk_vl70c_189:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_1g3gn_189:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_vl70c_193:not(#\9) {
+.awsui_slider-icon-side_cqzlk_1g3gn_193:not(#\9) {
   transform: rotate(90deg);
 }

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

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "slider": "awsui_slider_cqzlk_vl70c_141",
-  "slider-side": "awsui_slider-side_cqzlk_vl70c_176",
-  "slider-icon": "awsui_slider-icon_cqzlk_vl70c_183",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vl70c_189",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_vl70c_193"
+  "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"
 };

package/lib/internal/template/internal/components/screenreader-only/styles.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_xttbq_67s9a_141"
+  "root": "awsui_root_xttbq_1ekiv_141"
 };

package/lib/internal/template/internal/components/screenreader-only/styles.scoped.css CHANGED Viewed

@@ -136,9 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_xttbq_67s9a_141:not(#\9) {
+.awsui_root_xttbq_1ekiv_141:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;

package/lib/internal/template/internal/components/screenreader-only/styles.selectors.js CHANGED Viewed

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_xttbq_67s9a_141"
+  "root": "awsui_root_xttbq_1ekiv_141"
 };

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_t6ue0_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_t6ue0_163",
-  "has-background": "awsui_has-background_15o6u_t6ue0_170",
-  "highlighted": "awsui_highlighted_15o6u_t6ue0_173",
-  "selected": "awsui_selected_15o6u_t6ue0_173",
-  "disabled": "awsui_disabled_15o6u_t6ue0_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_t6ue0_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_t6ue0_213",
-  "parent": "awsui_parent_15o6u_t6ue0_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_t6ue0_221",
-  "child": "awsui_child_15o6u_t6ue0_237",
-  "virtual": "awsui_virtual_15o6u_t6ue0_252",
-  "measure-strut": "awsui_measure-strut_15o6u_t6ue0_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_t6ue0_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_t6ue0_276",
-  "option-content": "awsui_option-content_15o6u_t6ue0_282"
+  "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"
 };

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

@@ -136,9 +136,9 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* Style used for links in slots/components that are text heavy, to help links stand out among
+/* 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_selectable-item_15o6u_t6ue0_141:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141:not(#\9) {
   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);
@@ -160,17 +160,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: calc(var(--space-xxs-9rrxti, 4px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px));
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_pad-bottom_15o6u_t6ue0_163:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_pad-bottom_15o6u_n9x54_163:not(#\9) {
   padding-block-end: calc(calc(var(--space-xxs-9rrxti, 4px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px)) + var(--space-xxxs-z28114, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_t6ue0_141:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_n9x54_141:not(#\9):not(:first-child) {
   margin-block-start: calc(-1 * var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_has-background_15o6u_t6ue0_170:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_has-background_15o6u_n9x54_170:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_highlighted_15o6u_t6ue0_173:not(#\9), .awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   border-width: var(--border-item-width-0zxiwv, 1px);
   border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
@@ -180,87 +180,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-9rrxti, 4px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_highlighted_15o6u_t6ue0_173.awsui_pad-bottom_15o6u_t6ue0_163:not(#\9), .awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173.awsui_pad-bottom_15o6u_t6ue0_163:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173.awsui_pad-bottom_15o6u_n9x54_163:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173.awsui_pad-bottom_15o6u_n9x54_163:not(#\9) {
   padding-block-end: calc(var(--space-xxs-9rrxti, 4px) + var(--space-xxxs-z28114, 2px));
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_highlighted_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-i8ac7r, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_highlighted_15o6u_t6ue0_173.awsui_disabled_15o6u_t6ue0_191:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173.awsui_disabled_15o6u_n9x54_191:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-u5p3gx, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-fxzclw, #eaeded);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173.awsui_next-item-selected_15o6u_t6ue0_201:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173.awsui_next-item-selected_15o6u_n9x54_201:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173.awsui_highlighted_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173.awsui_highlighted_15o6u_n9x54_173:not(#\9) {
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
   z-index: 3;
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173 + .awsui_selectable-item_15o6u_t6ue0_141.awsui_selected_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173 + .awsui_selectable-item_15o6u_n9x54_141.awsui_selected_15o6u_n9x54_173:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_highlighted_15o6u_t6ue0_173.awsui_is-keyboard_15o6u_t6ue0_213:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_highlighted_15o6u_n9x54_173.awsui_is-keyboard_15o6u_n9x54_213:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-3o10kx, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_parent_15o6u_t6ue0_217:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-sizd89, #545b64);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_parent_15o6u_t6ue0_217:not(#\9):not(.awsui_interactiveGroups_15o6u_t6ue0_221) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217:not(#\9):not(.awsui_interactiveGroups_15o6u_n9x54_221) {
   border-block-start-color: var(--color-border-dropdown-group-mkqzrv, #eaeded);
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_parent_15o6u_t6ue0_217.awsui_interactiveGroups_15o6u_t6ue0_221:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221:not(#\9) {
   padding-block: calc(var(--space-xs-xf5ch3, 8px) + var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px));
   padding-inline: calc(var(--space-field-horizontal-cy5q05, 8px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_parent_15o6u_t6ue0_217.awsui_interactiveGroups_15o6u_t6ue0_221.awsui_highlighted_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221.awsui_highlighted_15o6u_n9x54_173:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_parent_15o6u_t6ue0_217.awsui_interactiveGroups_15o6u_t6ue0_221.awsui_highlighted_15o6u_t6ue0_173:not(#\9), .awsui_selectable-item_15o6u_t6ue0_141.awsui_parent_15o6u_t6ue0_217.awsui_interactiveGroups_15o6u_t6ue0_221.awsui_selected_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221.awsui_highlighted_15o6u_n9x54_173:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_parent_15o6u_n9x54_217.awsui_interactiveGroups_15o6u_n9x54_221.awsui_selected_15o6u_n9x54_173:not(#\9) {
   padding-block: var(--space-xs-xf5ch3, 8px);
   padding-inline: var(--space-field-horizontal-cy5q05, 8px);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_child_15o6u_t6ue0_237:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_child_15o6u_n9x54_237:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-pd3205, 32px) + var(--border-item-width-0zxiwv, 1px));
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_child_15o6u_t6ue0_237.awsui_highlighted_15o6u_t6ue0_173:not(#\9), .awsui_selectable-item_15o6u_t6ue0_141.awsui_child_15o6u_t6ue0_237.awsui_selected_15o6u_t6ue0_173:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_child_15o6u_n9x54_237.awsui_highlighted_15o6u_n9x54_173:not(#\9), .awsui_selectable-item_15o6u_n9x54_141.awsui_child_15o6u_n9x54_237.awsui_selected_15o6u_n9x54_173:not(#\9) {
   padding-inline-start: var(--space-xxl-pd3205, 32px);
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_disabled_15o6u_t6ue0_191:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_disabled_15o6u_n9x54_191:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
 }
-.awsui_selectable-item_15o6u_t6ue0_141:not(#\9):not(.awsui_disabled_15o6u_t6ue0_191):not(.awsui_parent_15o6u_t6ue0_217) {
+.awsui_selectable-item_15o6u_n9x54_141:not(#\9):not(.awsui_disabled_15o6u_n9x54_191):not(.awsui_parent_15o6u_n9x54_217) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_interactiveGroups_15o6u_t6ue0_221:not(#\9):not(.awsui_disabled_15o6u_t6ue0_191) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_interactiveGroups_15o6u_n9x54_221:not(#\9):not(.awsui_disabled_15o6u_n9x54_191) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_virtual_15o6u_t6ue0_252:not(#\9) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_virtual_15o6u_n9x54_252:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-fpddos, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_t6ue0_141.awsui_virtual_15o6u_t6ue0_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_t6ue0_173, .awsui_highlighted_15o6u_t6ue0_173) {
+.awsui_selectable-item_15o6u_n9x54_141.awsui_virtual_15o6u_n9x54_252:not(#\9):first-of-type:not(.awsui_selected_15o6u_n9x54_173, .awsui_highlighted_15o6u_n9x54_173) {
   border-block-start-color: var(--color-border-dropdown-item-top-of452d, #eaeded);
 }
-.awsui_measure-strut_15o6u_t6ue0_263:not(#\9) {
+.awsui_measure-strut_15o6u_n9x54_263:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -269,16 +269,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   padding-block-start: var(--border-divider-list-width-471u6a, 1px);
 }
-.awsui_measure-strut-first_15o6u_t6ue0_272:not(#\9) {
+.awsui_measure-strut-first_15o6u_n9x54_272:not(#\9) {
   padding-block-end: var(--border-divider-list-width-471u6a, 1px);
 }
-.awsui_screenreader-content_15o6u_t6ue0_276:not(#\9) {
+.awsui_screenreader-content_15o6u_n9x54_276:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_t6ue0_282:not(#\9) {
+.awsui_option-content_15o6u_n9x54_282: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_t6ue0_141",
-  "pad-bottom": "awsui_pad-bottom_15o6u_t6ue0_163",
-  "has-background": "awsui_has-background_15o6u_t6ue0_170",
-  "highlighted": "awsui_highlighted_15o6u_t6ue0_173",
-  "selected": "awsui_selected_15o6u_t6ue0_173",
-  "disabled": "awsui_disabled_15o6u_t6ue0_191",
-  "next-item-selected": "awsui_next-item-selected_15o6u_t6ue0_201",
-  "is-keyboard": "awsui_is-keyboard_15o6u_t6ue0_213",
-  "parent": "awsui_parent_15o6u_t6ue0_217",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_t6ue0_221",
-  "child": "awsui_child_15o6u_t6ue0_237",
-  "virtual": "awsui_virtual_15o6u_t6ue0_252",
-  "measure-strut": "awsui_measure-strut_15o6u_t6ue0_263",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_t6ue0_272",
-  "screenreader-content": "awsui_screenreader-content_15o6u_t6ue0_276",
-  "option-content": "awsui_option-content_15o6u_t6ue0_282"
+  "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"
 };