@cloudscape-design/components 3.0.360 → 3.0.362

package/internal/components/dark-ribbon/index.js

@@ -2,8 +2,8 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import { useMutationObserver } from '../../hooks/use-mutation-observer';
-import { useStableEventHandler } from '../../hooks/use-stable-event-handler';
 import styles from './styles.css.js';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 function setIfChanged(oldValue, newValue, setter) {
     if (oldValue !== newValue) {
         setter(newValue);
@@ -12,7 +12,7 @@ function setIfChanged(oldValue, newValue, setter) {
 export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
     const containerRef = useRef(null);
     const fillRef = useRef(null);
-    const syncSizes = useStableEventHandler((from, to) => {
+    const syncSizes = useStableCallback((from, to) => {
         // JSDOM calls mutation observer callback even if attribute did not change
         // https://github.com/jsdom/jsdom/issues/3305
         // To prevent infinite loops, we need to check the values before setting

package/internal/components/dark-ribbon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/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 { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { useStableEventHandler } from '../../hooks/use-stable-event-handler';\nimport styles from './styles.css.js';\n\ninterface DarkRibbonProps {\n  children: React.ReactNode;\n  isRefresh: boolean;\n  hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n  if (oldValue !== newValue) {\n    setter(newValue);\n  }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fillRef = useRef<HTMLDivElement>(null);\n  const syncSizes = useStableEventHandler((from: HTMLElement, to: HTMLElement) => {\n    // JSDOM calls mutation observer callback even if attribute did not change\n    // https://github.com/jsdom/jsdom/issues/3305\n    // To prevent infinite loops, we need to check the values before setting\n    const size = from.getBoundingClientRect();\n    const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n    setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n    setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n    setIfChanged(\n      oldRight,\n      `${-1 * (document.body.clientWidth - size.right)}px`,\n      newRight => (to.style.right = newRight)\n    );\n  });\n  useMutationObserver(containerRef, node => {\n    if (fillRef.current) {\n      syncSizes(node, fillRef.current);\n    }\n  });\n  useEffect(() => {\n    const handler = () => {\n      if (containerRef.current && fillRef.current) {\n        syncSizes(containerRef.current, fillRef.current);\n      }\n    };\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [syncSizes]);\n\n  if (hasPlainStyling === true || !isRefresh) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={containerRef} className=\"awsui-context-content-header\">\n      <div ref={fillRef} className={styles['background-fill']} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/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 { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n  children: React.ReactNode;\n  isRefresh: boolean;\n  hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n  if (oldValue !== newValue) {\n    setter(newValue);\n  }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fillRef = useRef<HTMLDivElement>(null);\n  const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n    // JSDOM calls mutation observer callback even if attribute did not change\n    // https://github.com/jsdom/jsdom/issues/3305\n    // To prevent infinite loops, we need to check the values before setting\n    const size = from.getBoundingClientRect();\n    const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n    setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n    setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n    setIfChanged(\n      oldRight,\n      `${-1 * (document.body.clientWidth - size.right)}px`,\n      newRight => (to.style.right = newRight)\n    );\n  });\n  useMutationObserver(containerRef, node => {\n    if (fillRef.current) {\n      syncSizes(node, fillRef.current);\n    }\n  });\n  useEffect(() => {\n    const handler = () => {\n      if (containerRef.current && fillRef.current) {\n        syncSizes(containerRef.current, fillRef.current);\n      }\n    };\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [syncSizes]);\n\n  if (hasPlainStyling === true || !isRefresh) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={containerRef} className=\"awsui-context-content-header\">\n      <div ref={fillRef} className={styles['background-fill']} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

package/internal/components/dropdown-footer/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1afi9_qo0rn_93",
-  "hidden": "awsui_hidden_1afi9_qo0rn_105",
-  "no-items": "awsui_no-items_1afi9_qo0rn_108"
+  "root": "awsui_root_1afi9_18xgx_93",
+  "hidden": "awsui_hidden_1afi9_18xgx_105",
+  "no-items": "awsui_no-items_1afi9_18xgx_108"
 };
   

package/internal/components/dropdown-footer/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1afi9_qo0rn_93:not(#\9) {
+.awsui_root_1afi9_18xgx_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -128,9 +128,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1afi9_qo0rn_93:not(#\9):not(.awsui_hidden_1afi9_qo0rn_105) {
-  border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-item-default-rgr5b2, #e9ebed);
+.awsui_root_1afi9_18xgx_93:not(#\9):not(.awsui_hidden_1afi9_18xgx_105) {
+  border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-item-default-dofu99, #e9ebed);
 }
-.awsui_root_1afi9_qo0rn_93:not(#\9):not(.awsui_hidden_1afi9_qo0rn_105).awsui_no-items_1afi9_qo0rn_108 {
+.awsui_root_1afi9_18xgx_93:not(#\9):not(.awsui_hidden_1afi9_18xgx_105).awsui_no-items_1afi9_18xgx_108 {
   border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-item-top-ky64jq, transparent);
 }

package/internal/components/dropdown-footer/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1afi9_qo0rn_93",
-  "hidden": "awsui_hidden_1afi9_qo0rn_105",
-  "no-items": "awsui_no-items_1afi9_qo0rn_108"
+  "root": "awsui_root_1afi9_18xgx_93",
+  "hidden": "awsui_hidden_1afi9_18xgx_105",
+  "no-items": "awsui_no-items_1afi9_18xgx_108"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAmFD,wBAA6C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAEd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC,UAAU,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAmFD,wBAA6C"}

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

@@ -8,7 +8,7 @@ import { getBaseProps } from '../../base-component';
 import { fireNonCancelableEvent, fireKeyboardEvent, } from '../../events';
 import { findUpUntil } from '../../utils/dom';
 import styles from './styles.css.js';
-import { useStableEventHandler } from '../../hooks/use-stable-event-handler';
+import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 const BOTTOM_TRIGGER_OFFSET = 80;
 const getItemIndex = (containerRef, event) => {
     const target = findUpUntil(event.target, element => element === containerRef.current || !!element.dataset.mouseTarget);
@@ -19,7 +19,7 @@ const OptionsList = (_a, ref) => {
     var { open, statusType, children, nativeAttributes = {}, onKeyDown, onBlur, onFocus, onLoadMore, onMouseUp, onMouseMove, position = 'relative', role = 'listbox', decreaseTopMargin = false, ariaLabelledby, ariaDescribedby } = _a, restProps = __rest(_a, ["open", "statusType", "children", "nativeAttributes", "onKeyDown", "onBlur", "onFocus", "onLoadMore", "onMouseUp", "onMouseMove", "position", "role", "decreaseTopMargin", "ariaLabelledby", "ariaDescribedby"]);
     const baseProps = getBaseProps(restProps);
     const menuRef = useRef(null);
-    const handleScroll = useStableEventHandler(() => {
+    const handleScroll = useStableCallback(() => {
         const scrollContainer = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
         if (scrollContainer) {
             const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["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 clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { useStableEventHandler } from '../../hooks/use-stable-event-handler';\nimport { DropdownStatusProps } from '../dropdown-status';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  statusType: DropdownStatusProps.StatusType;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseTopMargin?: 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    decreaseTopMargin = false,\n    ariaLabelledby,\n    ariaDescribedby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = useStableEventHandler(() => {\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-top-margin']]: decreaseTopMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["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 clsx from 'clsx';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\nimport { DropdownStatusProps } from '../dropdown-status';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  statusType: DropdownStatusProps.StatusType;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  decreaseTopMargin?: 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    decreaseTopMargin = false,\n    ariaLabelledby,\n    ariaDescribedby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = useStableCallback(() => {\n    const scrollContainer = menuRef?.current;\n    if (scrollContainer) {\n      const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n      const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n      if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n        fireNonCancelableEvent(onLoadMore);\n      }\n    }\n  });\n\n  useEffect(() => {\n    if (open && statusType === 'pending') {\n      handleScroll();\n    }\n  }, [open, statusType, handleScroll]);\n\n  const className = clsx(styles['options-list'], {\n    [styles['decrease-top-margin']]: decreaseTopMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: event.relatedTarget })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "selectable-item": "awsui_selectable-item_15o6u_tl7z5_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_tl7z5_115",
-  "has-background": "awsui_has-background_15o6u_tl7z5_124",
-  "highlighted": "awsui_highlighted_15o6u_tl7z5_127",
-  "selected": "awsui_selected_15o6u_tl7z5_127",
-  "disabled": "awsui_disabled_15o6u_tl7z5_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_tl7z5_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_tl7z5_157",
-  "parent": "awsui_parent_15o6u_tl7z5_161",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_tl7z5_165",
-  "child": "awsui_child_15o6u_tl7z5_180",
-  "virtual": "awsui_virtual_15o6u_tl7z5_195",
-  "measure-strut": "awsui_measure-strut_15o6u_tl7z5_206",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_tl7z5_215",
-  "screenreader-content": "awsui_screenreader-content_15o6u_tl7z5_219",
-  "option-content": "awsui_option-content_15o6u_tl7z5_225"
+  "selectable-item": "awsui_selectable-item_15o6u_15za0_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_15za0_115",
+  "has-background": "awsui_has-background_15o6u_15za0_124",
+  "highlighted": "awsui_highlighted_15o6u_15za0_127",
+  "selected": "awsui_selected_15o6u_15za0_127",
+  "disabled": "awsui_disabled_15o6u_15za0_141",
+  "next-item-selected": "awsui_next-item-selected_15o6u_15za0_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_15za0_157",
+  "parent": "awsui_parent_15o6u_15za0_161",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_15za0_165",
+  "child": "awsui_child_15o6u_15za0_180",
+  "virtual": "awsui_virtual_15o6u_15za0_195",
+  "measure-strut": "awsui_measure-strut_15o6u_15za0_206",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_15za0_215",
+  "screenreader-content": "awsui_screenreader-content_15o6u_15za0_219",
+  "option-content": "awsui_option-content_15o6u_15za0_225"
 };
   

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

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_selectable-item_15o6u_tl7z5_93:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93:not(#\9) {
   font-size: var(--font-body-m-size-dhtyxm, 14px);
   line-height: var(--font-body-m-line-height-5wv9x1, 20px);
   color: var(--color-text-body-default-2sxhhn, #000716);
@@ -102,8 +102,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   z-index: 1;
   border: var(--border-divider-list-width-27y3k5, 1px) solid transparent;
-  border-top-color: var(--color-border-dropdown-item-default-rgr5b2, #e9ebed);
-  border-bottom-color: var(--color-border-dropdown-item-default-rgr5b2, #e9ebed);
+  border-top-color: var(--color-border-dropdown-item-default-dofu99, #e9ebed);
+  border-bottom-color: var(--color-border-dropdown-item-default-dofu99, #e9ebed);
   background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
   color: var(--color-text-dropdown-item-default-4o4hes, #000716);
   border-left-width: 0;
@@ -112,98 +112,98 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   var(--space-xxs-p8yyaw, 4px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
 ) calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_pad-bottom_15o6u_tl7z5_115:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_pad-bottom_15o6u_15za0_115:not(#\9) {
   padding-bottom: calc(calc(
   var(--space-xxs-p8yyaw, 4px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
 ) + var(--space-xxxs-zbmxqb, 2px));
   border-bottom-color: transparent;
 }
-.awsui_selectable-item_15o6u_tl7z5_93:not(#\9):not(:first-child) {
+.awsui_selectable-item_15o6u_15za0_93:not(#\9):not(:first-child) {
   margin-top: calc(-1 * var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_has-background_15o6u_tl7z5_124:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_has-background_15o6u_15za0_124:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_highlighted_15o6u_tl7z5_127:not(#\9), .awsui_selectable-item_15o6u_tl7z5_93.awsui_selected_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_highlighted_15o6u_15za0_127:not(#\9), .awsui_selectable-item_15o6u_15za0_93.awsui_selected_15o6u_15za0_127:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
   border-width: var(--border-item-width-yel47s, 2px);
   border-radius: var(--border-radius-item-05df9h, 8px);
   padding: var(--space-xxs-p8yyaw, 4px) var(--space-field-horizontal-gg19kw, 12px);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_highlighted_15o6u_tl7z5_127.awsui_pad-bottom_15o6u_tl7z5_115:not(#\9), .awsui_selectable-item_15o6u_tl7z5_93.awsui_selected_15o6u_tl7z5_127.awsui_pad-bottom_15o6u_tl7z5_115:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_highlighted_15o6u_15za0_127.awsui_pad-bottom_15o6u_15za0_115:not(#\9), .awsui_selectable-item_15o6u_15za0_93.awsui_selected_15o6u_15za0_127.awsui_pad-bottom_15o6u_15za0_115:not(#\9) {
   padding-bottom: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-xxxs-zbmxqb, 2px));
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_highlighted_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_highlighted_15o6u_15za0_127:not(#\9) {
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
   border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_highlighted_15o6u_tl7z5_127.awsui_disabled_15o6u_tl7z5_141:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_highlighted_15o6u_15za0_127.awsui_disabled_15o6u_15za0_141:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
   border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
   background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_selected_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_selected_15o6u_15za0_127:not(#\9) {
   background-color: var(--color-background-dropdown-item-selected-jhhqno, #f2f8fd);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_selected_15o6u_tl7z5_127.awsui_next-item-selected_15o6u_tl7z5_149:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_selected_15o6u_15za0_127.awsui_next-item-selected_15o6u_15za0_149:not(#\9) {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_selected_15o6u_tl7z5_127 + .awsui_selectable-item_15o6u_tl7z5_93.awsui_selected_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_selected_15o6u_15za0_127 + .awsui_selectable-item_15o6u_15za0_93.awsui_selected_15o6u_15za0_127:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_highlighted_15o6u_tl7z5_127.awsui_is-keyboard_15o6u_tl7z5_157:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_highlighted_15o6u_15za0_127.awsui_is-keyboard_15o6u_15za0_157:not(#\9) {
   border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_parent_15o6u_tl7z5_161:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_parent_15o6u_15za0_161:not(#\9) {
   font-weight: bold;
   color: var(--color-text-dropdown-group-label-mej1lb, #414d5c);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_parent_15o6u_tl7z5_161:not(#\9):not(.awsui_interactiveGroups_15o6u_tl7z5_165) {
-  border-top-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
+.awsui_selectable-item_15o6u_15za0_93.awsui_parent_15o6u_15za0_161:not(#\9):not(.awsui_interactiveGroups_15o6u_15za0_165) {
+  border-top-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
   padding: var(--space-xs-zb16t3, 8px);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_parent_15o6u_tl7z5_161.awsui_interactiveGroups_15o6u_tl7z5_165:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_parent_15o6u_15za0_161.awsui_interactiveGroups_15o6u_15za0_165:not(#\9) {
   padding: calc(
   var(--space-xs-zb16t3, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
 ) calc(var(--space-field-horizontal-gg19kw, 12px) + var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_parent_15o6u_tl7z5_161.awsui_interactiveGroups_15o6u_tl7z5_165.awsui_highlighted_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_parent_15o6u_15za0_161.awsui_interactiveGroups_15o6u_15za0_165.awsui_highlighted_15o6u_15za0_127:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_parent_15o6u_tl7z5_161.awsui_interactiveGroups_15o6u_tl7z5_165.awsui_highlighted_15o6u_tl7z5_127:not(#\9), .awsui_selectable-item_15o6u_tl7z5_93.awsui_parent_15o6u_tl7z5_161.awsui_interactiveGroups_15o6u_tl7z5_165.awsui_selected_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_parent_15o6u_15za0_161.awsui_interactiveGroups_15o6u_15za0_165.awsui_highlighted_15o6u_15za0_127:not(#\9), .awsui_selectable-item_15o6u_15za0_93.awsui_parent_15o6u_15za0_161.awsui_interactiveGroups_15o6u_15za0_165.awsui_selected_15o6u_15za0_127:not(#\9) {
   padding: var(--space-xs-zb16t3, 8px) var(--space-field-horizontal-gg19kw, 12px);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_child_15o6u_tl7z5_180:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_child_15o6u_15za0_180:not(#\9) {
   padding-left: calc(var(--space-xxl-cu2m1r, 32px) + var(--border-item-width-yel47s, 2px));
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_child_15o6u_tl7z5_180.awsui_highlighted_15o6u_tl7z5_127:not(#\9), .awsui_selectable-item_15o6u_tl7z5_93.awsui_child_15o6u_tl7z5_180.awsui_selected_15o6u_tl7z5_127:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_child_15o6u_15za0_180.awsui_highlighted_15o6u_15za0_127:not(#\9), .awsui_selectable-item_15o6u_15za0_93.awsui_child_15o6u_15za0_180.awsui_selected_15o6u_15za0_127:not(#\9) {
   padding-left: var(--space-xxl-cu2m1r, 32px);
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_disabled_15o6u_tl7z5_141:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_disabled_15o6u_15za0_141:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
 }
-.awsui_selectable-item_15o6u_tl7z5_93:not(#\9):not(.awsui_disabled_15o6u_tl7z5_141):not(.awsui_parent_15o6u_tl7z5_161) {
+.awsui_selectable-item_15o6u_15za0_93:not(#\9):not(.awsui_disabled_15o6u_15za0_141):not(.awsui_parent_15o6u_15za0_161) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_interactiveGroups_15o6u_tl7z5_165:not(#\9):not(.awsui_disabled_15o6u_tl7z5_141) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_interactiveGroups_15o6u_15za0_165:not(#\9):not(.awsui_disabled_15o6u_15za0_141) {
   cursor: pointer;
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_virtual_15o6u_tl7z5_195:not(#\9) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_virtual_15o6u_15za0_195:not(#\9) {
   position: absolute;
   top: var(--border-dropdown-virtual-offset-width-kekgc0, 2px);
   left: 0;
   width: 100%;
   box-sizing: border-box;
 }
-.awsui_selectable-item_15o6u_tl7z5_93.awsui_virtual_15o6u_tl7z5_195:not(#\9):first-of-type:not(.awsui_selected_15o6u_tl7z5_127, .awsui_highlighted_15o6u_tl7z5_127) {
+.awsui_selectable-item_15o6u_15za0_93.awsui_virtual_15o6u_15za0_195:not(#\9):first-of-type:not(.awsui_selected_15o6u_15za0_127, .awsui_highlighted_15o6u_15za0_127) {
   border-top-color: var(--color-border-dropdown-item-top-ky64jq, transparent);
 }
 
-.awsui_measure-strut_15o6u_tl7z5_206:not(#\9) {
+.awsui_measure-strut_15o6u_15za0_206:not(#\9) {
   position: absolute;
   pointer-events: none;
   height: 100%;
@@ -212,16 +212,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   left: 0;
   padding-top: var(--border-divider-list-width-27y3k5, 1px);
 }
-.awsui_measure-strut-first_15o6u_tl7z5_215:not(#\9) {
+.awsui_measure-strut-first_15o6u_15za0_215:not(#\9) {
   padding-bottom: var(--border-divider-list-width-27y3k5, 1px);
 }
 
-.awsui_screenreader-content_15o6u_tl7z5_219:not(#\9) {
+.awsui_screenreader-content_15o6u_15za0_219:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
 }
 
-.awsui_option-content_15o6u_tl7z5_225:not(#\9) {
+.awsui_option-content_15o6u_15za0_225:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_tl7z5_93",
-  "pad-bottom": "awsui_pad-bottom_15o6u_tl7z5_115",
-  "has-background": "awsui_has-background_15o6u_tl7z5_124",
-  "highlighted": "awsui_highlighted_15o6u_tl7z5_127",
-  "selected": "awsui_selected_15o6u_tl7z5_127",
-  "disabled": "awsui_disabled_15o6u_tl7z5_141",
-  "next-item-selected": "awsui_next-item-selected_15o6u_tl7z5_149",
-  "is-keyboard": "awsui_is-keyboard_15o6u_tl7z5_157",
-  "parent": "awsui_parent_15o6u_tl7z5_161",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_tl7z5_165",
-  "child": "awsui_child_15o6u_tl7z5_180",
-  "virtual": "awsui_virtual_15o6u_tl7z5_195",
-  "measure-strut": "awsui_measure-strut_15o6u_tl7z5_206",
-  "measure-strut-first": "awsui_measure-strut-first_15o6u_tl7z5_215",
-  "screenreader-content": "awsui_screenreader-content_15o6u_tl7z5_219",
-  "option-content": "awsui_option-content_15o6u_tl7z5_225"
+  "selectable-item": "awsui_selectable-item_15o6u_15za0_93",
+  "pad-bottom": "awsui_pad-bottom_15o6u_15za0_115",
+  "has-background": "awsui_has-background_15o6u_15za0_124",
+  "highlighted": "awsui_highlighted_15o6u_15za0_127",
+  "selected": "awsui_selected_15o6u_15za0_127",
+  "disabled": "awsui_disabled_15o6u_15za0_141",
+  "next-item-selected": "awsui_next-item-selected_15o6u_15za0_149",
+  "is-keyboard": "awsui_is-keyboard_15o6u_15za0_157",
+  "parent": "awsui_parent_15o6u_15za0_161",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_15za0_165",
+  "child": "awsui_child_15o6u_15za0_180",
+  "virtual": "awsui_virtual_15o6u_15za0_195",
+  "measure-strut": "awsui_measure-strut_15o6u_15za0_206",
+  "measure-strut-first": "awsui_measure-strut-first_15o6u_15za0_215",
+  "screenreader-content": "awsui_screenreader-content_15o6u_15za0_219",
+  "option-content": "awsui_option-content_15o6u_15za0_225"
 };
   

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1fqz6_93",
-  "horizontal": "awsui_horizontal_gfwv3_1fqz6_98",
-  "vertical": "awsui_vertical_gfwv3_1fqz6_102",
-  "list": "awsui_list_gfwv3_1fqz6_106",
-  "list-item": "awsui_list-item_gfwv3_1fqz6_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1fqz6_129",
-  "toggle": "awsui_toggle_gfwv3_1fqz6_129",
-  "description": "awsui_description_gfwv3_1fqz6_197",
-  "separator": "awsui_separator_gfwv3_1fqz6_201"
+  "root": "awsui_root_gfwv3_6v1sx_93",
+  "horizontal": "awsui_horizontal_gfwv3_6v1sx_98",
+  "vertical": "awsui_vertical_gfwv3_6v1sx_102",
+  "list": "awsui_list_gfwv3_6v1sx_106",
+  "list-item": "awsui_list-item_gfwv3_6v1sx_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_6v1sx_129",
+  "toggle": "awsui_toggle_gfwv3_6v1sx_129",
+  "description": "awsui_description_gfwv3_6v1sx_197",
+  "separator": "awsui_separator_gfwv3_6v1sx_201"
 };
   

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

@@ -90,49 +90,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_1fqz6_93:not(#\9) {
+.awsui_root_gfwv3_6v1sx_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-26e2du, 8px);
 }
-.awsui_root_gfwv3_1fqz6_93.awsui_horizontal_gfwv3_1fqz6_98:not(#\9) {
+.awsui_root_gfwv3_6v1sx_93.awsui_horizontal_gfwv3_6v1sx_98:not(#\9) {
   gap: var(--space-xs-zb16t3, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_1fqz6_93.awsui_vertical_gfwv3_1fqz6_102:not(#\9) {
+.awsui_root_gfwv3_6v1sx_93.awsui_vertical_gfwv3_6v1sx_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1fqz6_106:not(#\9) {
+.awsui_list_gfwv3_6v1sx_106:not(#\9) {
   display: contents;
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_list_gfwv3_1fqz6_106.awsui_horizontal_gfwv3_1fqz6_98:not(#\9), .awsui_list_gfwv3_1fqz6_106.awsui_vertical_gfwv3_1fqz6_102:not(#\9) {
+.awsui_list_gfwv3_6v1sx_106.awsui_horizontal_gfwv3_6v1sx_98:not(#\9), .awsui_list_gfwv3_6v1sx_106.awsui_vertical_gfwv3_6v1sx_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-zb16t3, 8px);
 }
-.awsui_list_gfwv3_1fqz6_106.awsui_horizontal_gfwv3_1fqz6_98:not(#\9) {
+.awsui_list_gfwv3_6v1sx_106.awsui_horizontal_gfwv3_6v1sx_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_1fqz6_106.awsui_vertical_gfwv3_1fqz6_102:not(#\9) {
+.awsui_list_gfwv3_6v1sx_106.awsui_vertical_gfwv3_6v1sx_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_1fqz6_124:not(#\9) {
+.awsui_list-item_gfwv3_6v1sx_124:not(#\9) {
   padding: 0;
   margin: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1fqz6_129:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_6v1sx_129:not(#\9) {
   padding-left: var(--space-xs-zb16t3, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1fqz6_129:not(#\9) {
+.awsui_toggle_gfwv3_6v1sx_129:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -187,47 +187,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-left: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1fqz6_129:not(#\9) {
+  .awsui_toggle_gfwv3_6v1sx_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1fqz6_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1fqz6_129:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_6v1sx_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_6v1sx_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1fqz6_129:not(#\9):hover {
+.awsui_toggle_gfwv3_6v1sx_129:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_toggle_gfwv3_1fqz6_129:not(#\9):focus {
+.awsui_toggle_gfwv3_6v1sx_129:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1fqz6_129:not(#\9):active {
+.awsui_toggle_gfwv3_6v1sx_129:not(#\9):active {
   color: var(--color-text-link-hover-8j6p14, #033160);
 }
-.awsui_toggle_gfwv3_1fqz6_129:not(#\9):active, .awsui_toggle_gfwv3_1fqz6_129:not(#\9):focus, .awsui_toggle_gfwv3_1fqz6_129:not(#\9):hover {
+.awsui_toggle_gfwv3_6v1sx_129:not(#\9):active, .awsui_toggle_gfwv3_6v1sx_129:not(#\9):focus, .awsui_toggle_gfwv3_6v1sx_129:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1fqz6_129:not(#\9):active, .awsui_toggle_gfwv3_1fqz6_129:not(#\9):focus, .awsui_toggle_gfwv3_1fqz6_129:not(#\9):hover {
+.awsui_toggle_gfwv3_6v1sx_129:not(#\9):active, .awsui_toggle_gfwv3_6v1sx_129:not(#\9):focus, .awsui_toggle_gfwv3_6v1sx_129:not(#\9):hover {
   text-decoration: none;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1fqz6_129:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_6v1sx_129:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-focused-b2ntyl, #0972d3);
   border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_toggle_gfwv3_1fqz6_129 > .awsui_description_gfwv3_1fqz6_197:not(#\9) {
+.awsui_toggle_gfwv3_6v1sx_129 > .awsui_description_gfwv3_6v1sx_197:not(#\9) {
   margin-left: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_separator_gfwv3_1fqz6_201:not(#\9) {
+.awsui_separator_gfwv3_6v1sx_201:not(#\9) {
   margin: 0px var(--space-scaled-m-mo5yse, 16px);
-  width: var(--border-divider-section-width-4ax5o2, 2px);
-  background-color: var(--color-border-divider-default-d3adp9, #e9ebed);
+  width: var(--border-divider-section-width-8a5uu9, 2px);
+  background-color: var(--color-border-divider-default-et9j7s, #e9ebed);
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1fqz6_93",
-  "horizontal": "awsui_horizontal_gfwv3_1fqz6_98",
-  "vertical": "awsui_vertical_gfwv3_1fqz6_102",
-  "list": "awsui_list_gfwv3_1fqz6_106",
-  "list-item": "awsui_list-item_gfwv3_1fqz6_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1fqz6_129",
-  "toggle": "awsui_toggle_gfwv3_1fqz6_129",
-  "description": "awsui_description_gfwv3_1fqz6_197",
-  "separator": "awsui_separator_gfwv3_1fqz6_201"
+  "root": "awsui_root_gfwv3_6v1sx_93",
+  "horizontal": "awsui_horizontal_gfwv3_6v1sx_98",
+  "vertical": "awsui_vertical_gfwv3_6v1sx_102",
+  "list": "awsui_list_gfwv3_6v1sx_106",
+  "list-item": "awsui_list-item_gfwv3_6v1sx_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_6v1sx_129",
+  "toggle": "awsui_toggle_gfwv3_6v1sx_129",
+  "description": "awsui_description_gfwv3_6v1sx_197",
+  "separator": "awsui_separator_gfwv3_6v1sx_201"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (3889d3eb)";
+export var PACKAGE_VERSION = "3.0.0 (0e1ee85b)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (3889d3eb)",
+  "PACKAGE_VERSION": "3.0.0 (0e1ee85b)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.js

@@ -196,7 +196,7 @@ export var colorBorderButtonNormalHover = "var(--color-border-button-normal-hove
 export var colorBorderButtonPrimaryDisabled = "var(--color-border-button-primary-disabled-q34ikb, #e9ebed)";
 export var colorBorderContainerTop = "var(--color-border-container-top-736buh, transparent)";
 export var colorBorderControlDefault = "var(--color-border-control-default-0fzxw0, #7d8998)";
-export var colorBorderDividerDefault = "var(--color-border-divider-default-d3adp9, #e9ebed)";
+export var colorBorderDividerDefault = "var(--color-border-divider-default-et9j7s, #e9ebed)";
 export var colorBorderDropdownItemHover = "var(--color-border-dropdown-item-hover-461g78, #7d8998)";
 export var colorBorderInputDefault = "var(--color-border-input-default-1zl7hq, #7d8998)";
 export var colorBorderItemFocused = "var(--color-border-item-focused-b2ntyl, #0972d3)";