npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1144 → 3.0.1146 - Mend

@cloudscape-design/components-themeable 3.0.1144 → 3.0.1146

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

package/lib/internal/template/button-dropdown/item-element/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,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_item-element_93a1u_d1eub_145:not(#\9) {
+.awsui_item-element_93a1u_1c0wn_145:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-acvlhx, 1px) solid transparent;
@@ -154,17 +154,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(-1 * var(--border-width-dropdown-qic2p4, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_d1eub_145.awsui_disabled_93a1u_d1eub_157:not(#\9) {
+.awsui_item-element_93a1u_1c0wn_145.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
 }
-.awsui_item-element_93a1u_d1eub_145:not(#\9):first-child {
+.awsui_item-element_93a1u_1c0wn_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_d1eub_145.awsui_show-divider_93a1u_d1eub_164:not(#\9) {
+.awsui_item-element_93a1u_1c0wn_145.awsui_show-divider_93a1u_1c0wn_164:not(#\9) {
   border-block-end: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_item-element_93a1u_d1eub_145.awsui_highlighted_93a1u_d1eub_167:not(#\9) {
+.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
@@ -174,19 +174,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_item-element_93a1u_d1eub_145.awsui_highlighted_93a1u_d1eub_167.awsui_disabled_93a1u_d1eub_157:not(#\9) {
+.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_item-element_93a1u_d1eub_145.awsui_highlighted_93a1u_d1eub_167.awsui_is-focused_93a1u_d1eub_182:not(#\9) {
+.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167.awsui_is-focused_93a1u_1c0wn_182:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_item-element_93a1u_d1eub_145.awsui_highlighted_93a1u_d1eub_167.awsui_is-focused_93a1u_d1eub_182:not(#\9):not(.awsui_visual-refresh_93a1u_d1eub_185) {
+.awsui_item-element_93a1u_1c0wn_145.awsui_highlighted_93a1u_1c0wn_167.awsui_is-focused_93a1u_1c0wn_182:not(#\9):not(.awsui_visual-refresh_93a1u_1c0wn_185) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_menu-item_93a1u_d1eub_189:not(#\9) {
+.awsui_menu-item_93a1u_1c0wn_189:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -198,7 +198,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9) {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9) {
   padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
@@ -213,30 +213,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9) {
+  .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9):hover {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9):focus {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9):active {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):active {
   color: var(--awsui-style-color-active-d43v8n, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9):active, .awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9):focus, .awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201:not(#\9):hover {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):active, .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):focus, .awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201.awsui_current-breadcrumb_93a1u_d1eub_237:not(#\9) {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201.awsui_current-breadcrumb_93a1u_1c0wn_237:not(#\9) {
   font-weight: var(--font-weight-button-hh0ago, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
@@ -244,27 +244,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 700;
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_d1eub_189.awsui_link-style_93a1u_d1eub_201.awsui_link-style-highlighted_93a1u_d1eub_245:not(#\9) {
+.awsui_menu-item_93a1u_1c0wn_189.awsui_link-style_93a1u_1c0wn_201.awsui_link-style-highlighted_93a1u_1c0wn_245:not(#\9) {
   color: var(--color-text-link-hover-tk5gkv, #0a4a74);
 }
-.awsui_menu-item_93a1u_d1eub_189:not(#\9):focus {
+.awsui_menu-item_93a1u_1c0wn_189:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_d1eub_251 > .awsui_menu-item_93a1u_d1eub_189:not(#\9), .awsui_has-category-header_93a1u_d1eub_251 > .awsui_item-tooltip-wrapper_93a1u_d1eub_251 > .awsui_menu-item_93a1u_d1eub_189:not(#\9), .awsui_has-category-header_93a1u_d1eub_251:not(#\9):not(.awsui_has-checkmark_93a1u_d1eub_251) > span > .awsui_menu-item_93a1u_d1eub_189 {
+.awsui_has-category-header_93a1u_1c0wn_251 > .awsui_menu-item_93a1u_1c0wn_189:not(#\9), .awsui_has-category-header_93a1u_1c0wn_251 > .awsui_item-tooltip-wrapper_93a1u_1c0wn_251 > .awsui_menu-item_93a1u_1c0wn_189:not(#\9), .awsui_has-category-header_93a1u_1c0wn_251:not(#\9):not(.awsui_has-checkmark_93a1u_1c0wn_251) > span > .awsui_menu-item_93a1u_1c0wn_189 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-l-3cws6j, 20px));
 }
-.awsui_icon_93a1u_d1eub_255:not(#\9) {
+.awsui_icon_93a1u_1c0wn_255:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_d1eub_255.awsui_checkmark_93a1u_d1eub_259:not(#\9) {
+.awsui_icon_93a1u_1c0wn_255.awsui_checkmark_93a1u_1c0wn_259:not(#\9) {
   color: var(--color-item-selected-2dv7ug, #0073bb);
 }
-.awsui_icon_93a1u_d1eub_255.awsui_disabled_93a1u_d1eub_157:not(#\9) {
+.awsui_icon_93a1u_1c0wn_255.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_external-icon_93a1u_d1eub_266:not(#\9) {
+.awsui_external-icon_93a1u_1c0wn_266:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
+}
+.awsui_content-wrapper_93a1u_1c0wn_270:not(#\9) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.awsui_main-row_93a1u_1c0wn_276:not(#\9) {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--space-s-4a5hs8, 12px);
+}
+.awsui_label-tag_93a1u_1c0wn_283:not(#\9) {
+  color: var(--color-text-body-default-5qid0u, #16191f);
+}
+.awsui_label-tag_93a1u_1c0wn_283.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
+}
+.awsui_secondary-text_93a1u_1c0wn_290:not(#\9) {
+  font-size: var(--font-size-body-s-psgqn2, 12px);
+  line-height: var(--line-height-body-s-otgtsr, 16px);
+  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
+  color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
+}
+.awsui_secondary-text_93a1u_1c0wn_290.awsui_highlighted_93a1u_1c0wn_167:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
+}
+.awsui_secondary-text_93a1u_1c0wn_290.awsui_disabled_93a1u_1c0wn_157:not(#\9) {
+  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }

package/lib/internal/template/button-dropdown/item-element/styles.selectors.js CHANGED Viewed

@@ -2,21 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_d1eub_145",
-  "disabled": "awsui_disabled_93a1u_d1eub_157",
-  "show-divider": "awsui_show-divider_93a1u_d1eub_164",
-  "highlighted": "awsui_highlighted_93a1u_d1eub_167",
-  "is-focused": "awsui_is-focused_93a1u_d1eub_182",
-  "visual-refresh": "awsui_visual-refresh_93a1u_d1eub_185",
-  "menu-item": "awsui_menu-item_93a1u_d1eub_189",
-  "link-style": "awsui_link-style_93a1u_d1eub_201",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_d1eub_237",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_d1eub_245",
-  "has-category-header": "awsui_has-category-header_93a1u_d1eub_251",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_d1eub_251",
-  "has-checkmark": "awsui_has-checkmark_93a1u_d1eub_251",
-  "icon": "awsui_icon_93a1u_d1eub_255",
-  "checkmark": "awsui_checkmark_93a1u_d1eub_259",
-  "external-icon": "awsui_external-icon_93a1u_d1eub_266"
+  "item-element": "awsui_item-element_93a1u_1c0wn_145",
+  "disabled": "awsui_disabled_93a1u_1c0wn_157",
+  "show-divider": "awsui_show-divider_93a1u_1c0wn_164",
+  "highlighted": "awsui_highlighted_93a1u_1c0wn_167",
+  "is-focused": "awsui_is-focused_93a1u_1c0wn_182",
+  "visual-refresh": "awsui_visual-refresh_93a1u_1c0wn_185",
+  "menu-item": "awsui_menu-item_93a1u_1c0wn_189",
+  "link-style": "awsui_link-style_93a1u_1c0wn_201",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1c0wn_237",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1c0wn_245",
+  "has-category-header": "awsui_has-category-header_93a1u_1c0wn_251",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1c0wn_251",
+  "has-checkmark": "awsui_has-checkmark_93a1u_1c0wn_251",
+  "icon": "awsui_icon_93a1u_1c0wn_255",
+  "checkmark": "awsui_checkmark_93a1u_1c0wn_259",
+  "external-icon": "awsui_external-icon_93a1u_1c0wn_266",
+  "content-wrapper": "awsui_content-wrapper_93a1u_1c0wn_270",
+  "main-row": "awsui_main-row_93a1u_1c0wn_276",
+  "label-tag": "awsui_label-tag_93a1u_1c0wn_283",
+  "secondary-text": "awsui_secondary-text_93a1u_1c0wn_290"
 };

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -3925,5 +3925,5 @@ body {
   }
 }
 :root {
-  --awsui-version-info-fdcaf655: true;
+  --awsui-version-info-36c25023: true;
 }

package/lib/internal/template/internal/components/option/utils/unflatten-options.js CHANGED Viewed

@@ -10,7 +10,7 @@ export function unflattenOptions(options) {
             currentParent = wrapped;
             nestedOptions.push(wrapped);
         }
-        else if (!option.type || option.type === 'child') {
+        else if (option.type === 'child') {
             ((_a = currentParent === null || currentParent === void 0 ? void 0 : currentParent.children) !== null && _a !== void 0 ? _a : nestedOptions).push({ type: 'child', option, index });
         }
         else {

package/lib/internal/template/internal/components/option/utils/unflatten-options.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"unflatten-options.js","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/unflatten-options.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAmBtC,MAAM,UAAU,gBAAgB,CAAC,OAAsC;IACrE,MAAM,aAAa,GAA2B,EAAE,CAAC;IACjD,IAAI,aAA+C,CAAC;IAEpD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QAChC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,MAAM,OAAO,GAAyB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;YACtF,aAAa,GAAG,OAAO,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;aAAM,IAAI,~~CAAC,~~MAAM,CAAC,IAAI,~~IAAI,MAAM,CAAC,IAAI,~~KAAK,OAAO,EAAE,CAAC;~~YACnD~~,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,mCAAI,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACpF,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,SAAS,CAAC;YAC1B,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DropdownOption } from '../interfaces';\n\ninterface ParentDropdownOption {\n type: 'parent';\n index: number;\n option: DropdownOption;\n children: ChildDropdownOption[];\n}\n\ninterface ChildDropdownOption {\n type: 'child';\n index: number;\n option: DropdownOption;\n}\n\nexport type NestedDropdownOption = ParentDropdownOption \| ChildDropdownOption;\n\nexport function unflattenOptions(options: ReadonlyArray<DropdownOption>): NestedDropdownOption[] {\n const nestedOptions: NestedDropdownOption[] = [];\n let currentParent: ParentDropdownOption \| undefined;\n\n options.forEach((option, index) => {\n if (option.type === 'parent') {\n const wrapped: ParentDropdownOption = { type: 'parent', option, index, children: [] };\n currentParent = wrapped;\n nestedOptions.push(wrapped);\n } else if (!option.type ~~\|\| option.type~~ === 'child') {\n (currentParent?.children ?? nestedOptions).push({ type: 'child', option, index });\n } else {\n currentParent = undefined;\n nestedOptions.push({ type: 'child', option, index });\n }\n });\n\n return nestedOptions;\n}\n"]}
1	+ {"version":3,"file":"unflatten-options.js","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/unflatten-options.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAmBtC,MAAM,UAAU,gBAAgB,CAAC,OAAsC;IACrE,MAAM,aAAa,GAA2B,EAAE,CAAC;IACjD,IAAI,aAA+C,CAAC;IAEpD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;;QAChC,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,MAAM,OAAO,GAAyB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;YACtF,aAAa,GAAG,OAAO,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YACnC,CAAC,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,mCAAI,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACpF,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,SAAS,CAAC;YAC1B,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { DropdownOption } from '../interfaces';\n\ninterface ParentDropdownOption {\n type: 'parent';\n index: number;\n option: DropdownOption;\n children: ChildDropdownOption[];\n}\n\ninterface ChildDropdownOption {\n type: 'child';\n index: number;\n option: DropdownOption;\n}\n\nexport type NestedDropdownOption = ParentDropdownOption \| ChildDropdownOption;\n\nexport function unflattenOptions(options: ReadonlyArray<DropdownOption>): NestedDropdownOption[] {\n const nestedOptions: NestedDropdownOption[] = [];\n let currentParent: ParentDropdownOption \| undefined;\n\n options.forEach((option, index) => {\n if (option.type === 'parent') {\n const wrapped: ParentDropdownOption = { type: 'parent', option, index, children: [] };\n currentParent = wrapped;\n nestedOptions.push(wrapped);\n } else if (option.type === 'child') {\n (currentParent?.children ?? nestedOptions).push({ type: 'child', option, index });\n } else {\n currentParent = undefined;\n nestedOptions.push({ type: 'child', option, index });\n }\n });\n\n return nestedOptions;\n}\n"]}

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

@@ -1,27 +1,27 @@
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_1uxuj_145",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1uxuj_167",
-  "virtual": "awsui_virtual_15o6u_1uxuj_171",
-  "has-background": "awsui_has-background_15o6u_1uxuj_174",
-  "highlighted": "awsui_highlighted_15o6u_1uxuj_177",
-  "selected": "awsui_selected_15o6u_1uxuj_177",
-  "disabled": "awsui_disabled_15o6u_1uxuj_195",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1uxuj_200",
-  "visual-refresh": "awsui_visual-refresh_15o6u_1uxuj_203",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1uxuj_211",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_1uxuj_232",
-  "parent": "awsui_parent_15o6u_1uxuj_236",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1uxuj_240",
-  "child": "awsui_child_15o6u_1uxuj_256",
-  "sticky": "awsui_sticky_15o6u_1uxuj_262",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_1uxuj_274",
-  "after-header": "awsui_after-header_15o6u_1uxuj_280",
-  "measure-strut": "awsui_measure-strut_15o6u_1uxuj_347",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1uxuj_356",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1uxuj_360",
-  "option-content": "awsui_option-content_15o6u_1uxuj_366",
-  "select-all": "awsui_select-all_15o6u_1uxuj_370"
+  "selectable-item": "awsui_selectable-item_15o6u_k1eqb_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_k1eqb_167",
+  "virtual": "awsui_virtual_15o6u_k1eqb_171",
+  "has-background": "awsui_has-background_15o6u_k1eqb_174",
+  "highlighted": "awsui_highlighted_15o6u_k1eqb_177",
+  "selected": "awsui_selected_15o6u_k1eqb_177",
+  "disabled": "awsui_disabled_15o6u_k1eqb_195",
+  "is-keyboard": "awsui_is-keyboard_15o6u_k1eqb_200",
+  "visual-refresh": "awsui_visual-refresh_15o6u_k1eqb_203",
+  "next-item-selected": "awsui_next-item-selected_15o6u_k1eqb_211",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_k1eqb_232",
+  "parent": "awsui_parent_15o6u_k1eqb_236",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_k1eqb_240",
+  "child": "awsui_child_15o6u_k1eqb_256",
+  "sticky": "awsui_sticky_15o6u_k1eqb_262",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_k1eqb_274",
+  "after-header": "awsui_after-header_15o6u_k1eqb_280",
+  "measure-strut": "awsui_measure-strut_15o6u_k1eqb_315",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_k1eqb_324",
+  "screenreader-content": "awsui_screenreader-content_15o6u_k1eqb_328",
+  "option-content": "awsui_option-content_15o6u_k1eqb_334",
+  "select-all": "awsui_select-all_15o6u_k1eqb_338"
 };

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

@@ -142,7 +142,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_selectable-item_15o6u_1uxuj_145:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-body-default-5qid0u, #16191f);
@@ -164,17 +164,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_pad-bottom_15o6u_k1eqb_167:not(#\9) {
   padding-block-end: calc(calc(var(--space-xxs-jnczic, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) + var(--space-xxxs-3w1kr2, 2px));
   border-block-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_1uxuj_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_k1eqb_145.awsui_virtual_15o6u_k1eqb_171:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_has-background_15o6u_1uxuj_174:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_has-background_15o6u_k1eqb_174:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
   border-width: var(--border-item-width-acvlhx, 1px);
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
@@ -184,167 +184,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-jnczic, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_pad-bottom_15o6u_k1eqb_167:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_pad-bottom_15o6u_k1eqb_167:not(#\9) {
   padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177:not(#\9) {
   z-index: 3;
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_disabled_15o6u_1uxuj_195:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_disabled_15o6u_k1eqb_195:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_is-keyboard_15o6u_k1eqb_200:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9):not(.awsui_visual-refresh_15o6u_1uxuj_203) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_highlighted_15o6u_k1eqb_177.awsui_is-keyboard_15o6u_k1eqb_200:not(#\9):not(.awsui_visual-refresh_15o6u_k1eqb_203) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-selected-1c9k0x, #f1faff);
   border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_next-item-selected_15o6u_1uxuj_211:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_next-item-selected_15o6u_k1eqb_211:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177:not(#\9) {
   border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
   z-index: 3;
   outline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
   outline-offset: calc(-2 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177.awsui_is-keyboard_15o6u_k1eqb_200:not(#\9) {
   border-color: var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
   outline-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_visual-refresh_15o6u_1uxuj_203) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177:not(#\9):not(.awsui_visual-refresh_15o6u_k1eqb_203) {
   border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
   outline: none;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_visual-refresh_15o6u_1uxuj_203).awsui_is-keyboard_15o6u_1uxuj_200 {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_highlighted_15o6u_k1eqb_177:not(#\9):not(.awsui_visual-refresh_15o6u_k1eqb_203).awsui_is-keyboard_15o6u_k1eqb_200 {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177 + .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_selected_15o6u_1uxuj_177.awsui_previous-item-selected_15o6u_1uxuj_232:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177 + .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_selected_15o6u_k1eqb_177.awsui_previous-item-selected_15o6u_k1eqb_232:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-7pa4nd, #545b64);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236:not(#\9):not(.awsui_interactiveGroups_15o6u_1uxuj_240) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236:not(#\9):not(.awsui_interactiveGroups_15o6u_k1eqb_240) {
   border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240:not(#\9) {
   padding-block: calc(var(--space-xs-kw7k3v, 8px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240.awsui_highlighted_15o6u_k1eqb_177:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240.awsui_selected_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_parent_15o6u_k1eqb_236.awsui_interactiveGroups_15o6u_k1eqb_240.awsui_selected_15o6u_k1eqb_177:not(#\9) {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_child_15o6u_1uxuj_256:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_child_15o6u_k1eqb_256:not(#\9) {
   padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_child_15o6u_1uxuj_256.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_child_15o6u_1uxuj_256.awsui_selected_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_child_15o6u_k1eqb_256.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_child_15o6u_k1eqb_256.awsui_selected_15o6u_k1eqb_177:not(#\9) {
   padding-inline-start: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   margin-block-end: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
   z-index: 4;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177) {
   border-inline-start-width: var(--border-item-width-acvlhx, 1px);
   border-inline-start-color: var(--color-border-dropdown-container-w99bbi, transparent);
   border-inline-end-color: var(--color-border-dropdown-container-w99bbi, transparent);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_with-scrollbar_15o6u_1uxuj_274) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_with-scrollbar_15o6u_k1eqb_274) {
   border-inline-end-width: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177).awsui_with-scrollbar_15o6u_1uxuj_274 {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177).awsui_with-scrollbar_15o6u_k1eqb_274 {
   border-inline-end-width: 0;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_after-header_15o6u_1uxuj_280) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_after-header_15o6u_k1eqb_280) {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_after-header_15o6u_1uxuj_280):not(.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177):not(.awsui_after-header_15o6u_1uxuj_280).awsui_with-scrollbar_15o6u_1uxuj_274) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_after-header_15o6u_k1eqb_280):not(.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177):not(.awsui_after-header_15o6u_k1eqb_280).awsui_with-scrollbar_15o6u_k1eqb_274) {
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262:not(#\9):not(.awsui_highlighted_15o6u_1uxuj_177):not(.awsui_selected_15o6u_1uxuj_177).awsui_after-header_15o6u_1uxuj_280 {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262:not(#\9):not(.awsui_highlighted_15o6u_k1eqb_177):not(.awsui_selected_15o6u_k1eqb_177).awsui_after-header_15o6u_k1eqb_280 {
   border-block-start-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262.awsui_disabled_15o6u_1uxuj_195.awsui_highlighted_15o6u_1uxuj_177:not(#\9), .awsui_selectable-item_15o6u_1uxuj_145.awsui_sticky_15o6u_1uxuj_262.awsui_disabled_15o6u_1uxuj_195.awsui_selected_15o6u_1uxuj_177:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262.awsui_disabled_15o6u_k1eqb_195.awsui_highlighted_15o6u_k1eqb_177:not(#\9), .awsui_selectable-item_15o6u_k1eqb_145.awsui_sticky_15o6u_k1eqb_262.awsui_disabled_15o6u_k1eqb_195.awsui_selected_15o6u_k1eqb_177:not(#\9) {
   border-block-end-color: transparent;
   border-block-start-color: transparent;
   border-inline-start-color: transparent;
   border-inline-end-color: transparent;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_disabled_15o6u_1uxuj_195:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_disabled_15o6u_k1eqb_195:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
 }
-.awsui_selectable-item_15o6u_1uxuj_145:not(#\9):not(.awsui_disabled_15o6u_1uxuj_195):not(.awsui_parent_15o6u_1uxuj_236) {
+.awsui_selectable-item_15o6u_k1eqb_145:not(#\9):not(.awsui_disabled_15o6u_k1eqb_195):not(.awsui_parent_15o6u_k1eqb_236) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_interactiveGroups_15o6u_1uxuj_240:not(#\9):not(.awsui_disabled_15o6u_1uxuj_195) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_interactiveGroups_15o6u_k1eqb_240:not(#\9):not(.awsui_disabled_15o6u_k1eqb_195) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171:not(#\9) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_virtual_15o6u_k1eqb_171:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-1fzwg5, 0px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_1uxuj_177, .awsui_highlighted_15o6u_1uxuj_177) {
+.awsui_selectable-item_15o6u_k1eqb_145.awsui_virtual_15o6u_k1eqb_171:not(#\9):first-of-type:not(.awsui_selected_15o6u_k1eqb_177, .awsui_highlighted_15o6u_k1eqb_177) {
   border-block-start-color: var(--color-border-dropdown-item-top-znzfoj, #eaeded);
 }
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177), .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177:not(#\9) {
-  border-width: var(--border-divider-list-width-8ggz94, 1px);
-  padding-block: calc(var(--space-xxs-jnczic, 4px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
-  padding-inline: calc(var(--space-field-horizontal-n5peob, 8px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_pad-bottom_15o6u_1uxuj_167, .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_pad-bottom_15o6u_1uxuj_167:not(#\9) {
-  padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_child_15o6u_1uxuj_256, .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_child_15o6u_1uxuj_256:not(#\9) {
-  padding-inline-start: calc(var(--space-xxl-q0lyvp, 32px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240, .awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_parent_15o6u_1uxuj_236.awsui_interactiveGroups_15o6u_1uxuj_240:not(#\9) {
-  padding-block: calc(var(--space-xs-kw7k3v, 8px) + calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)));
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_highlighted_15o6u_1uxuj_177:not(#\9):not(.awsui_selected_15o6u_1uxuj_177).awsui_is-keyboard_15o6u_1uxuj_200 {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177:not(#\9) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177:not(#\9) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_selected_15o6u_1uxuj_177.awsui_highlighted_15o6u_1uxuj_177.awsui_is-keyboard_15o6u_1uxuj_200:not(#\9) {
-  box-shadow: inset 0 0 0 calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
-}
-.awsui_selectable-item_15o6u_1uxuj_145.awsui_virtual_15o6u_1uxuj_171.awsui_parent_15o6u_1uxuj_236:not(#\9):not(.awsui_interactiveGroups_15o6u_1uxuj_240) {
-  border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
-}
-.awsui_measure-strut_15o6u_1uxuj_347:not(#\9) {
+.awsui_measure-strut_15o6u_k1eqb_315:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -353,20 +321,20 @@ 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-8ggz94, 1px);
 }
-.awsui_measure-strut-first_15o6u_1uxuj_356:not(#\9) {
+.awsui_measure-strut-first_15o6u_k1eqb_324:not(#\9) {
   padding-block-end: var(--border-divider-list-width-8ggz94, 1px);
 }
-.awsui_screenreader-content_15o6u_1uxuj_360:not(#\9) {
+.awsui_screenreader-content_15o6u_k1eqb_328:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
-.awsui_option-content_15o6u_1uxuj_366:not(#\9) {
+.awsui_option-content_15o6u_k1eqb_334:not(#\9) {
   /* used in test-utils */
 }
-.awsui_select-all_15o6u_1uxuj_370:not(#\9) {
+.awsui_select-all_15o6u_k1eqb_338:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_1uxuj_145",
-  "pad-bottom": "awsui_pad-bottom_15o6u_1uxuj_167",
-  "virtual": "awsui_virtual_15o6u_1uxuj_171",
-  "has-background": "awsui_has-background_15o6u_1uxuj_174",
-  "highlighted": "awsui_highlighted_15o6u_1uxuj_177",
-  "selected": "awsui_selected_15o6u_1uxuj_177",
-  "disabled": "awsui_disabled_15o6u_1uxuj_195",
-  "is-keyboard": "awsui_is-keyboard_15o6u_1uxuj_200",
-  "visual-refresh": "awsui_visual-refresh_15o6u_1uxuj_203",
-  "next-item-selected": "awsui_next-item-selected_15o6u_1uxuj_211",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_1uxuj_232",
-  "parent": "awsui_parent_15o6u_1uxuj_236",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_1uxuj_240",
-  "child": "awsui_child_15o6u_1uxuj_256",
-  "sticky": "awsui_sticky_15o6u_1uxuj_262",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_1uxuj_274",
-  "after-header": "awsui_after-header_15o6u_1uxuj_280",
-  "measure-strut": "awsui_measure-strut_15o6u_1uxuj_347",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_1uxuj_356",
-  "screenreader-content": "awsui_screenreader-content_15o6u_1uxuj_360",
-  "option-content": "awsui_option-content_15o6u_1uxuj_366",
-  "select-all": "awsui_select-all_15o6u_1uxuj_370"
+  "selectable-item": "awsui_selectable-item_15o6u_k1eqb_145",
+  "pad-bottom": "awsui_pad-bottom_15o6u_k1eqb_167",
+  "virtual": "awsui_virtual_15o6u_k1eqb_171",
+  "has-background": "awsui_has-background_15o6u_k1eqb_174",
+  "highlighted": "awsui_highlighted_15o6u_k1eqb_177",
+  "selected": "awsui_selected_15o6u_k1eqb_177",
+  "disabled": "awsui_disabled_15o6u_k1eqb_195",
+  "is-keyboard": "awsui_is-keyboard_15o6u_k1eqb_200",
+  "visual-refresh": "awsui_visual-refresh_15o6u_k1eqb_203",
+  "next-item-selected": "awsui_next-item-selected_15o6u_k1eqb_211",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_k1eqb_232",
+  "parent": "awsui_parent_15o6u_k1eqb_236",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_k1eqb_240",
+  "child": "awsui_child_15o6u_k1eqb_256",
+  "sticky": "awsui_sticky_15o6u_k1eqb_262",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_k1eqb_274",
+  "after-header": "awsui_after-header_15o6u_k1eqb_280",
+  "measure-strut": "awsui_measure-strut_15o6u_k1eqb_315",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_k1eqb_324",
+  "screenreader-content": "awsui_screenreader-content_15o6u_k1eqb_328",
+  "option-content": "awsui_option-content_15o6u_k1eqb_334",
+  "select-all": "awsui_select-all_15o6u_k1eqb_338"
 };