@cloudscape-design/components-themeable 3.0.1328 → 3.0.1329

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 { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { useMergeRefs, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BaseComponentProps } from '../../../types/base-component';\nimport { DropdownStatusProps } from '../../../types/dropdown-status';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../../../types/events';\nimport { getBaseProps } from '../../base-component';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../../events';\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  tagOverride?: 'div' | 'ul';\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaRequired?: boolean;\n  decreaseBlockMargin?: boolean;\n  embedded?: boolean;\n  stickyItemBlockSize?: number | null;\n  isMultiSelect?: 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    tagOverride: Tag = 'div',\n    decreaseBlockMargin = false,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaRequired,\n    embedded,\n    stickyItemBlockSize,\n    isMultiSelect,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLElement>(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    [styles['options-list-embedded']]: embedded,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <Tag\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position, scrollPaddingBlockStart: stickyItemBlockSize ?? undefined }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => 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={embedded ? 0 : -1}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      aria-multiselectable={role === 'listbox' && isMultiSelect ? true : undefined}\n      aria-required={ariaRequired}\n    >\n      {open && children}\n    </Tag>\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":"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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 { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\nimport { useMergeRefs, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nimport { BaseComponentProps } from '../../../types/base-component';\nimport { DropdownStatusProps } from '../../../types/dropdown-status';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../../../types/events';\nimport { getBaseProps } from '../../base-component';\nimport { fireKeyboardEvent, fireNonCancelableEvent } from '../../events';\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  tagOverride?: 'div' | 'ul';\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaRequired?: boolean;\n  decreaseBlockMargin?: boolean;\n  embedded?: boolean;\n  stickyItemBlockSize?: number | null;\n  isMultiSelect?: boolean;\n  /** Internal: custom CSS properties set on the list root; inherited by the option rows. */\n  customProperties?: React.CSSProperties;\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    tagOverride: Tag = 'div',\n    decreaseBlockMargin = false,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n    ariaRequired,\n    embedded,\n    stickyItemBlockSize,\n    isMultiSelect,\n    customProperties,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLElement>(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    [styles['options-list-embedded']]: embedded,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <Tag\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ ...customProperties, position, scrollPaddingBlockStart: stickyItemBlockSize ?? undefined }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => 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={embedded ? 0 : -1}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n      aria-multiselectable={role === 'listbox' && isMultiSelect ? true : undefined}\n      aria-required={ariaRequired}\n    >\n      {open && children}\n    </Tag>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}

package/lib/internal/template/internal/components/radio-button/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "radio-control": "awsui_radio-control_1v1hk_1rp4y_145",
-  "outline": "awsui_outline_1v1hk_1rp4y_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1rp4y_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1rp4y_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1rp4y_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1rp4y_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1rp4y_201"
+  "radio-control": "awsui_radio-control_1v1hk_emezk_145",
+  "outline": "awsui_outline_1v1hk_emezk_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_emezk_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_emezk_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_emezk_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_emezk_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_emezk_201"
 };
   

package/lib/internal/template/internal/components/radio-button/styles.scoped.css

@@ -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_radio-control_1v1hk_1rp4y_145:not(#\9) {
+.awsui_radio-control_1v1hk_emezk_145:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-control-lkpwjy, 14px)) / 2);
   min-block-size: var(--size-control-lkpwjy, 14px);
   min-inline-size: var(--size-control-lkpwjy, 14px);
@@ -150,15 +150,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-lkpwjy, 14px);
 }
 
-.awsui_outline_1v1hk_1rp4y_153:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-r5f6xl, #0073bb));
+.awsui_outline_1v1hk_emezk_153:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-style-focus-ring-border-width-z17rmd, 2px) var(--awsui-style-focus-ring-border-color-z17rmd, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-.awsui_outline_1v1hk_1rp4y_153:not(#\9) {
+.awsui_outline_1v1hk_emezk_153:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1v1hk_1rp4y_153:not(#\9)::before {
+.awsui_outline_1v1hk_emezk_153:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -166,46 +166,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-0v2apg, 50%));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-z17rmd);
 }
 
-.awsui_styled-circle-border_1v1hk_1rp4y_176:not(#\9) {
+.awsui_styled-circle-border_1v1hk_emezk_176:not(#\9) {
   stroke: var(--color-border-control-default-e686ow, #687078);
   fill: var(--color-background-control-default-wjdczs, #ffffff);
 }
-.awsui_styled-circle-border_1v1hk_1rp4y_176.awsui_styled-circle-disabled_1v1hk_1rp4y_180:not(#\9), .awsui_styled-circle-border_1v1hk_1rp4y_176.awsui_styled-circle-readonly_1v1hk_1rp4y_180:not(#\9) {
+.awsui_styled-circle-border_1v1hk_emezk_176.awsui_styled-circle-disabled_1v1hk_emezk_180:not(#\9), .awsui_styled-circle-border_1v1hk_emezk_176.awsui_styled-circle-readonly_1v1hk_emezk_180:not(#\9) {
   fill: var(--color-background-control-disabled-2ixett, #d5dbdb);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
 
-.awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_emezk_185:not(#\9) {
   stroke: var(--color-background-control-checked-se0x0e, #0073bb);
   fill: var(--color-foreground-control-default-rf7v4a, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9) {
+  .awsui_styled-circle-fill_1v1hk_emezk_185:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_1rp4y_185:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_emezk_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_emezk_185:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185.awsui_styled-circle-checked_1v1hk_1rp4y_201:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_emezk_185.awsui_styled-circle-checked_1v1hk_emezk_201:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185.awsui_styled-circle-disabled_1v1hk_1rp4y_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_emezk_185.awsui_styled-circle-disabled_1v1hk_emezk_180:not(#\9) {
   fill: var(--color-foreground-control-disabled-kj751b, #ffffff);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }
-.awsui_styled-circle-fill_1v1hk_1rp4y_185.awsui_styled-circle-readonly_1v1hk_1rp4y_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_emezk_185.awsui_styled-circle-readonly_1v1hk_emezk_180:not(#\9) {
   fill: var(--color-foreground-control-read-only-cgy3yn, #687078);
   stroke: var(--color-background-control-disabled-2ixett, #d5dbdb);
 }

package/lib/internal/template/internal/components/radio-button/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "radio-control": "awsui_radio-control_1v1hk_1rp4y_145",
-  "outline": "awsui_outline_1v1hk_1rp4y_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_1rp4y_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_1rp4y_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_1rp4y_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_1rp4y_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_1rp4y_201"
+  "radio-control": "awsui_radio-control_1v1hk_emezk_145",
+  "outline": "awsui_outline_1v1hk_emezk_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_emezk_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_emezk_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_emezk_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_emezk_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_emezk_201"
 };
   

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

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_5udc2_145",
-  "parent": "awsui_parent_15o6u_5udc2_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_5udc2_164",
-  "highlighted": "awsui_highlighted_15o6u_5udc2_164",
-  "selected": "awsui_selected_15o6u_5udc2_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_5udc2_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_5udc2_171",
-  "virtual": "awsui_virtual_15o6u_5udc2_178",
-  "has-background": "awsui_has-background_15o6u_5udc2_181",
-  "child": "awsui_child_15o6u_5udc2_184",
-  "disabled": "awsui_disabled_15o6u_5udc2_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_5udc2_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_5udc2_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_5udc2_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_5udc2_239",
-  "sticky": "awsui_sticky_15o6u_5udc2_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_5udc2_290",
-  "after-header": "awsui_after-header_15o6u_5udc2_293",
-  "measure-strut": "awsui_measure-strut_15o6u_5udc2_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_5udc2_334",
-  "option-content": "awsui_option-content_15o6u_5udc2_340",
-  "select-all": "awsui_select-all_15o6u_5udc2_344"
+  "selectable-item": "awsui_selectable-item_15o6u_9ot1v_145",
+  "parent": "awsui_parent_15o6u_9ot1v_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_9ot1v_164",
+  "highlighted": "awsui_highlighted_15o6u_9ot1v_164",
+  "selected": "awsui_selected_15o6u_9ot1v_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_9ot1v_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_9ot1v_171",
+  "virtual": "awsui_virtual_15o6u_9ot1v_178",
+  "has-background": "awsui_has-background_15o6u_9ot1v_181",
+  "child": "awsui_child_15o6u_9ot1v_184",
+  "disabled": "awsui_disabled_15o6u_9ot1v_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_9ot1v_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_9ot1v_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_9ot1v_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_9ot1v_239",
+  "sticky": "awsui_sticky_15o6u_9ot1v_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_9ot1v_290",
+  "after-header": "awsui_after-header_15o6u_9ot1v_293",
+  "measure-strut": "awsui_measure-strut_15o6u_9ot1v_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_9ot1v_334",
+  "option-content": "awsui_option-content_15o6u_9ot1v_340",
+  "select-all": "awsui_select-all_15o6u_9ot1v_344"
 };
   

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

@@ -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_5udc2_145:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_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);
@@ -154,172 +154,172 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   z-index: 1;
   border-width: 0;
-  background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
-  color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
+  background-color: var(--awsui-option-background-default-z17rmd, var(--color-background-dropdown-item-default-fhmksr, #ffffff));
+  color: var(--awsui-option-color-default-z17rmd, var(--color-text-dropdown-item-default-a6mvc9, #16191f));
   padding-block: var(--border-item-width-acvlhx, 1px);
   padding-inline: var(--border-item-width-acvlhx, 1px);
   overflow: hidden;
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164.awsui_interactiveGroups_15o6u_5udc2_164:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164.awsui_interactiveGroups_15o6u_9ot1v_164:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   padding-block: var(--space-option-padding-vertical-uomfe1, 4px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_pad-bottom_15o6u_5udc2_171:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_pad-bottom_15o6u_9ot1v_171:not(#\9) {
   padding-block-end: var(--border-item-width-acvlhx, 1px);
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_pad-bottom_15o6u_5udc2_171 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_pad-bottom_15o6u_9ot1v_171 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   padding-block-end: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--space-xxxs-3w1kr2, 2px));
 }
-.awsui_selectable-item_15o6u_5udc2_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_9ot1v_145.awsui_virtual_15o6u_9ot1v_178:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-acvlhx, 1px));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_has-background_15o6u_5udc2_181:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_has-background_15o6u_9ot1v_181:not(#\9) {
+  background-color: var(--awsui-option-background-highlighted-z17rmd, var(--color-background-dropdown-item-hover-353r6f, #f2f3f3));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_child_15o6u_5udc2_184:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_child_15o6u_9ot1v_184:not(#\9) {
   padding-inline-start: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_child_15o6u_5udc2_184 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_child_15o6u_9ot1v_184 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   padding-inline-start: var(--space-xxl-q0lyvp, 32px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_disabled_15o6u_5udc2_190 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_disabled_15o6u_9ot1v_190 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
+  color: var(--awsui-option-color-disabled-z17rmd, var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_highlighted_15o6u_9ot1v_164:not(#\9), .awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164:not(#\9) {
+  color: var(--awsui-option-color-highlighted-z17rmd, var(--color-text-dropdown-item-highlighted-bchk26, #16191f));
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
   border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_highlighted_15o6u_9ot1v_164:not(#\9) {
   z-index: 3;
-  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
+  background-color: var(--awsui-option-background-highlighted-z17rmd, var(--color-background-dropdown-item-hover-353r6f, #f2f3f3));
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164.awsui_is-keyboard_15o6u_5udc2_205:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_highlighted_15o6u_9ot1v_164.awsui_is-keyboard_15o6u_9ot1v_205:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164.awsui_disabled_15o6u_5udc2_190:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_highlighted_15o6u_9ot1v_164.awsui_disabled_15o6u_9ot1v_190:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164.awsui_disabled_15o6u_5udc2_190 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_highlighted_15o6u_9ot1v_164.awsui_disabled_15o6u_9ot1v_190 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_highlighted_15o6u_5udc2_164:not(#\9):not(.awsui_visual-refresh_15o6u_5udc2_215).awsui_is-keyboard_15o6u_5udc2_205 {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_highlighted_15o6u_9ot1v_164:not(#\9):not(.awsui_visual-refresh_15o6u_9ot1v_215).awsui_is-keyboard_15o6u_9ot1v_205 {
   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_5udc2_145.awsui_selected_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-selected-1c9k0x, #f1faff);
+  background-color: var(--awsui-option-background-selected-z17rmd, var(--color-background-dropdown-item-selected-1c9k0x, #f1faff));
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164.awsui_highlighted_15o6u_9ot1v_164:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-7rbija, 1px)) var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164.awsui_is-keyboard_15o6u_5udc2_205:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164.awsui_highlighted_15o6u_9ot1v_164.awsui_is-keyboard_15o6u_9ot1v_205:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-selected-88v7h2, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-7rbija, 1px)) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_next-item-selected_15o6u_5udc2_229:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164.awsui_next-item-selected_15o6u_9ot1v_229:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164:not(#\9):not(.awsui_visual-refresh_15o6u_5udc2_215) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164.awsui_highlighted_15o6u_9ot1v_164:not(#\9):not(.awsui_visual-refresh_15o6u_9ot1v_215) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-hover-vony6u, #879596);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164:not(#\9):not(.awsui_visual-refresh_15o6u_5udc2_215).awsui_is-keyboard_15o6u_5udc2_205 {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164.awsui_highlighted_15o6u_9ot1v_164:not(#\9):not(.awsui_visual-refresh_15o6u_9ot1v_215).awsui_is-keyboard_15o6u_9ot1v_205 {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-7rbija, 1px) var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164 + .awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_selected_15o6u_5udc2_164.awsui_previous-item-selected_15o6u_5udc2_239:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164 + .awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164:not(#\9), .awsui_selectable-item_15o6u_9ot1v_145.awsui_selected_15o6u_9ot1v_164.awsui_previous-item-selected_15o6u_9ot1v_239:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_disabled_15o6u_5udc2_190) > .awsui_selectable-item-content_15o6u_5udc2_167 {
-  color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164:not(#\9):not(.awsui_disabled_15o6u_9ot1v_190) > .awsui_selectable-item-content_15o6u_9ot1v_167 {
+  color: var(--awsui-option-group-label-color-z17rmd, var(--color-text-dropdown-group-label-m31yo5, #545b64));
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9ot1v_164) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164):not(:has(> .awsui_selectable-item-content_15o6u_5udc2_167)) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9ot1v_164):not(:has(> .awsui_selectable-item-content_15o6u_9ot1v_167)) {
   padding-block: var(--border-item-width-acvlhx, 1px);
   padding-inline: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164) > .awsui_selectable-item-content_15o6u_5udc2_167 {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9ot1v_164) > .awsui_selectable-item-content_15o6u_9ot1v_167 {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-xs-kw7k3v, 8px);
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164.awsui_interactiveGroups_15o6u_5udc2_164 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164.awsui_interactiveGroups_15o6u_9ot1v_164 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_parent_15o6u_5udc2_164.awsui_interactiveGroups_15o6u_5udc2_164.awsui_highlighted_15o6u_5udc2_164 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_parent_15o6u_9ot1v_164.awsui_interactiveGroups_15o6u_9ot1v_164.awsui_highlighted_15o6u_9ot1v_164 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
 }
-.awsui_selectable-item_15o6u_5udc2_145:not(#\9):not(.awsui_disabled_15o6u_5udc2_190):not(.awsui_parent_15o6u_5udc2_164), .awsui_selectable-item_15o6u_5udc2_145.awsui_interactiveGroups_15o6u_5udc2_164:not(#\9):not(.awsui_disabled_15o6u_5udc2_190) {
+.awsui_selectable-item_15o6u_9ot1v_145:not(#\9):not(.awsui_disabled_15o6u_9ot1v_190):not(.awsui_parent_15o6u_9ot1v_164), .awsui_selectable-item_15o6u_9ot1v_145.awsui_interactiveGroups_15o6u_9ot1v_164:not(#\9):not(.awsui_disabled_15o6u_9ot1v_190) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271 + .awsui_selectable-item_15o6u_5udc2_145:not(#\9):not(.awsui_sticky_15o6u_5udc2_271):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271 + .awsui_selectable-item_15o6u_9ot1v_145:not(#\9):not(.awsui_sticky_15o6u_9ot1v_271):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164) {
   box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   margin-block-end: var(--border-item-width-acvlhx, 1px);
   z-index: 4;
   padding-inline: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_highlighted_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_selected_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271.awsui_highlighted_15o6u_9ot1v_164:not(#\9), .awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271.awsui_selected_15o6u_9ot1v_164:not(#\9) {
   padding-inline: var(--border-item-width-acvlhx, 1px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271 > .awsui_selectable-item-content_15o6u_5udc2_167:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271 > .awsui_selectable-item-content_15o6u_9ot1v_167:not(#\9) {
   padding-inline: var(--space-field-horizontal-n5peob, 8px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_with-scrollbar_15o6u_5udc2_290) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164):not(.awsui_with-scrollbar_15o6u_9ot1v_290) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-dgqo1x, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_after-header_15o6u_5udc2_293) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164):not(.awsui_after-header_15o6u_9ot1v_293) {
   border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_after-header_15o6u_5udc2_293):not(.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164):not(.awsui_after-header_15o6u_5udc2_293).awsui_with-scrollbar_15o6u_5udc2_290) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164):not(.awsui_after-header_15o6u_9ot1v_293):not(.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164):not(.awsui_after-header_15o6u_9ot1v_293).awsui_with-scrollbar_15o6u_9ot1v_290) {
   border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164).awsui_after-header_15o6u_5udc2_293 {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164).awsui_after-header_15o6u_9ot1v_293 {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271:not(#\9):not(.awsui_highlighted_15o6u_5udc2_164):not(.awsui_selected_15o6u_5udc2_164).awsui_after-header_15o6u_5udc2_293:not(.awsui_with-scrollbar_15o6u_5udc2_290) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271:not(#\9):not(.awsui_highlighted_15o6u_9ot1v_164):not(.awsui_selected_15o6u_9ot1v_164).awsui_after-header_15o6u_9ot1v_293:not(.awsui_with-scrollbar_15o6u_9ot1v_290) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-background-dropdown-item-default-fhmksr, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded), inset var(--border-width-popover-dgqo1x, 1px) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent), inset calc(-1 * var(--border-width-popover-dgqo1x, 1px)) 0 0 0 var(--color-border-dropdown-container-w99bbi, transparent);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_disabled_15o6u_5udc2_190.awsui_highlighted_15o6u_5udc2_164:not(#\9), .awsui_selectable-item_15o6u_5udc2_145.awsui_sticky_15o6u_5udc2_271.awsui_disabled_15o6u_5udc2_190.awsui_selected_15o6u_5udc2_164:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271.awsui_disabled_15o6u_9ot1v_190.awsui_highlighted_15o6u_9ot1v_164:not(#\9), .awsui_selectable-item_15o6u_9ot1v_145.awsui_sticky_15o6u_9ot1v_271.awsui_disabled_15o6u_9ot1v_190.awsui_selected_15o6u_9ot1v_164:not(#\9) {
   box-shadow: none;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_virtual_15o6u_9ot1v_178: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_5udc2_145.awsui_virtual_15o6u_5udc2_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_5udc2_164, .awsui_highlighted_15o6u_5udc2_164) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_virtual_15o6u_9ot1v_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_9ot1v_164, .awsui_highlighted_15o6u_9ot1v_164) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-item-top-znzfoj, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178.awsui_parent_15o6u_5udc2_164:not(#\9):not(.awsui_interactiveGroups_15o6u_5udc2_164) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_virtual_15o6u_9ot1v_178.awsui_parent_15o6u_9ot1v_164:not(#\9):not(.awsui_interactiveGroups_15o6u_9ot1v_164) {
   box-shadow: inset 0 var(--border-divider-list-width-8ggz94, 1px) 0 0 var(--color-border-dropdown-group-dg9zg5, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-8ggz94, 1px)) 0 0 var(--color-border-dropdown-item-default-uslwbi, #eaeded);
 }
 
-.awsui_measure-strut_15o6u_5udc2_322:not(#\9) {
+.awsui_measure-strut_15o6u_9ot1v_322:not(#\9) {
   position: absolute;
   pointer-events: none;
   block-size: 100%;
@@ -327,20 +327,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   inset-inline-start: 0;
 }
-.awsui_selectable-item_15o6u_5udc2_145.awsui_virtual_15o6u_5udc2_178 > .awsui_measure-strut_15o6u_5udc2_322:not(#\9) {
+.awsui_selectable-item_15o6u_9ot1v_145.awsui_virtual_15o6u_9ot1v_178 > .awsui_measure-strut_15o6u_9ot1v_322:not(#\9) {
   block-size: calc(100% - var(--border-width-item-selected-7rbija, 1px));
 }
 
-.awsui_screenreader-content_15o6u_5udc2_334:not(#\9) {
+.awsui_screenreader-content_15o6u_9ot1v_334:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_5udc2_340:not(#\9) {
+.awsui_option-content_15o6u_9ot1v_340:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_select-all_15o6u_5udc2_344:not(#\9) {
+.awsui_select-all_15o6u_9ot1v_344:not(#\9) {
   /* used in test-utils */
 }

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

@@ -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_5udc2_145",
-  "parent": "awsui_parent_15o6u_5udc2_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_5udc2_164",
-  "highlighted": "awsui_highlighted_15o6u_5udc2_164",
-  "selected": "awsui_selected_15o6u_5udc2_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_5udc2_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_5udc2_171",
-  "virtual": "awsui_virtual_15o6u_5udc2_178",
-  "has-background": "awsui_has-background_15o6u_5udc2_181",
-  "child": "awsui_child_15o6u_5udc2_184",
-  "disabled": "awsui_disabled_15o6u_5udc2_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_5udc2_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_5udc2_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_5udc2_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_5udc2_239",
-  "sticky": "awsui_sticky_15o6u_5udc2_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_5udc2_290",
-  "after-header": "awsui_after-header_15o6u_5udc2_293",
-  "measure-strut": "awsui_measure-strut_15o6u_5udc2_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_5udc2_334",
-  "option-content": "awsui_option-content_15o6u_5udc2_340",
-  "select-all": "awsui_select-all_15o6u_5udc2_344"
+  "selectable-item": "awsui_selectable-item_15o6u_9ot1v_145",
+  "parent": "awsui_parent_15o6u_9ot1v_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_9ot1v_164",
+  "highlighted": "awsui_highlighted_15o6u_9ot1v_164",
+  "selected": "awsui_selected_15o6u_9ot1v_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_9ot1v_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_9ot1v_171",
+  "virtual": "awsui_virtual_15o6u_9ot1v_178",
+  "has-background": "awsui_has-background_15o6u_9ot1v_181",
+  "child": "awsui_child_15o6u_9ot1v_184",
+  "disabled": "awsui_disabled_15o6u_9ot1v_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_9ot1v_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_9ot1v_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_9ot1v_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_9ot1v_239",
+  "sticky": "awsui_sticky_15o6u_9ot1v_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_9ot1v_290",
+  "after-header": "awsui_after-header_15o6u_9ot1v_293",
+  "measure-strut": "awsui_measure-strut_15o6u_9ot1v_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_9ot1v_334",
+  "option-content": "awsui_option-content_15o6u_9ot1v_340",
+  "select-all": "awsui_select-all_15o6u_9ot1v_344"
 };
   

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1xw5t_193",
-  "horizontal": "awsui_horizontal_gfwv3_1xw5t_196",
-  "vertical": "awsui_vertical_gfwv3_1xw5t_202",
-  "list": "awsui_list_gfwv3_1xw5t_207",
-  "grid": "awsui_grid_gfwv3_1xw5t_226",
-  "list-item": "awsui_list-item_gfwv3_1xw5t_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xw5t_245",
-  "toggle": "awsui_toggle_gfwv3_1xw5t_245",
-  "description": "awsui_description_gfwv3_1xw5t_338",
-  "separator": "awsui_separator_gfwv3_1xw5t_342"
+  "root": "awsui_root_gfwv3_flfn9_193",
+  "horizontal": "awsui_horizontal_gfwv3_flfn9_196",
+  "vertical": "awsui_vertical_gfwv3_flfn9_202",
+  "list": "awsui_list_gfwv3_flfn9_207",
+  "grid": "awsui_grid_gfwv3_flfn9_226",
+  "list-item": "awsui_list-item_gfwv3_flfn9_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_flfn9_245",
+  "toggle": "awsui_toggle_gfwv3_flfn9_245",
+  "description": "awsui_description_gfwv3_flfn9_338",
+  "separator": "awsui_separator_gfwv3_flfn9_342"
 };