@cloudscape-design/components 3.0.1329 → 3.0.1331

package/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/internal/components/radio-button/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "radio-control": "awsui_radio-control_1v1hk_ykhrv_145",
-  "outline": "awsui_outline_1v1hk_ykhrv_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_ykhrv_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_ykhrv_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_ykhrv_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_ykhrv_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_ykhrv_201"
+  "radio-control": "awsui_radio-control_1v1hk_uj6on_145",
+  "outline": "awsui_outline_1v1hk_uj6on_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_uj6on_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_uj6on_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_uj6on_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_uj6on_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_uj6on_201"
 };
   

package/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_ykhrv_145:not(#\9) {
+.awsui_radio-control_1v1hk_uj6on_145:not(#\9) {
   margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-control-adm93y, 16px)) / 2);
   min-block-size: var(--size-control-adm93y, 16px);
   min-inline-size: var(--size-control-adm93y, 16px);
@@ -150,15 +150,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: var(--size-control-adm93y, 16px);
 }
 
-.awsui_outline_1v1hk_ykhrv_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-uk47pl, #006ce0));
+.awsui_outline_1v1hk_uj6on_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-uk47pl, #006ce0));
   position: relative;
 }
-.awsui_outline_1v1hk_ykhrv_153:not(#\9) {
+.awsui_outline_1v1hk_uj6on_153:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_1v1hk_ykhrv_153:not(#\9)::before {
+.awsui_outline_1v1hk_uj6on_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-yjhscw, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
-  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-yjhscw, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-z17rmd);
 }
 
-.awsui_styled-circle-border_1v1hk_ykhrv_176:not(#\9) {
+.awsui_styled-circle-border_1v1hk_uj6on_176:not(#\9) {
   stroke: var(--color-border-control-default-sh3548, #8c8c94);
   fill: var(--color-background-control-default-4jb21l, #ffffff);
 }
-.awsui_styled-circle-border_1v1hk_ykhrv_176.awsui_styled-circle-disabled_1v1hk_ykhrv_180:not(#\9), .awsui_styled-circle-border_1v1hk_ykhrv_176.awsui_styled-circle-readonly_1v1hk_ykhrv_180:not(#\9) {
+.awsui_styled-circle-border_1v1hk_uj6on_176.awsui_styled-circle-disabled_1v1hk_uj6on_180:not(#\9), .awsui_styled-circle-border_1v1hk_uj6on_176.awsui_styled-circle-readonly_1v1hk_uj6on_180:not(#\9) {
   fill: var(--color-background-control-disabled-1f3718, #dedee3);
   stroke: var(--color-background-control-disabled-1f3718, #dedee3);
 }
 
-.awsui_styled-circle-fill_1v1hk_ykhrv_185:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_uj6on_185:not(#\9) {
   stroke: var(--color-background-control-checked-ka7kc2, #006ce0);
   fill: var(--color-foreground-control-default-eto4wy, #ffffff);
   opacity: 0;
   transition: opacity var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_styled-circle-fill_1v1hk_ykhrv_185:not(#\9) {
+  .awsui_styled-circle-fill_1v1hk_uj6on_185:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_ykhrv_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_ykhrv_185:not(#\9) {
+.awsui-motion-disabled .awsui_styled-circle-fill_1v1hk_uj6on_185:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1v1hk_uj6on_185:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_styled-circle-fill_1v1hk_ykhrv_185.awsui_styled-circle-checked_1v1hk_ykhrv_201:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_uj6on_185.awsui_styled-circle-checked_1v1hk_uj6on_201:not(#\9) {
   opacity: 1;
 }
-.awsui_styled-circle-fill_1v1hk_ykhrv_185.awsui_styled-circle-disabled_1v1hk_ykhrv_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_uj6on_185.awsui_styled-circle-disabled_1v1hk_uj6on_180:not(#\9) {
   fill: var(--color-foreground-control-disabled-txi6cf, #ffffff);
   stroke: var(--color-background-control-disabled-1f3718, #dedee3);
 }
-.awsui_styled-circle-fill_1v1hk_ykhrv_185.awsui_styled-circle-readonly_1v1hk_ykhrv_180:not(#\9) {
+.awsui_styled-circle-fill_1v1hk_uj6on_185.awsui_styled-circle-readonly_1v1hk_uj6on_180:not(#\9) {
   fill: var(--color-foreground-control-read-only-7ydvuj, #656871);
   stroke: var(--color-background-control-disabled-1f3718, #dedee3);
 }

package/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_ykhrv_145",
-  "outline": "awsui_outline_1v1hk_ykhrv_153",
-  "styled-circle-border": "awsui_styled-circle-border_1v1hk_ykhrv_176",
-  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_ykhrv_180",
-  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_ykhrv_180",
-  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_ykhrv_185",
-  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_ykhrv_201"
+  "radio-control": "awsui_radio-control_1v1hk_uj6on_145",
+  "outline": "awsui_outline_1v1hk_uj6on_153",
+  "styled-circle-border": "awsui_styled-circle-border_1v1hk_uj6on_176",
+  "styled-circle-disabled": "awsui_styled-circle-disabled_1v1hk_uj6on_180",
+  "styled-circle-readonly": "awsui_styled-circle-readonly_1v1hk_uj6on_180",
+  "styled-circle-fill": "awsui_styled-circle-fill_1v1hk_uj6on_185",
+  "styled-circle-checked": "awsui_styled-circle-checked_1v1hk_uj6on_201"
 };
   

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

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_k2c9q_145",
-  "parent": "awsui_parent_15o6u_k2c9q_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_k2c9q_164",
-  "highlighted": "awsui_highlighted_15o6u_k2c9q_164",
-  "selected": "awsui_selected_15o6u_k2c9q_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_k2c9q_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_k2c9q_171",
-  "virtual": "awsui_virtual_15o6u_k2c9q_178",
-  "has-background": "awsui_has-background_15o6u_k2c9q_181",
-  "child": "awsui_child_15o6u_k2c9q_184",
-  "disabled": "awsui_disabled_15o6u_k2c9q_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_k2c9q_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_k2c9q_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_k2c9q_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_k2c9q_239",
-  "sticky": "awsui_sticky_15o6u_k2c9q_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_k2c9q_290",
-  "after-header": "awsui_after-header_15o6u_k2c9q_293",
-  "measure-strut": "awsui_measure-strut_15o6u_k2c9q_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_k2c9q_334",
-  "option-content": "awsui_option-content_15o6u_k2c9q_340",
-  "select-all": "awsui_select-all_15o6u_k2c9q_344"
+  "selectable-item": "awsui_selectable-item_15o6u_6g7xe_145",
+  "parent": "awsui_parent_15o6u_6g7xe_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_6g7xe_164",
+  "highlighted": "awsui_highlighted_15o6u_6g7xe_164",
+  "selected": "awsui_selected_15o6u_6g7xe_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_6g7xe_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_6g7xe_171",
+  "virtual": "awsui_virtual_15o6u_6g7xe_178",
+  "has-background": "awsui_has-background_15o6u_6g7xe_181",
+  "child": "awsui_child_15o6u_6g7xe_184",
+  "disabled": "awsui_disabled_15o6u_6g7xe_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_6g7xe_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_6g7xe_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_6g7xe_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_6g7xe_239",
+  "sticky": "awsui_sticky_15o6u_6g7xe_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_6g7xe_290",
+  "after-header": "awsui_after-header_15o6u_6g7xe_293",
+  "measure-strut": "awsui_measure-strut_15o6u_6g7xe_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_6g7xe_334",
+  "option-content": "awsui_option-content_15o6u_6g7xe_340",
+  "select-all": "awsui_select-all_15o6u_6g7xe_344"
 };
   

package/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_k2c9q_145:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
@@ -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-qmc033, #ffffff);
-  color: var(--color-text-dropdown-item-default-f1jr9u, #0f141a);
+  background-color: var(--awsui-option-background-default-z17rmd, var(--color-background-dropdown-item-default-qmc033, #ffffff));
+  color: var(--awsui-option-color-default-z17rmd, var(--color-text-dropdown-item-default-f1jr9u, #0f141a));
   padding-block: var(--border-item-width-miijiw, 2px);
   padding-inline: var(--border-item-width-miijiw, 2px);
   overflow: hidden;
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164.awsui_interactiveGroups_15o6u_k2c9q_164:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164.awsui_interactiveGroups_15o6u_6g7xe_164:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
 }
-.awsui_selectable-item_15o6u_k2c9q_145 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   padding-block: var(--space-option-padding-vertical-d2srv9, 4px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_pad-bottom_15o6u_k2c9q_171:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_pad-bottom_15o6u_6g7xe_171:not(#\9) {
   padding-block-end: var(--border-item-width-miijiw, 2px);
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_pad-bottom_15o6u_k2c9q_171 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_pad-bottom_15o6u_6g7xe_171 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   padding-block-end: calc(var(--space-option-padding-vertical-d2srv9, 4px) + var(--space-xxxs-pajhad, 2px));
 }
-.awsui_selectable-item_15o6u_k2c9q_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_k2c9q_145.awsui_virtual_15o6u_k2c9q_178:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_6g7xe_145.awsui_virtual_15o6u_6g7xe_178:not(#\9) {
   margin-block-start: calc(-1 * var(--border-item-width-miijiw, 2px));
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_has-background_15o6u_k2c9q_181:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_has-background_15o6u_6g7xe_181:not(#\9) {
+  background-color: var(--awsui-option-background-highlighted-z17rmd, var(--color-background-dropdown-item-hover-yunepc, #f3f3f7));
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_child_15o6u_k2c9q_184:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_child_15o6u_6g7xe_184:not(#\9) {
   padding-inline-start: var(--border-item-width-miijiw, 2px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_child_15o6u_k2c9q_184 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_child_15o6u_6g7xe_184 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   padding-inline-start: var(--space-xxl-32srm4, 32px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_disabled_15o6u_k2c9q_190 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb);
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_disabled_15o6u_6g7xe_190 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
+  color: var(--awsui-option-color-disabled-z17rmd, var(--color-text-dropdown-item-disabled-8m65hf, #b4b4bb));
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_highlighted_15o6u_k2c9q_164:not(#\9), .awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_highlighted_15o6u_6g7xe_164:not(#\9), .awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164:not(#\9) {
+  color: var(--awsui-option-color-highlighted-z17rmd, var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a));
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_highlighted_15o6u_k2c9q_164:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_highlighted_15o6u_6g7xe_164:not(#\9) {
   z-index: 3;
-  background-color: var(--color-background-dropdown-item-hover-yunepc, #f3f3f7);
+  background-color: var(--awsui-option-background-highlighted-z17rmd, var(--color-background-dropdown-item-hover-yunepc, #f3f3f7));
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_highlighted_15o6u_k2c9q_164.awsui_is-keyboard_15o6u_k2c9q_205:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_highlighted_15o6u_6g7xe_164.awsui_is-keyboard_15o6u_6g7xe_205:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_highlighted_15o6u_k2c9q_164.awsui_disabled_15o6u_k2c9q_190:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_highlighted_15o6u_6g7xe_164.awsui_disabled_15o6u_6g7xe_190:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-dimmed-hover-ga9sch, #8c8c94);
   background-color: var(--color-background-dropdown-item-dimmed-dhho03, transparent);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_highlighted_15o6u_k2c9q_164.awsui_disabled_15o6u_k2c9q_190 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_highlighted_15o6u_6g7xe_164.awsui_disabled_15o6u_6g7xe_190 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-tq8vh3, #b4b4bb);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_highlighted_15o6u_k2c9q_164:not(#\9):not(.awsui_visual-refresh_15o6u_k2c9q_215).awsui_is-keyboard_15o6u_k2c9q_205 {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_highlighted_15o6u_6g7xe_164:not(#\9):not(.awsui_visual-refresh_15o6u_6g7xe_215).awsui_is-keyboard_15o6u_6g7xe_205 {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164:not(#\9) {
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-selected-f3v6te, #f0fbff);
+  background-color: var(--awsui-option-background-selected-z17rmd, var(--color-background-dropdown-item-selected-f3v6te, #f0fbff));
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164.awsui_highlighted_15o6u_k2c9q_164:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164.awsui_highlighted_15o6u_6g7xe_164:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-width-item-selected-yv93vd, 2px)) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164.awsui_highlighted_15o6u_k2c9q_164.awsui_is-keyboard_15o6u_k2c9q_205:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164.awsui_highlighted_15o6u_6g7xe_164.awsui_is-keyboard_15o6u_6g7xe_205:not(#\9) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-selected-dl2ezh, #006ce0), inset 0 0 0 calc(2 * var(--border-width-item-selected-yv93vd, 2px)) var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164.awsui_next-item-selected_15o6u_k2c9q_229:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164.awsui_next-item-selected_15o6u_6g7xe_229:not(#\9) {
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164.awsui_highlighted_15o6u_k2c9q_164:not(#\9):not(.awsui_visual-refresh_15o6u_k2c9q_215) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164.awsui_highlighted_15o6u_6g7xe_164:not(#\9):not(.awsui_visual-refresh_15o6u_6g7xe_215) {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-hover-aqfuxq, #8c8c94);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164.awsui_highlighted_15o6u_k2c9q_164:not(#\9):not(.awsui_visual-refresh_15o6u_k2c9q_215).awsui_is-keyboard_15o6u_k2c9q_205 {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164.awsui_highlighted_15o6u_6g7xe_164:not(#\9):not(.awsui_visual-refresh_15o6u_6g7xe_215).awsui_is-keyboard_15o6u_6g7xe_205 {
   box-shadow: inset 0 0 0 var(--border-width-item-selected-yv93vd, 2px) var(--color-border-dropdown-item-focused-zacqlp, #424650);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164 + .awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164:not(#\9), .awsui_selectable-item_15o6u_k2c9q_145.awsui_selected_15o6u_k2c9q_164.awsui_previous-item-selected_15o6u_k2c9q_239:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164 + .awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164:not(#\9), .awsui_selectable-item_15o6u_6g7xe_145.awsui_selected_15o6u_6g7xe_164.awsui_previous-item-selected_15o6u_6g7xe_239:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164:not(#\9):not(.awsui_disabled_15o6u_k2c9q_190) > .awsui_selectable-item-content_15o6u_k2c9q_167 {
-  color: var(--color-text-dropdown-group-label-2tmyik, #424650);
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164:not(#\9):not(.awsui_disabled_15o6u_6g7xe_190) > .awsui_selectable-item-content_15o6u_6g7xe_167 {
+  color: var(--awsui-option-group-label-color-z17rmd, var(--color-text-dropdown-group-label-2tmyik, #424650));
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164:not(#\9):not(.awsui_interactiveGroups_15o6u_k2c9q_164) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164:not(#\9):not(.awsui_interactiveGroups_15o6u_6g7xe_164) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-group-ylcnh8, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164:not(#\9):not(.awsui_interactiveGroups_15o6u_k2c9q_164):not(:has(> .awsui_selectable-item-content_15o6u_k2c9q_167)) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164:not(#\9):not(.awsui_interactiveGroups_15o6u_6g7xe_164):not(:has(> .awsui_selectable-item-content_15o6u_6g7xe_167)) {
   padding-block: var(--border-item-width-miijiw, 2px);
   padding-inline: var(--border-item-width-miijiw, 2px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164:not(#\9):not(.awsui_interactiveGroups_15o6u_k2c9q_164) > .awsui_selectable-item-content_15o6u_k2c9q_167 {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164:not(#\9):not(.awsui_interactiveGroups_15o6u_6g7xe_164) > .awsui_selectable-item-content_15o6u_6g7xe_167 {
   padding-block: var(--space-xs-ymlm0b, 8px);
   padding-inline: var(--space-xs-ymlm0b, 8px);
   font-weight: var(--font-weight-bold-fo1afg, 700);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164.awsui_interactiveGroups_15o6u_k2c9q_164 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164.awsui_interactiveGroups_15o6u_6g7xe_164 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   padding-block: var(--space-xs-ymlm0b, 8px);
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
   font-weight: var(--font-weight-bold-fo1afg, 700);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_parent_15o6u_k2c9q_164.awsui_interactiveGroups_15o6u_k2c9q_164.awsui_highlighted_15o6u_k2c9q_164 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_parent_15o6u_6g7xe_164.awsui_interactiveGroups_15o6u_6g7xe_164.awsui_highlighted_15o6u_6g7xe_164 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-yr1px8, #0f141a);
 }
-.awsui_selectable-item_15o6u_k2c9q_145:not(#\9):not(.awsui_disabled_15o6u_k2c9q_190):not(.awsui_parent_15o6u_k2c9q_164), .awsui_selectable-item_15o6u_k2c9q_145.awsui_interactiveGroups_15o6u_k2c9q_164:not(#\9):not(.awsui_disabled_15o6u_k2c9q_190) {
+.awsui_selectable-item_15o6u_6g7xe_145:not(#\9):not(.awsui_disabled_15o6u_6g7xe_190):not(.awsui_parent_15o6u_6g7xe_164), .awsui_selectable-item_15o6u_6g7xe_145.awsui_interactiveGroups_15o6u_6g7xe_164:not(#\9):not(.awsui_disabled_15o6u_6g7xe_190) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271 + .awsui_selectable-item_15o6u_k2c9q_145:not(#\9):not(.awsui_sticky_15o6u_k2c9q_271):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271 + .awsui_selectable-item_15o6u_6g7xe_145:not(#\9):not(.awsui_sticky_15o6u_6g7xe_271):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164) {
   box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   margin-block-end: var(--border-item-width-miijiw, 2px);
   z-index: 4;
   padding-inline: var(--border-item-width-miijiw, 2px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271.awsui_highlighted_15o6u_k2c9q_164:not(#\9), .awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271.awsui_selected_15o6u_k2c9q_164:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271.awsui_highlighted_15o6u_6g7xe_164:not(#\9), .awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271.awsui_selected_15o6u_6g7xe_164:not(#\9) {
   padding-inline: var(--border-item-width-miijiw, 2px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271 > .awsui_selectable-item-content_15o6u_k2c9q_167:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271 > .awsui_selectable-item-content_15o6u_6g7xe_167:not(#\9) {
   padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164):not(.awsui_with-scrollbar_15o6u_k2c9q_290) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164):not(.awsui_with-scrollbar_15o6u_6g7xe_290) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb), inset calc(-1 * var(--border-width-popover-nflirh, 2px)) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164):not(.awsui_after-header_15o6u_k2c9q_293) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164):not(.awsui_after-header_15o6u_6g7xe_293) {
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164):not(.awsui_after-header_15o6u_k2c9q_293):not(.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164):not(.awsui_after-header_15o6u_k2c9q_293).awsui_with-scrollbar_15o6u_k2c9q_290) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164):not(.awsui_after-header_15o6u_6g7xe_293):not(.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164):not(.awsui_after-header_15o6u_6g7xe_293).awsui_with-scrollbar_15o6u_6g7xe_290) {
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164).awsui_after-header_15o6u_k2c9q_293 {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164).awsui_after-header_15o6u_6g7xe_293 {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-background-dropdown-item-default-qmc033, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271:not(#\9):not(.awsui_highlighted_15o6u_k2c9q_164):not(.awsui_selected_15o6u_k2c9q_164).awsui_after-header_15o6u_k2c9q_293:not(.awsui_with-scrollbar_15o6u_k2c9q_290) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271:not(#\9):not(.awsui_highlighted_15o6u_6g7xe_164):not(.awsui_selected_15o6u_6g7xe_164).awsui_after-header_15o6u_6g7xe_293:not(.awsui_with-scrollbar_15o6u_6g7xe_290) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-background-dropdown-item-default-qmc033, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd), inset var(--border-width-popover-nflirh, 2px) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb), inset calc(-1 * var(--border-width-popover-nflirh, 2px)) 0 0 0 var(--color-border-dropdown-container-cmthq7, #b4b4bb);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271.awsui_disabled_15o6u_k2c9q_190.awsui_highlighted_15o6u_k2c9q_164:not(#\9), .awsui_selectable-item_15o6u_k2c9q_145.awsui_sticky_15o6u_k2c9q_271.awsui_disabled_15o6u_k2c9q_190.awsui_selected_15o6u_k2c9q_164:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271.awsui_disabled_15o6u_6g7xe_190.awsui_highlighted_15o6u_6g7xe_164:not(#\9), .awsui_selectable-item_15o6u_6g7xe_145.awsui_sticky_15o6u_6g7xe_271.awsui_disabled_15o6u_6g7xe_190.awsui_selected_15o6u_6g7xe_164:not(#\9) {
   box-shadow: none;
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_virtual_15o6u_k2c9q_178:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_virtual_15o6u_6g7xe_178:not(#\9) {
   position: absolute;
   inset-block-start: var(--border-dropdown-virtual-offset-width-3wp954, 2px);
   inset-inline-start: 0;
   inline-size: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_virtual_15o6u_k2c9q_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_k2c9q_164, .awsui_highlighted_15o6u_k2c9q_164) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_virtual_15o6u_6g7xe_178:not(#\9):first-of-type:not(.awsui_selected_15o6u_6g7xe_164, .awsui_highlighted_15o6u_6g7xe_164) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-item-top-gp2d1p, transparent), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
 }
-.awsui_selectable-item_15o6u_k2c9q_145.awsui_virtual_15o6u_k2c9q_178.awsui_parent_15o6u_k2c9q_164:not(#\9):not(.awsui_interactiveGroups_15o6u_k2c9q_164) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_virtual_15o6u_6g7xe_178.awsui_parent_15o6u_6g7xe_164:not(#\9):not(.awsui_interactiveGroups_15o6u_6g7xe_164) {
   box-shadow: inset 0 var(--border-divider-list-width-tdfx1x, 1px) 0 0 var(--color-border-dropdown-group-ylcnh8, #c6c6cd), inset 0 calc(-1 * var(--border-divider-list-width-tdfx1x, 1px)) 0 0 var(--color-border-dropdown-item-default-kape37, #c6c6cd);
 }
 
-.awsui_measure-strut_15o6u_k2c9q_322:not(#\9) {
+.awsui_measure-strut_15o6u_6g7xe_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_k2c9q_145.awsui_virtual_15o6u_k2c9q_178 > .awsui_measure-strut_15o6u_k2c9q_322:not(#\9) {
+.awsui_selectable-item_15o6u_6g7xe_145.awsui_virtual_15o6u_6g7xe_178 > .awsui_measure-strut_15o6u_6g7xe_322:not(#\9) {
   block-size: calc(100% - var(--border-width-item-selected-yv93vd, 2px));
 }
 
-.awsui_screenreader-content_15o6u_k2c9q_334:not(#\9) {
+.awsui_screenreader-content_15o6u_6g7xe_334:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
 }
 
-.awsui_option-content_15o6u_k2c9q_340:not(#\9) {
+.awsui_option-content_15o6u_6g7xe_340:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_select-all_15o6u_k2c9q_344:not(#\9) {
+.awsui_select-all_15o6u_6g7xe_344:not(#\9) {
   /* used in test-utils */
 }

package/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_k2c9q_145",
-  "parent": "awsui_parent_15o6u_k2c9q_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_k2c9q_164",
-  "highlighted": "awsui_highlighted_15o6u_k2c9q_164",
-  "selected": "awsui_selected_15o6u_k2c9q_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_k2c9q_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_k2c9q_171",
-  "virtual": "awsui_virtual_15o6u_k2c9q_178",
-  "has-background": "awsui_has-background_15o6u_k2c9q_181",
-  "child": "awsui_child_15o6u_k2c9q_184",
-  "disabled": "awsui_disabled_15o6u_k2c9q_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_k2c9q_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_k2c9q_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_k2c9q_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_k2c9q_239",
-  "sticky": "awsui_sticky_15o6u_k2c9q_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_k2c9q_290",
-  "after-header": "awsui_after-header_15o6u_k2c9q_293",
-  "measure-strut": "awsui_measure-strut_15o6u_k2c9q_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_k2c9q_334",
-  "option-content": "awsui_option-content_15o6u_k2c9q_340",
-  "select-all": "awsui_select-all_15o6u_k2c9q_344"
+  "selectable-item": "awsui_selectable-item_15o6u_6g7xe_145",
+  "parent": "awsui_parent_15o6u_6g7xe_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_6g7xe_164",
+  "highlighted": "awsui_highlighted_15o6u_6g7xe_164",
+  "selected": "awsui_selected_15o6u_6g7xe_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_6g7xe_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_6g7xe_171",
+  "virtual": "awsui_virtual_15o6u_6g7xe_178",
+  "has-background": "awsui_has-background_15o6u_6g7xe_181",
+  "child": "awsui_child_15o6u_6g7xe_184",
+  "disabled": "awsui_disabled_15o6u_6g7xe_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_6g7xe_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_6g7xe_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_6g7xe_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_6g7xe_239",
+  "sticky": "awsui_sticky_15o6u_6g7xe_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_6g7xe_290",
+  "after-header": "awsui_after-header_15o6u_6g7xe_293",
+  "measure-strut": "awsui_measure-strut_15o6u_6g7xe_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_6g7xe_334",
+  "option-content": "awsui_option-content_15o6u_6g7xe_340",
+  "select-all": "awsui_select-all_15o6u_6g7xe_344"
 };
   

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_lvpqg_193",
-  "horizontal": "awsui_horizontal_gfwv3_lvpqg_196",
-  "vertical": "awsui_vertical_gfwv3_lvpqg_202",
-  "list": "awsui_list_gfwv3_lvpqg_207",
-  "grid": "awsui_grid_gfwv3_lvpqg_226",
-  "list-item": "awsui_list-item_gfwv3_lvpqg_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_lvpqg_245",
-  "toggle": "awsui_toggle_gfwv3_lvpqg_245",
-  "description": "awsui_description_gfwv3_lvpqg_338",
-  "separator": "awsui_separator_gfwv3_lvpqg_342"
+  "root": "awsui_root_gfwv3_xvi8n_193",
+  "horizontal": "awsui_horizontal_gfwv3_xvi8n_196",
+  "vertical": "awsui_vertical_gfwv3_xvi8n_202",
+  "list": "awsui_list_gfwv3_xvi8n_207",
+  "grid": "awsui_grid_gfwv3_xvi8n_226",
+  "list-item": "awsui_list-item_gfwv3_xvi8n_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_xvi8n_245",
+  "toggle": "awsui_toggle_gfwv3_xvi8n_245",
+  "description": "awsui_description_gfwv3_xvi8n_338",
+  "separator": "awsui_separator_gfwv3_xvi8n_342"
 };