@cloudscape-design/components-themeable 3.0.955 → 3.0.957

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "e6c589ba5c8e5fa58f05b5e000561979f895f4f3"
+  "commit": "cd5d10c9c08b6cf2b2d1b67349eeb04e39a2767c"
 }

package/lib/internal/scss/top-navigation/styles.scss

@@ -10,6 +10,7 @@
 .top-navigation {
   @include styles.styles-reset;
   background: awsui.$color-background-container-content;
+  border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
 
   > .padding-box {
     display: flex;

package/lib/internal/template/internal/components/autosuggest-input/index.js

@@ -152,7 +152,7 @@ const AutosuggestInput = React.forwardRef((_a, ref) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }),
-        React.createElement(Dropdown, { minWidth: dropdownWidth, stretchWidth: !dropdownWidth, stretchBeyondTriggerWidth: true, contentKey: dropdownContentKey, onFocus: handleFocus, onBlur: handleBlur, trigger: React.createElement(InternalInput, Object.assign({ type: "visualSearch", value: value, onChange: event => handleChange(event.detail.value), __onDelayedInput: event => handleDelayedInput(event.detail.value), onKeyDown: handleKeyDown, onKeyUp: onKeyUp, disabled: disabled, disableBrowserAutocorrect: disableBrowserAutocorrect, readOnly: readOnly, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, ref: inputRef, autoComplete: false, __nativeAttributes: nativeAttributes }, formFieldContext)), onMouseDown: handleDropdownMouseDown, open: open && (!!dropdownContent || !!dropdownFooter), footer: dropdownFooterRef && (React.createElement("div", { ref: dropdownFooterRef, className: styles['dropdown-footer'] }, dropdownFooter)), expandToViewport: expandToViewport, loopFocus: loopFocus }, open && dropdownContent ? (React.createElement("div", { ref: dropdownContentRef, className: styles['dropdown-content'] }, dropdownContent)) : null)));
+        React.createElement(Dropdown, { minWidth: dropdownWidth, stretchWidth: !dropdownWidth, stretchBeyondTriggerWidth: true, contentKey: dropdownContentKey, onFocus: handleFocus, onBlur: handleBlur, trigger: React.createElement(InternalInput, Object.assign({ type: "visualSearch", value: value, onChange: event => handleChange(event.detail.value), __onDelayedInput: event => handleDelayedInput(event.detail.value), onKeyDown: handleKeyDown, onKeyUp: onKeyUp, disabled: disabled, disableBrowserAutocorrect: disableBrowserAutocorrect, readOnly: readOnly, ariaRequired: ariaRequired, clearAriaLabel: clearAriaLabel, ref: inputRef, autoComplete: false, __nativeAttributes: nativeAttributes }, formFieldContext)), onMouseDown: handleDropdownMouseDown, open: open && (!!dropdownContent || !!dropdownFooter), footer: dropdownFooterRef && (React.createElement("div", { ref: dropdownFooterRef, className: styles['dropdown-footer'] }, open && dropdownFooter ? dropdownFooter : null)), expandToViewport: expandToViewport, loopFocus: loopFocus }, open && dropdownContent ? (React.createElement("div", { ref: dropdownContentRef, className: styles['dropdown-content'] }, dropdownContent)) : null)));
 });
 export default AutosuggestInput;
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/autosuggest-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,EAAE,EAAO,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,OAAO,aAAqC,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAsB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAmC,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACxG,OAAO,EAAiB,mBAAmB,EAAE,sBAAsB,EAA6B,MAAM,cAAc,CAAC;AAErH,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqCrC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EAiCwB,EACxB,GAA6B,EAC7B,EAAE;QAnCF,EACE,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,yBAAyB,GAAG,KAAK,EACjC,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,EAClB,wBAAwB,GAAG,KAAK,EAChC,eAAe,GAAG,IAAI,EACtB,cAAc,GAAG,IAAI,EACrB,aAAa,EACb,SAAS,EACT,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,iBAAiB,OAEK,EADnB,SAAS,cAhCd,+fAiCC,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,kBAAkB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,OAAO,CAAC,KAAK,CAAC,CAAC;QACf,sBAAsB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,CAAC,OAAsC;;YAC1C,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,EAAE;gBAC5B,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;aACtC;YACD,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;QACD,MAAM;;YACJ,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;QACD,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,aAAa;KACrB,CAAC,CAAC,CAAC;IAEJ,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;YAClC,aAAa,EAAE,CAAC;YAChB,sBAAsB,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;SACtC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;YAClC,YAAY,EAAE,CAAC;YACf,sBAAsB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SACvC;QACD,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAAiC,EAAE,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE/G,MAAM,aAAa,GAAG,CAAC,KAAiC,EAAE,EAAE;QAC1D,QAAQ,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;YAC5B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;gBACjB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;gBACrB,YAAY,EAAE,CAAC;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;gBACf,cAAc,aAAd,cAAc,uBAAd,cAAc,EAAI,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,IAAI,EAAE;oBACR,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAA,EAAE;wBACrB,aAAa,EAAE,CAAC;qBACjB;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;iBACxB;gBACD,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;gBACnB,IAAI,IAAI,EAAE;oBACR,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,aAAa,EAAE,CAAC;iBACjB;qBAAM,IAAI,KAAK,EAAE;oBAChB,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;iBACjD;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,OAAO,CAAC,CAAC;gBACP,WAAW,CAAC,KAAK,CAAC,CAAC;aACpB;SACF;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,YAAY,EAAE,CAAC;QACf,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,sBAAsB,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAA4B,KAAK,CAAC,EAAE;QAC/D,uDAAuD;QACvD,IAAI,CAAC,wBAAwB,EAAE;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;SACxB;QACD,4CAA4C;aACvC;YACH,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;YACrC,qBAAqB,CAAC,GAAG,EAAE;gBACzB,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;YACxC,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAI,IAAI,gBAAgB,CAAC;IAC1C,MAAM,gBAAgB,GAA6C;QACjE,IAAI;QACJ,WAAW;QACX,SAAS;QACT,OAAO,EAAE,YAAY;QACrB,IAAI,EAAE,UAAU;QAChB,mBAAmB,EAAE,MAAM;QAC3B,eAAe,EAAE,QAAQ;QACzB,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;QAChD,wEAAwE;QACxE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;QAC5C,YAAY,EAAE,SAAS;QACvB,uBAAuB,EAAE,oBAAoB;KAC9C,CAAC;IAEF,kDAAkD;IAClD,mFAAmF;IACnF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC1C,IACE,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC5C,CAAC,WAAW,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBACtD,CAAC,WAAW,CAAC,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,EACrD;gBACA,aAAa,EAAE,CAAC;aACjB;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QAEpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;QACzD,CAAC,CAAC;QAEF,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6CAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC3F,oBAAC,QAAQ,IACP,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,CAAC,aAAa,EAC5B,yBAAyB,EAAE,IAAI,EAC/B,UAAU,EAAE,kBAAkB,EAC9B,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,OAAO,EACL,oBAAC,aAAa,kBACZ,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjE,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,GAAG,EAAE,QAAQ,EACb,YAAY,EAAE,KAAK,EACnB,kBAAkB,EAAE,gBAAgB,IAChC,gBAAgB,EACpB,EAEJ,WAAW,EAAE,uBAAuB,EACpC,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,eAAe,IAAI,CAAC,CAAC,cAAc,CAAC,EACrD,MAAM,EACJ,iBAAiB,IAAI,CACnB,6BAAK,GAAG,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAC9D,cAAc,CACX,CACP,EAEH,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,IAEnB,IAAI,IAAI,eAAe,CAAC,CAAC,CAAC,CACzB,6BAAK,GAAG,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAChE,eAAe,CACZ,CACP,CAAC,CAAC,CAAC,IAAI,CACC,CACP,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n  BaseChangeDetail,\n  BaseInputProps,\n  InputAutoCorrect,\n  InputClearLabel,\n  InputKeyEvents,\n} from '../../../input/interfaces';\nimport InternalInput, { InternalInputProps } from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputAutoCorrect,\n    InputKeyEvents,\n    InputClearLabel,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    InternalBaseComponentProps {\n  ariaControls?: string;\n  ariaActivedescendant?: string;\n  dropdownExpanded?: boolean;\n  dropdownContentKey?: string;\n  dropdownContentFocusable?: boolean;\n  dropdownContent?: React.ReactNode;\n  dropdownFooter?: React.ReactNode;\n  dropdownWidth?: number;\n  loopFocus?: boolean;\n  onCloseDropdown?: NonCancelableEventHandler<null>;\n  onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n  onPressArrowDown?: () => void;\n  onPressArrowUp?: () => void;\n  onPressEnter?: () => boolean;\n}\n\ninterface AutosuggestInputFocusOptions {\n  preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n  focus(options?: AutosuggestInputFocusOptions): void;\n  open(): void;\n  close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n  (\n    {\n      value,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyUp,\n      onKeyDown,\n      name,\n      placeholder,\n      disabled,\n      readOnly,\n      autoFocus,\n      ariaLabel,\n      ariaRequired,\n      disableBrowserAutocorrect = false,\n      expandToViewport,\n      ariaControls,\n      ariaActivedescendant,\n      clearAriaLabel,\n      dropdownExpanded = true,\n      dropdownContentKey,\n      dropdownContentFocusable = false,\n      dropdownContent = null,\n      dropdownFooter = null,\n      dropdownWidth,\n      loopFocus,\n      onCloseDropdown,\n      onDelayedInput,\n      onPressArrowDown,\n      onPressArrowUp,\n      onPressEnter,\n      __internalRootRef,\n      ...restProps\n    }: AutosuggestInputProps,\n    ref: Ref<AutosuggestInputRef>\n  ) => {\n    const baseProps = getBaseProps(restProps);\n    const formFieldContext = useFormFieldContext(restProps);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const dropdownContentRef = useRef<HTMLDivElement>(null);\n    const dropdownFooterRef = useRef<HTMLDivElement>(null);\n    const preventOpenOnFocusRef = useRef(false);\n    const preventCloseOnBlurRef = useRef(false);\n\n    const [open, setOpen] = useState(false);\n\n    const openDropdown = () => !readOnly && setOpen(true);\n\n    const closeDropdown = () => {\n      setOpen(false);\n      fireNonCancelableEvent(onCloseDropdown, null);\n    };\n\n    useImperativeHandle(ref, () => ({\n      focus(options?: AutosuggestInputFocusOptions) {\n        if (options?.preventDropdown) {\n          preventOpenOnFocusRef.current = true;\n        }\n        inputRef.current?.focus();\n      },\n      select() {\n        inputRef.current?.select();\n      },\n      open: openDropdown,\n      close: closeDropdown,\n    }));\n\n    const handleBlur = () => {\n      if (!preventCloseOnBlurRef.current) {\n        closeDropdown();\n        fireNonCancelableEvent(onBlur, null);\n      }\n    };\n\n    const handleFocus = () => {\n      if (!preventOpenOnFocusRef.current) {\n        openDropdown();\n        fireNonCancelableEvent(onFocus, null);\n      }\n      preventOpenOnFocusRef.current = false;\n    };\n\n    const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n    const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n      switch (event.detail.keyCode) {\n        case KeyCode.down: {\n          onPressArrowDown?.();\n          openDropdown();\n          event.preventDefault();\n          break;\n        }\n        case KeyCode.up: {\n          onPressArrowUp?.();\n          openDropdown();\n          event.preventDefault();\n          break;\n        }\n        case KeyCode.enter: {\n          if (open) {\n            if (!onPressEnter?.()) {\n              closeDropdown();\n            }\n            event.preventDefault();\n          }\n          fireKeydown(event);\n          break;\n        }\n        case KeyCode.escape: {\n          if (open) {\n            event.stopPropagation();\n            closeDropdown();\n          } else if (value) {\n            event.stopPropagation();\n            fireNonCancelableEvent(onChange, { value: '' });\n          }\n          event.preventDefault();\n          fireKeydown(event);\n          break;\n        }\n        default: {\n          fireKeydown(event);\n        }\n      }\n    };\n\n    const handleChange = (value: string) => {\n      openDropdown();\n      fireNonCancelableEvent(onChange, { value });\n    };\n\n    const handleDelayedInput = (value: string) => {\n      fireNonCancelableEvent(onDelayedInput, { value });\n    };\n\n    const handleDropdownMouseDown: React.MouseEventHandler = event => {\n      // Prevent currently focused element from losing focus.\n      if (!dropdownContentFocusable) {\n        event.preventDefault();\n      }\n      // Prevent closing dropdown on click inside.\n      else {\n        preventCloseOnBlurRef.current = true;\n        requestAnimationFrame(() => {\n          preventCloseOnBlurRef.current = false;\n        });\n      }\n    };\n\n    const expanded = open && dropdownExpanded;\n    const nativeAttributes: InternalInputProps['__nativeAttributes'] = {\n      name,\n      placeholder,\n      autoFocus,\n      onClick: openDropdown,\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': expanded,\n      'aria-controls': open ? ariaControls : undefined,\n      // 'aria-owns' needed for safari+vo to announce activedescendant content\n      'aria-owns': open ? ariaControls : undefined,\n      'aria-label': ariaLabel,\n      'aria-activedescendant': ariaActivedescendant,\n    };\n\n    // Closes dropdown when outside click is detected.\n    // Similar to the internal dropdown implementation but includes the target as well.\n    useEffect(() => {\n      if (!open) {\n        return;\n      }\n\n      const clickListener = (event: MouseEvent) => {\n        if (\n          !nodeBelongs(inputRef.current, event.target) &&\n          !nodeBelongs(dropdownContentRef.current, event.target) &&\n          !nodeBelongs(dropdownFooterRef.current, event.target)\n        ) {\n          closeDropdown();\n        }\n      };\n\n      window.addEventListener('mousedown', clickListener);\n\n      return () => {\n        window.removeEventListener('mousedown', clickListener);\n      };\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n\n    return (\n      <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n        <Dropdown\n          minWidth={dropdownWidth}\n          stretchWidth={!dropdownWidth}\n          stretchBeyondTriggerWidth={true}\n          contentKey={dropdownContentKey}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          trigger={\n            <InternalInput\n              type=\"visualSearch\"\n              value={value}\n              onChange={event => handleChange(event.detail.value)}\n              __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n              onKeyDown={handleKeyDown}\n              onKeyUp={onKeyUp}\n              disabled={disabled}\n              disableBrowserAutocorrect={disableBrowserAutocorrect}\n              readOnly={readOnly}\n              ariaRequired={ariaRequired}\n              clearAriaLabel={clearAriaLabel}\n              ref={inputRef}\n              autoComplete={false}\n              __nativeAttributes={nativeAttributes}\n              {...formFieldContext}\n            />\n          }\n          onMouseDown={handleDropdownMouseDown}\n          open={open && (!!dropdownContent || !!dropdownFooter)}\n          footer={\n            dropdownFooterRef && (\n              <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n                {dropdownFooter}\n              </div>\n            )\n          }\n          expandToViewport={expandToViewport}\n          loopFocus={loopFocus}\n        >\n          {open && dropdownContent ? (\n            <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n              {dropdownContent}\n            </div>\n          ) : null}\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\nexport default AutosuggestInput;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/autosuggest-input/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\n\nimport React, { Ref, useEffect, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { AutosuggestProps } from '../../../autosuggest/interfaces';\nimport {\n  BaseChangeDetail,\n  BaseInputProps,\n  InputAutoCorrect,\n  InputClearLabel,\n  InputKeyEvents,\n} from '../../../input/interfaces';\nimport InternalInput, { InternalInputProps } from '../../../input/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { FormFieldValidationControlProps, useFormFieldContext } from '../../context/form-field-context';\nimport { BaseKeyDetail, fireCancelableEvent, fireNonCancelableEvent, NonCancelableEventHandler } from '../../events';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component';\nimport { KeyCode } from '../../keycode';\nimport { nodeBelongs } from '../../utils/node-belongs';\nimport Dropdown from '../dropdown';\nimport { ExpandToViewport } from '../dropdown/interfaces';\n\nimport styles from './styles.css.js';\n\ninterface AutosuggestInputProps\n  extends BaseComponentProps,\n    BaseInputProps,\n    InputAutoCorrect,\n    InputKeyEvents,\n    InputClearLabel,\n    FormFieldValidationControlProps,\n    ExpandToViewport,\n    InternalBaseComponentProps {\n  ariaControls?: string;\n  ariaActivedescendant?: string;\n  dropdownExpanded?: boolean;\n  dropdownContentKey?: string;\n  dropdownContentFocusable?: boolean;\n  dropdownContent?: React.ReactNode;\n  dropdownFooter?: React.ReactNode;\n  dropdownWidth?: number;\n  loopFocus?: boolean;\n  onCloseDropdown?: NonCancelableEventHandler<null>;\n  onDelayedInput?: NonCancelableEventHandler<BaseChangeDetail>;\n  onPressArrowDown?: () => void;\n  onPressArrowUp?: () => void;\n  onPressEnter?: () => boolean;\n}\n\ninterface AutosuggestInputFocusOptions {\n  preventDropdown?: boolean;\n}\n\nexport interface AutosuggestInputRef extends AutosuggestProps.Ref {\n  focus(options?: AutosuggestInputFocusOptions): void;\n  open(): void;\n  close(): void;\n}\n\nconst AutosuggestInput = React.forwardRef(\n  (\n    {\n      value,\n      onChange,\n      onBlur,\n      onFocus,\n      onKeyUp,\n      onKeyDown,\n      name,\n      placeholder,\n      disabled,\n      readOnly,\n      autoFocus,\n      ariaLabel,\n      ariaRequired,\n      disableBrowserAutocorrect = false,\n      expandToViewport,\n      ariaControls,\n      ariaActivedescendant,\n      clearAriaLabel,\n      dropdownExpanded = true,\n      dropdownContentKey,\n      dropdownContentFocusable = false,\n      dropdownContent = null,\n      dropdownFooter = null,\n      dropdownWidth,\n      loopFocus,\n      onCloseDropdown,\n      onDelayedInput,\n      onPressArrowDown,\n      onPressArrowUp,\n      onPressEnter,\n      __internalRootRef,\n      ...restProps\n    }: AutosuggestInputProps,\n    ref: Ref<AutosuggestInputRef>\n  ) => {\n    const baseProps = getBaseProps(restProps);\n    const formFieldContext = useFormFieldContext(restProps);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const dropdownContentRef = useRef<HTMLDivElement>(null);\n    const dropdownFooterRef = useRef<HTMLDivElement>(null);\n    const preventOpenOnFocusRef = useRef(false);\n    const preventCloseOnBlurRef = useRef(false);\n\n    const [open, setOpen] = useState(false);\n\n    const openDropdown = () => !readOnly && setOpen(true);\n\n    const closeDropdown = () => {\n      setOpen(false);\n      fireNonCancelableEvent(onCloseDropdown, null);\n    };\n\n    useImperativeHandle(ref, () => ({\n      focus(options?: AutosuggestInputFocusOptions) {\n        if (options?.preventDropdown) {\n          preventOpenOnFocusRef.current = true;\n        }\n        inputRef.current?.focus();\n      },\n      select() {\n        inputRef.current?.select();\n      },\n      open: openDropdown,\n      close: closeDropdown,\n    }));\n\n    const handleBlur = () => {\n      if (!preventCloseOnBlurRef.current) {\n        closeDropdown();\n        fireNonCancelableEvent(onBlur, null);\n      }\n    };\n\n    const handleFocus = () => {\n      if (!preventOpenOnFocusRef.current) {\n        openDropdown();\n        fireNonCancelableEvent(onFocus, null);\n      }\n      preventOpenOnFocusRef.current = false;\n    };\n\n    const fireKeydown = (event: CustomEvent<BaseKeyDetail>) => fireCancelableEvent(onKeyDown, event.detail, event);\n\n    const handleKeyDown = (event: CustomEvent<BaseKeyDetail>) => {\n      switch (event.detail.keyCode) {\n        case KeyCode.down: {\n          onPressArrowDown?.();\n          openDropdown();\n          event.preventDefault();\n          break;\n        }\n        case KeyCode.up: {\n          onPressArrowUp?.();\n          openDropdown();\n          event.preventDefault();\n          break;\n        }\n        case KeyCode.enter: {\n          if (open) {\n            if (!onPressEnter?.()) {\n              closeDropdown();\n            }\n            event.preventDefault();\n          }\n          fireKeydown(event);\n          break;\n        }\n        case KeyCode.escape: {\n          if (open) {\n            event.stopPropagation();\n            closeDropdown();\n          } else if (value) {\n            event.stopPropagation();\n            fireNonCancelableEvent(onChange, { value: '' });\n          }\n          event.preventDefault();\n          fireKeydown(event);\n          break;\n        }\n        default: {\n          fireKeydown(event);\n        }\n      }\n    };\n\n    const handleChange = (value: string) => {\n      openDropdown();\n      fireNonCancelableEvent(onChange, { value });\n    };\n\n    const handleDelayedInput = (value: string) => {\n      fireNonCancelableEvent(onDelayedInput, { value });\n    };\n\n    const handleDropdownMouseDown: React.MouseEventHandler = event => {\n      // Prevent currently focused element from losing focus.\n      if (!dropdownContentFocusable) {\n        event.preventDefault();\n      }\n      // Prevent closing dropdown on click inside.\n      else {\n        preventCloseOnBlurRef.current = true;\n        requestAnimationFrame(() => {\n          preventCloseOnBlurRef.current = false;\n        });\n      }\n    };\n\n    const expanded = open && dropdownExpanded;\n    const nativeAttributes: InternalInputProps['__nativeAttributes'] = {\n      name,\n      placeholder,\n      autoFocus,\n      onClick: openDropdown,\n      role: 'combobox',\n      'aria-autocomplete': 'list',\n      'aria-expanded': expanded,\n      'aria-controls': open ? ariaControls : undefined,\n      // 'aria-owns' needed for safari+vo to announce activedescendant content\n      'aria-owns': open ? ariaControls : undefined,\n      'aria-label': ariaLabel,\n      'aria-activedescendant': ariaActivedescendant,\n    };\n\n    // Closes dropdown when outside click is detected.\n    // Similar to the internal dropdown implementation but includes the target as well.\n    useEffect(() => {\n      if (!open) {\n        return;\n      }\n\n      const clickListener = (event: MouseEvent) => {\n        if (\n          !nodeBelongs(inputRef.current, event.target) &&\n          !nodeBelongs(dropdownContentRef.current, event.target) &&\n          !nodeBelongs(dropdownFooterRef.current, event.target)\n        ) {\n          closeDropdown();\n        }\n      };\n\n      window.addEventListener('mousedown', clickListener);\n\n      return () => {\n        window.removeEventListener('mousedown', clickListener);\n      };\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n\n    return (\n      <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n        <Dropdown\n          minWidth={dropdownWidth}\n          stretchWidth={!dropdownWidth}\n          stretchBeyondTriggerWidth={true}\n          contentKey={dropdownContentKey}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          trigger={\n            <InternalInput\n              type=\"visualSearch\"\n              value={value}\n              onChange={event => handleChange(event.detail.value)}\n              __onDelayedInput={event => handleDelayedInput(event.detail.value)}\n              onKeyDown={handleKeyDown}\n              onKeyUp={onKeyUp}\n              disabled={disabled}\n              disableBrowserAutocorrect={disableBrowserAutocorrect}\n              readOnly={readOnly}\n              ariaRequired={ariaRequired}\n              clearAriaLabel={clearAriaLabel}\n              ref={inputRef}\n              autoComplete={false}\n              __nativeAttributes={nativeAttributes}\n              {...formFieldContext}\n            />\n          }\n          onMouseDown={handleDropdownMouseDown}\n          open={open && (!!dropdownContent || !!dropdownFooter)}\n          footer={\n            dropdownFooterRef && (\n              <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n                {open && dropdownFooter ? dropdownFooter : null}\n              </div>\n            )\n          }\n          expandToViewport={expandToViewport}\n          loopFocus={loopFocus}\n        >\n          {open && dropdownContent ? (\n            <div ref={dropdownContentRef} className={styles['dropdown-content']}>\n              {dropdownContent}\n            </div>\n          ) : null}\n        </Dropdown>\n      </div>\n    );\n  }\n);\n\nexport default AutosuggestInput;\n"]}

package/lib/internal/template/internal/components/dropdown-footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown-footer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAI5C,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown-footer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,cAAc;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQ5C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/internal/template/internal/components/dropdown-footer/index.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import InternalLiveRegion from '../../../live-region/internal.js';
 import DropdownStatus from '../dropdown-status/index.js';
 import styles from './styles.css.js';
-const DropdownFooter = ({ content, id, hasItems = true }) => (React.createElement("div", { className: clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems }) },
-    React.createElement(InternalLiveRegion, { id: id }, content && React.createElement(DropdownStatus, null, content))));
+const DropdownFooter = ({ content, id, hasItems = true }) => (React.createElement("div", { className: clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems }) }, content && (React.createElement(InternalLiveRegion, { id: id },
+    React.createElement(DropdownStatus, null, content)))));
 export default DropdownFooter;
 //# sourceMappingURL=index.js.map

package/lib/internal/template/internal/components/dropdown-footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown-footer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,kBAAkB,MAAM,kCAAkC,CAAC;AAClE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAkB,EAAE,EAAE,CAAC,CACrG,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;IACvG,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,IAAG,OAAO,IAAI,oBAAC,cAAc,QAAE,OAAO,CAAkB,CAAsB,CACpG,CACP,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalLiveRegion from '../../../live-region/internal.js';\nimport DropdownStatus from '../dropdown-status/index.js';\n\nimport styles from './styles.css.js';\n\ninterface DropdownFooter {\n  content?: React.ReactNode | null;\n  hasItems?: boolean;\n  id?: string;\n}\n\nconst DropdownFooter: React.FC<DropdownFooter> = ({ content, id, hasItems = true }: DropdownFooter) => (\n  <div className={clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems })}>\n    <InternalLiveRegion id={id}>{content && <DropdownStatus>{content}</DropdownStatus>}</InternalLiveRegion>\n  </div>\n);\n\nexport default DropdownFooter;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown-footer/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,kBAAkB,MAAM,kCAAkC,CAAC;AAClE,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,GAAG,IAAI,EAAkB,EAAE,EAAE,CAAC,CACrG,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,IACtG,OAAO,IAAI,CACV,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE;IACxB,oBAAC,cAAc,QAAE,OAAO,CAAkB,CACvB,CACtB,CACG,CACP,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport InternalLiveRegion from '../../../live-region/internal.js';\nimport DropdownStatus from '../dropdown-status/index.js';\n\nimport styles from './styles.css.js';\n\ninterface DropdownFooter {\n  content?: React.ReactNode | null;\n  hasItems?: boolean;\n  id?: string;\n}\n\nconst DropdownFooter: React.FC<DropdownFooter> = ({ content, id, hasItems = true }: DropdownFooter) => (\n  <div className={clsx(styles.root, { [styles.hidden]: content === null, [styles['no-items']]: !hasItems })}>\n    {content && (\n      <InternalLiveRegion id={id}>\n        <DropdownStatus>{content}</DropdownStatus>\n      </InternalLiveRegion>\n    )}\n  </div>\n);\n\nexport default DropdownFooter;\n"]}

package/lib/internal/template/internal/environment.js

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

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (e6c589ba)",
+  "PACKAGE_VERSION": "3.0.0 (cd5d10c9)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/live-region/internal.d.ts

@@ -28,4 +28,5 @@ export interface InternalLiveRegionRef {
 }
 declare const _default: React.ForwardRefExoticComponent<InternalLiveRegionProps & React.RefAttributes<InternalLiveRegionRef>>;
 export default _default;
+export declare function extractTextContent(node: HTMLElement): string;
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/live-region/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/live-region/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,UAAU,uBAAwB,SAAQ,0BAA0B,EAAE,eAAe;IACnF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;CAC5E;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;;;;OAOG;IACH,UAAU,IAAI,IAAI,CAAC;CACpB;;AAED,wBAyEG"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/live-region/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,UAAU,uBAAwB,SAAQ,0BAA0B,EAAE,eAAe;IACnF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC,CAAC;CAC5E;AAED,MAAM,WAAW,qBAAqB;IACpC;;;;;;;OAOG;IACH,UAAU,IAAI,IAAI,CAAC;CACpB;;AAED,wBAyEG;AAcH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,MAAM,CAU5D"}

package/lib/internal/template/live-region/internal.js

@@ -57,12 +57,25 @@ export default React.forwardRef(function InternalLiveRegion(_a, ref) {
     }));
     return (React.createElement(TagName, Object.assign({ ref: mergedRef }, baseProps, { className: clsx(styles.root, testUtilStyles.root, className), hidden: hidden }), children));
 });
-function extractTextContent(node) {
+const processNode = (childNode) => {
+    if (childNode.nodeType === Node.TEXT_NODE) {
+        return childNode.textContent || '';
+    }
+    if (childNode.nodeType === Node.ELEMENT_NODE) {
+        return extractTextContent(childNode);
+    }
+    return '';
+};
+export function extractTextContent(node) {
+    var _a;
     // We use the text content of the node as the announcement text.
     // This only extracts text content from the node including all its children which is enough for now.
     // To make it more powerful, it is possible to create a more sophisticated extractor with respect to
     // ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.
-    return (node.textContent || '').replace(/\s+/g, ' ').trim();
+    if (!node || !((_a = node === null || node === void 0 ? void 0 : node.childNodes) === null || _a === void 0 ? void 0 : _a.length)) {
+        return '';
+    }
+    return Array.from(node.childNodes, processNode).join(' ').replace(/\s+/g, ' ').trim();
 }
 function getSourceContent(source) {
     return source

package/lib/internal/template/live-region/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/live-region/internal.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\n\nimport React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { LiveRegionController } from './controller';\nimport { LiveRegionProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface InternalLiveRegionProps extends InternalBaseComponentProps, LiveRegionProps {\n  /**\n   * The delay between each announcement from this live region. You should\n   * leave this set to the default unless this live region is commonly\n   * interrupted by other actions (like text entry in text filtering).\n   */\n  delay?: number;\n\n  /**\n   * Use a list of strings and/or refs to existing elements for building the\n   * announcement text. If this property is set, `children` and `message` will\n   * be ignored.\n   */\n  sources?: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>;\n}\n\nexport interface InternalLiveRegionRef {\n  /**\n   * Force the live region to announce the message, even if it's the same as\n   * the previously announced message.\n   *\n   * This is useful when making status updates after a change (e.g. filtering)\n   * where the new message might be the same as the old one, but the announcement\n   * also serves to tell screen reader users that the action was performed.\n   */\n  reannounce(): void;\n}\n\nexport default React.forwardRef(function InternalLiveRegion(\n  {\n    assertive = false,\n    hidden = false,\n    tagName: TagName = 'div',\n    delay,\n    sources,\n    children,\n    __internalRootRef,\n    className,\n    ...restProps\n  }: InternalLiveRegionProps,\n  ref: React.Ref<InternalLiveRegionRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const childrenRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(childrenRef, __internalRootRef);\n\n  useEffect(() => {\n    // We have to do this because `inert` isn't properly supported until\n    // React 19 and this seems much more maintainable than version detection.\n    // `inert` is better than `hidden` because it also blocks pointer and\n    // focus events as well as hiding the contents from screen readers.\n    // https://github.com/facebook/react/issues/17157\n    if (childrenRef.current) {\n      childrenRef.current.inert = hidden;\n    }\n  }, [hidden]);\n\n  // Initialize the live region controller inside an effect. We have to do this\n  // because the controller depends on DOM elements, which aren't available on the\n  // server.\n  const liveRegionControllerRef = useRef<LiveRegionController | undefined>();\n  useEffect(() => {\n    const liveRegionController = new LiveRegionController(assertive ? 'assertive' : 'polite');\n    liveRegionControllerRef.current = liveRegionController;\n    return () => {\n      liveRegionController.destroy();\n      liveRegionControllerRef.current = undefined;\n    };\n  }, [assertive]);\n\n  const getContent = () => {\n    if (sources) {\n      return getSourceContent(sources);\n    }\n    if (childrenRef.current) {\n      return extractTextContent(childrenRef.current);\n    }\n  };\n\n  // Call the controller on every render. The controller will deduplicate the\n  // message against the previous announcement internally.\n  useEffect(() => {\n    liveRegionControllerRef.current?.announce({ message: getContent(), delay });\n  });\n\n  useImperativeHandle(ref, () => ({\n    reannounce() {\n      liveRegionControllerRef.current?.announce({ message: getContent(), delay, forceReannounce: true });\n    },\n  }));\n\n  return (\n    <TagName\n      ref={mergedRef}\n      {...baseProps}\n      className={clsx(styles.root, testUtilStyles.root, className)}\n      hidden={hidden}\n    >\n      {children}\n    </TagName>\n  );\n});\n\nfunction extractTextContent(node: HTMLElement): string {\n  // We use the text content of the node as the announcement text.\n  // This only extracts text content from the node including all its children which is enough for now.\n  // To make it more powerful, it is possible to create a more sophisticated extractor with respect to\n  // ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.\n  return (node.textContent || '').replace(/\\s+/g, ' ').trim();\n}\n\nfunction getSourceContent(source: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>): string {\n  return source\n    .map(item => {\n      if (!item || typeof item === 'string') {\n        return item;\n      }\n      if (item.current) {\n        return extractTextContent(item.current);\n      }\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/live-region/internal.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\n\nimport React, { useEffect, useImperativeHandle, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { LiveRegionController } from './controller';\nimport { LiveRegionProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface InternalLiveRegionProps extends InternalBaseComponentProps, LiveRegionProps {\n  /**\n   * The delay between each announcement from this live region. You should\n   * leave this set to the default unless this live region is commonly\n   * interrupted by other actions (like text entry in text filtering).\n   */\n  delay?: number;\n\n  /**\n   * Use a list of strings and/or refs to existing elements for building the\n   * announcement text. If this property is set, `children` and `message` will\n   * be ignored.\n   */\n  sources?: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>;\n}\n\nexport interface InternalLiveRegionRef {\n  /**\n   * Force the live region to announce the message, even if it's the same as\n   * the previously announced message.\n   *\n   * This is useful when making status updates after a change (e.g. filtering)\n   * where the new message might be the same as the old one, but the announcement\n   * also serves to tell screen reader users that the action was performed.\n   */\n  reannounce(): void;\n}\n\nexport default React.forwardRef(function InternalLiveRegion(\n  {\n    assertive = false,\n    hidden = false,\n    tagName: TagName = 'div',\n    delay,\n    sources,\n    children,\n    __internalRootRef,\n    className,\n    ...restProps\n  }: InternalLiveRegionProps,\n  ref: React.Ref<InternalLiveRegionRef>\n) {\n  const baseProps = getBaseProps(restProps);\n  const childrenRef = useRef<HTMLSpanElement & HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(childrenRef, __internalRootRef);\n\n  useEffect(() => {\n    // We have to do this because `inert` isn't properly supported until\n    // React 19 and this seems much more maintainable than version detection.\n    // `inert` is better than `hidden` because it also blocks pointer and\n    // focus events as well as hiding the contents from screen readers.\n    // https://github.com/facebook/react/issues/17157\n    if (childrenRef.current) {\n      childrenRef.current.inert = hidden;\n    }\n  }, [hidden]);\n\n  // Initialize the live region controller inside an effect. We have to do this\n  // because the controller depends on DOM elements, which aren't available on the\n  // server.\n  const liveRegionControllerRef = useRef<LiveRegionController | undefined>();\n  useEffect(() => {\n    const liveRegionController = new LiveRegionController(assertive ? 'assertive' : 'polite');\n    liveRegionControllerRef.current = liveRegionController;\n    return () => {\n      liveRegionController.destroy();\n      liveRegionControllerRef.current = undefined;\n    };\n  }, [assertive]);\n\n  const getContent = () => {\n    if (sources) {\n      return getSourceContent(sources);\n    }\n    if (childrenRef.current) {\n      return extractTextContent(childrenRef.current);\n    }\n  };\n\n  // Call the controller on every render. The controller will deduplicate the\n  // message against the previous announcement internally.\n  useEffect(() => {\n    liveRegionControllerRef.current?.announce({ message: getContent(), delay });\n  });\n\n  useImperativeHandle(ref, () => ({\n    reannounce() {\n      liveRegionControllerRef.current?.announce({ message: getContent(), delay, forceReannounce: true });\n    },\n  }));\n\n  return (\n    <TagName\n      ref={mergedRef}\n      {...baseProps}\n      className={clsx(styles.root, testUtilStyles.root, className)}\n      hidden={hidden}\n    >\n      {children}\n    </TagName>\n  );\n});\n\nconst processNode = (childNode: Node): string => {\n  if (childNode.nodeType === Node.TEXT_NODE) {\n    return childNode.textContent || '';\n  }\n\n  if (childNode.nodeType === Node.ELEMENT_NODE) {\n    return extractTextContent(childNode as HTMLElement);\n  }\n\n  return '';\n};\n\nexport function extractTextContent(node: HTMLElement): string {\n  // We use the text content of the node as the announcement text.\n  // This only extracts text content from the node including all its children which is enough for now.\n  // To make it more powerful, it is possible to create a more sophisticated extractor with respect to\n  // ARIA properties to ignore aria-hidden nodes and read ARIA labels from the live content.\n  if (!node || !node?.childNodes?.length) {\n    return '';\n  }\n\n  return Array.from(node.childNodes, processNode).join(' ').replace(/\\s+/g, ' ').trim();\n}\n\nfunction getSourceContent(source: ReadonlyArray<string | React.RefObject<HTMLElement> | undefined>): string {\n  return source\n    .map(item => {\n      if (!item || typeof item === 'string') {\n        return item;\n      }\n      if (item.current) {\n        return extractTextContent(item.current);\n      }\n    })\n    .filter(Boolean)\n    .join(' ');\n}\n"]}

package/lib/internal/template/package.json

@@ -164,7 +164,6 @@
     "weekstart": "^1.1.0"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17 || ^18",
-    "react-dom": "^16.8 || ^17 || ^18"
+    "react": ">=16.8.0"
   }
 }

package/lib/internal/template/top-navigation/styles.css.js

@@ -1,52 +1,52 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_k5dlb_xlf2u_145",
-  "padding-box": "awsui_padding-box_k5dlb_xlf2u_177",
-  "medium": "awsui_medium_k5dlb_xlf2u_187",
-  "narrow": "awsui_narrow_k5dlb_xlf2u_187",
-  "virtual": "awsui_virtual_k5dlb_xlf2u_198",
-  "hidden": "awsui_hidden_k5dlb_xlf2u_202",
-  "\t": "awsui_\t_k5dlb_xlf2u_1",
-  "identity": "awsui_identity_k5dlb_xlf2u_214",
-  "identity-link": "awsui_identity-link_k5dlb_xlf2u_217",
-  "no-logo": "awsui_no-logo_k5dlb_xlf2u_237",
-  "logo": "awsui_logo_k5dlb_xlf2u_241",
-  "title": "awsui_title_k5dlb_xlf2u_253",
-  "inputs": "awsui_inputs_k5dlb_xlf2u_268",
-  "search": "awsui_search_k5dlb_xlf2u_276",
-  "search-expanded": "awsui_search-expanded_k5dlb_xlf2u_280",
-  "utilities": "awsui_utilities_k5dlb_xlf2u_284",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_xlf2u_295",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_xlf2u_316",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_xlf2u_321",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_xlf2u_330",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_xlf2u_338",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_xlf2u_342",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_xlf2u_346",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_xlf2u_350",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_xlf2u_354",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_xlf2u_359",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_xlf2u_359",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_xlf2u_400",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_xlf2u_408",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_xlf2u_420",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_xlf2u_426",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_xlf2u_430",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_xlf2u_434",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_xlf2u_438",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_xlf2u_476",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_xlf2u_484",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_xlf2u_487",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_xlf2u_476",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_xlf2u_523",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_xlf2u_476",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_xlf2u_532",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_xlf2u_535",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_xlf2u_544",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_xlf2u_550",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_xlf2u_554",
-  "icon": "awsui_icon_k5dlb_xlf2u_559",
-  "icon-open": "awsui_icon-open_k5dlb_xlf2u_573"
+  "top-navigation": "awsui_top-navigation_k5dlb_pyvh1_145",
+  "padding-box": "awsui_padding-box_k5dlb_pyvh1_178",
+  "medium": "awsui_medium_k5dlb_pyvh1_188",
+  "narrow": "awsui_narrow_k5dlb_pyvh1_188",
+  "virtual": "awsui_virtual_k5dlb_pyvh1_199",
+  "hidden": "awsui_hidden_k5dlb_pyvh1_203",
+  "\t": "awsui_\t_k5dlb_pyvh1_1",
+  "identity": "awsui_identity_k5dlb_pyvh1_215",
+  "identity-link": "awsui_identity-link_k5dlb_pyvh1_218",
+  "no-logo": "awsui_no-logo_k5dlb_pyvh1_238",
+  "logo": "awsui_logo_k5dlb_pyvh1_242",
+  "title": "awsui_title_k5dlb_pyvh1_254",
+  "inputs": "awsui_inputs_k5dlb_pyvh1_269",
+  "search": "awsui_search_k5dlb_pyvh1_277",
+  "search-expanded": "awsui_search-expanded_k5dlb_pyvh1_281",
+  "utilities": "awsui_utilities_k5dlb_pyvh1_285",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_pyvh1_296",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_pyvh1_317",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_pyvh1_322",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_pyvh1_331",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_pyvh1_339",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_pyvh1_343",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_pyvh1_347",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_pyvh1_351",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_pyvh1_355",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_pyvh1_360",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_pyvh1_360",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_pyvh1_401",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_pyvh1_409",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_pyvh1_421",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_pyvh1_427",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_pyvh1_431",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_pyvh1_435",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_pyvh1_439",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_pyvh1_477",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_pyvh1_485",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pyvh1_488",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_pyvh1_477",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_pyvh1_524",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_pyvh1_477",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_pyvh1_533",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_pyvh1_536",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_pyvh1_545",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pyvh1_551",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_pyvh1_555",
+  "icon": "awsui_icon_k5dlb_pyvh1_560",
+  "icon-open": "awsui_icon-open_k5dlb_pyvh1_574"
 };
   

package/lib/internal/template/top-navigation/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_top-navigation_k5dlb_xlf2u_145:not(#\9) {
+.awsui_top-navigation_k5dlb_pyvh1_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,8 +174,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   background: var(--color-background-container-content-myy7cn, #ffffff);
+  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_top-navigation_k5dlb_xlf2u_145 > .awsui_padding-box_k5dlb_xlf2u_177:not(#\9) {
+.awsui_top-navigation_k5dlb_pyvh1_145 > .awsui_padding-box_k5dlb_pyvh1_178:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -185,22 +186,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: calc(var(--space-xxxl-vkrt7p, 40px) + var(--space-scaled-m-3uxq9h, 16px));
   padding-inline-start: var(--space-xxl-thzxkv, 32px);
 }
-.awsui_top-navigation_k5dlb_xlf2u_145.awsui_medium_k5dlb_xlf2u_187 > .awsui_padding-box_k5dlb_xlf2u_177:not(#\9), .awsui_top-navigation_k5dlb_xlf2u_145.awsui_narrow_k5dlb_xlf2u_187 > .awsui_padding-box_k5dlb_xlf2u_177:not(#\9) {
+.awsui_top-navigation_k5dlb_pyvh1_145.awsui_medium_k5dlb_pyvh1_188 > .awsui_padding-box_k5dlb_pyvh1_178:not(#\9), .awsui_top-navigation_k5dlb_pyvh1_145.awsui_narrow_k5dlb_pyvh1_188 > .awsui_padding-box_k5dlb_pyvh1_178:not(#\9) {
   padding-inline-start: var(--space-l-eenfqd, 20px);
 }
-.awsui_top-navigation_k5dlb_xlf2u_145.awsui_medium_k5dlb_xlf2u_187 > .awsui_padding-box_k5dlb_xlf2u_177:not(#\9) {
+.awsui_top-navigation_k5dlb_pyvh1_145.awsui_medium_k5dlb_pyvh1_188 > .awsui_padding-box_k5dlb_pyvh1_178:not(#\9) {
   block-size: calc(var(--space-xxxl-vkrt7p, 40px) + var(--space-scaled-xs-t3am3w, 8px));
   padding-inline-end: 0;
 }
-.awsui_top-navigation_k5dlb_xlf2u_145.awsui_narrow_k5dlb_xlf2u_187 > .awsui_padding-box_k5dlb_xlf2u_177:not(#\9) {
+.awsui_top-navigation_k5dlb_pyvh1_145.awsui_narrow_k5dlb_pyvh1_188 > .awsui_padding-box_k5dlb_pyvh1_178:not(#\9) {
   block-size: var(--space-xxxl-vkrt7p, 40px);
 }
 
-.awsui_virtual_k5dlb_xlf2u_198:not(#\9) {
+.awsui_virtual_k5dlb_pyvh1_199:not(#\9) {
   inline-size: 9000px;
 }
 
-.awsui_hidden_k5dlb_xlf2u_202:not(#\9) {
+.awsui_hidden_k5dlb_pyvh1_203:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
@@ -208,23 +209,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_k5dlb_xlf2u_202 *:not(#\9):not(#awsui_\9 _k5dlb_xlf2u_1) {
+.awsui_hidden_k5dlb_pyvh1_203 *:not(#\9):not(#awsui_\9 _k5dlb_pyvh1_1) {
   visibility: hidden;
 }
 
-.awsui_identity_k5dlb_xlf2u_214:not(#\9) {
+.awsui_identity_k5dlb_pyvh1_215:not(#\9) {
   min-inline-size: 0;
 }
-.awsui_identity_k5dlb_xlf2u_214 > .awsui_identity-link_k5dlb_xlf2u_217:not(#\9) {
+.awsui_identity_k5dlb_pyvh1_215 > .awsui_identity-link_k5dlb_pyvh1_218:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-e4w0av, #16191f);
 }
-.awsui_identity_k5dlb_xlf2u_214 > .awsui_identity-link_k5dlb_xlf2u_217:not(#\9):hover {
+.awsui_identity_k5dlb_pyvh1_215 > .awsui_identity-link_k5dlb_pyvh1_218:not(#\9):hover {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_identity-link_k5dlb_xlf2u_217:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_pyvh1_215 > .awsui_identity-link_k5dlb_pyvh1_218:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-bptw2p, 5px auto Highlight);
   outline-offset: 2px;
@@ -235,11 +236,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-yrkso1, 0px) var(--color-border-item-focused-q68bgg, #0073bb);
 }
-.awsui_identity_k5dlb_xlf2u_214.awsui_no-logo_k5dlb_xlf2u_237:not(#\9) {
+.awsui_identity_k5dlb_pyvh1_215.awsui_no-logo_k5dlb_pyvh1_238:not(#\9) {
   min-inline-size: 100px;
 }
 
-.awsui_logo_k5dlb_xlf2u_241:not(#\9) {
+.awsui_logo_k5dlb_pyvh1_242:not(#\9) {
   display: block;
   max-block-size: var(--space-xxl-thzxkv, 32px);
   margin-inline-end: var(--space-s-vmutj3, 12px);
@@ -247,11 +248,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   flex-shrink: 0;
   min-inline-size: 10px;
 }
-.awsui_logo_k5dlb_xlf2u_241.awsui_narrow_k5dlb_xlf2u_187:not(#\9) {
+.awsui_logo_k5dlb_pyvh1_242.awsui_narrow_k5dlb_pyvh1_188:not(#\9) {
   max-block-size: var(--space-xl-vss8pc, 24px);
 }
 
-.awsui_title_k5dlb_xlf2u_253:not(#\9) {
+.awsui_title_k5dlb_pyvh1_254:not(#\9) {
   font-size: var(--font-size-heading-m-abxcoe, 18px);
   line-height: var(--line-height-heading-m-v86qsm, 22px);
   letter-spacing: var(--letter-spacing-heading-m-790tuq, normal);
@@ -262,11 +263,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_k5dlb_xlf2u_237 > .awsui_identity-link_k5dlb_xlf2u_217 > .awsui_title_k5dlb_xlf2u_253:not(#\9) {
+.awsui_no-logo_k5dlb_pyvh1_238 > .awsui_identity-link_k5dlb_pyvh1_218 > .awsui_title_k5dlb_pyvh1_254:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_k5dlb_xlf2u_268:not(#\9) {
+.awsui_inputs_k5dlb_pyvh1_269:not(#\9) {
   display: flex;
   flex: 1;
   padding-block: 0;
@@ -274,26 +275,26 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   justify-content: center;
 }
 
-.awsui_search_k5dlb_xlf2u_276:not(#\9) {
+.awsui_search_k5dlb_pyvh1_277:not(#\9) {
   inline-size: 100%;
   max-inline-size: 340px;
 }
-.awsui_search-expanded_k5dlb_xlf2u_280:not(#\9) {
+.awsui_search-expanded_k5dlb_pyvh1_281:not(#\9) {
   max-inline-size: none;
 }
 
-.awsui_utilities_k5dlb_xlf2u_284:not(#\9) {
+.awsui_utilities_k5dlb_pyvh1_285:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: stretch;
   block-size: 100%;
 }
-.awsui_medium_k5dlb_xlf2u_187 > .awsui_padding-box_k5dlb_xlf2u_177 > .awsui_utilities_k5dlb_xlf2u_284:not(#\9), .awsui_narrow_k5dlb_xlf2u_187 > .awsui_padding-box_k5dlb_xlf2u_177 > .awsui_utilities_k5dlb_xlf2u_284:not(#\9) {
+.awsui_medium_k5dlb_pyvh1_188 > .awsui_padding-box_k5dlb_pyvh1_178 > .awsui_utilities_k5dlb_pyvh1_285:not(#\9), .awsui_narrow_k5dlb_pyvh1_188 > .awsui_padding-box_k5dlb_pyvh1_178 > .awsui_utilities_k5dlb_pyvh1_285:not(#\9) {
   padding-inline-start: 0;
 }
 
-.awsui_utility-wrapper_k5dlb_xlf2u_295:not(#\9) {
+.awsui_utility-wrapper_k5dlb_pyvh1_296:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -301,7 +302,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   padding-block: 0;
   padding-inline: var(--space-m-u91ipm, 16px);
 }
-.awsui_utility-wrapper_k5dlb_xlf2u_295:not(#\9)::after {
+.awsui_utility-wrapper_k5dlb_pyvh1_296:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -310,61 +311,61 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   inset-block: var(--space-s-vmutj3, 12px);
   background: var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_utility-wrapper_k5dlb_xlf2u_295:not(#\9):last-of-type::after {
+.awsui_utility-wrapper_k5dlb_pyvh1_296:not(#\9):last-of-type::after {
   display: none;
 }
 
-.awsui_utility-type-button-link_k5dlb_xlf2u_316:not(#\9) {
+.awsui_utility-type-button-link_k5dlb_pyvh1_317:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-eenfqd, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_k5dlb_xlf2u_321:not(#\9) {
+.awsui_utility-type-menu-dropdown_k5dlb_pyvh1_322:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-s-vmutj3, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-menu-dropdown_k5dlb_xlf2u_321:not(#\9):not(.awsui_narrow_k5dlb_xlf2u_187):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_xlf2u_321:not(#\9):not(.awsui_medium_k5dlb_xlf2u_187):last-of-type {
+.awsui_utility-type-menu-dropdown_k5dlb_pyvh1_322:not(#\9):not(.awsui_narrow_k5dlb_pyvh1_188):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_pyvh1_322:not(#\9):not(.awsui_medium_k5dlb_pyvh1_188):last-of-type {
   padding-inline-end: 0;
 }
 
-.awsui_utility-type-button-primary-button_k5dlb_xlf2u_330:not(#\9) {
+.awsui_utility-type-button-primary-button_k5dlb_pyvh1_331:not(#\9) {
   inset-inline-start: -1px;
   border-inline-start: 1px solid var(--color-background-container-content-myy7cn, #ffffff);
 }
-.awsui_utility-type-button-primary-button_k5dlb_xlf2u_330:not(#\9)::after {
+.awsui_utility-type-button-primary-button_k5dlb_pyvh1_331:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_k5dlb_xlf2u_338:not(#\9) {
+.awsui_utility-link-icon_k5dlb_pyvh1_339:not(#\9) {
   margin-inline-start: var(--space-xxs-y2432o, 4px);
 }
 
-.awsui_utility-button-external-icon_k5dlb_xlf2u_342:not(#\9) {
+.awsui_utility-button-external-icon_k5dlb_pyvh1_343:not(#\9) {
   display: inline-block;
 }
 
-.awsui_offset-right-none_k5dlb_xlf2u_346:not(#\9) {
+.awsui_offset-right-none_k5dlb_pyvh1_347:not(#\9) {
   margin-inline-end: 0;
 }
 
-.awsui_offset-right-l_k5dlb_xlf2u_350:not(#\9) {
+.awsui_offset-right-l_k5dlb_pyvh1_351:not(#\9) {
   margin-inline-end: var(--space-xxs-y2432o, 4px);
 }
 
-.awsui_offset-right-xxl_k5dlb_xlf2u_354:not(#\9) {
+.awsui_offset-right-xxl_k5dlb_pyvh1_355:not(#\9) {
   margin-inline-end: var(--space-m-u91ipm, 16px);
 }
 
 /* Overflow Menu */
-.awsui_overflow-menu-drawer_k5dlb_xlf2u_359:not(#\9) {
+.awsui_overflow-menu-drawer_k5dlb_pyvh1_360:not(#\9) {
   position: fixed;
   block-size: 100%;
   inline-size: 100%;
   z-index: 1001;
 }
 
-.awsui_overflow-menu_k5dlb_xlf2u_359:not(#\9) {
+.awsui_overflow-menu_k5dlb_pyvh1_360:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -399,7 +400,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   block-size: 100%;
 }
 
-.awsui_overflow-menu-header_k5dlb_xlf2u_400:not(#\9) {
+.awsui_overflow-menu-header_k5dlb_pyvh1_401:not(#\9) {
   display: flex;
   align-items: center;
   min-block-size: var(--font-panel-header-line-height-av95ns, 22px);
@@ -407,7 +408,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   padding-inline: var(--space-scaled-m-3uxq9h, 16px);
   border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_overflow-menu-header-text_k5dlb_xlf2u_408:not(#\9) {
+.awsui_overflow-menu-header-text_k5dlb_pyvh1_409:not(#\9) {
   font-size: var(--font-panel-header-size-197c0y, 18px);
   line-height: var(--font-panel-header-line-height-av95ns, 22px);
   font-weight: var(--font-weight-heading-l-ypbqtk, 700);
@@ -419,25 +420,25 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   margin-inline: 0;
   text-align: center;
 }
-.awsui_overflow-menu-header-text--secondary_k5dlb_xlf2u_420:not(#\9) {
+.awsui_overflow-menu-header-text--secondary_k5dlb_pyvh1_421:not(#\9) {
   font-size: var(--font-header-h2-description-size-jr9dz3, 12px);
   line-height: var(--font-header-h2-description-line-height-mth7kd, 16px);
   font-weight: 400;
 }
 
-.awsui_overflow-menu-header-text--title_k5dlb_xlf2u_426:not(#\9) {
+.awsui_overflow-menu-header-text--title_k5dlb_pyvh1_427:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-back-button_k5dlb_xlf2u_430:not(#\9) {
+.awsui_overflow-menu-back-button_k5dlb_pyvh1_431:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-dismiss-button_k5dlb_xlf2u_434:not(#\9) {
+.awsui_overflow-menu-dismiss-button_k5dlb_pyvh1_435:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-control_k5dlb_xlf2u_438:not(#\9) {
+.awsui_overflow-menu-control_k5dlb_pyvh1_439:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -476,32 +477,32 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_xlf2u_214 > .awsui_ide
   border-block: none;
   border-inline: none;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_xlf2u_476 > .awsui_overflow-menu-control_k5dlb_xlf2u_438:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_pyvh1_477 > .awsui_overflow-menu-control_k5dlb_pyvh1_439:not(#\9) {
   padding-block: var(--space-scaled-m-3uxq9h, 16px);
   padding-inline: var(--space-scaled-m-3uxq9h, 16px);
 }
-.awsui_overflow-menu-control_k5dlb_xlf2u_438:not(#\9):hover {
+.awsui_overflow-menu-control_k5dlb_pyvh1_439:not(#\9):hover {
   color: var(--color-text-accent-b3retj, #0073bb);
   cursor: pointer;
 }
-.awsui_overflow-menu-control-link_k5dlb_xlf2u_484:not(#\9) {
+.awsui_overflow-menu-control-link_k5dlb_pyvh1_485:not(#\9) {
   text-decoration: none;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_xlf2u_487:not(#\9) {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pyvh1_488:not(#\9) {
   color: var(--color-text-dropdown-group-label-h1uzwg, #545b64);
   font-weight: bold;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_xlf2u_487:not(#\9):hover {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pyvh1_488:not(#\9):hover {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_xlf2u_438:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pyvh1_439:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_xlf2u_438:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pyvh1_439:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-90p0io, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_xlf2u_438:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_pyvh1_439:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -516,63 +517,63 @@ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_xlf2u_438
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_overflow-menu-list_k5dlb_xlf2u_476:not(#\9) {
+.awsui_overflow-menu-list_k5dlb_pyvh1_477:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_overflow-menu-list-submenu_k5dlb_xlf2u_523:not(#\9) {
+.awsui_overflow-menu-list-submenu_k5dlb_pyvh1_524:not(#\9) {
   margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: 0;
 }
 
-.awsui_overflow-menu-list-item_k5dlb_xlf2u_476:not(#\9) {
+.awsui_overflow-menu-list-item_k5dlb_pyvh1_477:not(#\9) {
   box-sizing: border-box;
   letter-spacing: var(--font-button-letter-spacing-47n0nr, 0.25px);
 }
-.awsui_overflow-menu-list-item-icon_k5dlb_xlf2u_532:not(#\9) {
+.awsui_overflow-menu-list-item-icon_k5dlb_pyvh1_533:not(#\9) {
   margin-inline-end: var(--space-xxs-y2432o, 4px);
 }
-.awsui_overflow-menu-list-item-text_k5dlb_xlf2u_535:not(#\9) {
+.awsui_overflow-menu-list-item-text_k5dlb_pyvh1_536:not(#\9) {
   flex: 1;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_xlf2u_476:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_pyvh1_477:not(#\9) {
   font-weight: var(--font-weight-button-rw26ot, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
   border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_overflow-menu-list-item-submenu_k5dlb_xlf2u_544:not(#\9) {
+.awsui_overflow-menu-list-item-submenu_k5dlb_pyvh1_545:not(#\9) {
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid transparent;
   border-block-end: var(--border-divider-section-width-iueskx, 1px) solid transparent;
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
   padding-inline: var(--space-scaled-l-7e51pg, 20px);
 }
-.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_xlf2u_550:not(#\9) {
+.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pyvh1_551:not(#\9) {
   padding-block: var(--space-scaled-xxs-krq5fq, 4px);
   padding-inline: var(--space-scaled-s-8j7izy, 12px);
 }
-.awsui_overflow-menu-list-item-expandable_k5dlb_xlf2u_554:not(#\9) {
+.awsui_overflow-menu-list-item-expandable_k5dlb_pyvh1_555:not(#\9) {
   border-block-start-color: var(--color-border-divider-default-u5ytia, #eaeded);
   border-block-end-color: var(--color-border-divider-default-u5ytia, #eaeded);
 }
 
-.awsui_icon_k5dlb_xlf2u_559:not(#\9) {
+.awsui_icon_k5dlb_pyvh1_560:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-llqolb, 135ms) var(--motion-easing-rotate-180-wt4cje, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_k5dlb_xlf2u_559:not(#\9) {
+  .awsui_icon_k5dlb_pyvh1_560:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_k5dlb_xlf2u_559:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_xlf2u_559:not(#\9) {
+.awsui-motion-disabled .awsui_icon_k5dlb_pyvh1_560:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_pyvh1_560:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon-open_k5dlb_xlf2u_573:not(#\9) {
+.awsui_icon-open_k5dlb_pyvh1_574:not(#\9) {
   transform: rotate(-180deg);
 }

package/lib/internal/template/top-navigation/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "top-navigation": "awsui_top-navigation_k5dlb_xlf2u_145",
-  "padding-box": "awsui_padding-box_k5dlb_xlf2u_177",
-  "medium": "awsui_medium_k5dlb_xlf2u_187",
-  "narrow": "awsui_narrow_k5dlb_xlf2u_187",
-  "virtual": "awsui_virtual_k5dlb_xlf2u_198",
-  "hidden": "awsui_hidden_k5dlb_xlf2u_202",
-  "\t": "awsui_\t_k5dlb_xlf2u_1",
-  "identity": "awsui_identity_k5dlb_xlf2u_214",
-  "identity-link": "awsui_identity-link_k5dlb_xlf2u_217",
-  "no-logo": "awsui_no-logo_k5dlb_xlf2u_237",
-  "logo": "awsui_logo_k5dlb_xlf2u_241",
-  "title": "awsui_title_k5dlb_xlf2u_253",
-  "inputs": "awsui_inputs_k5dlb_xlf2u_268",
-  "search": "awsui_search_k5dlb_xlf2u_276",
-  "search-expanded": "awsui_search-expanded_k5dlb_xlf2u_280",
-  "utilities": "awsui_utilities_k5dlb_xlf2u_284",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_xlf2u_295",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_xlf2u_316",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_xlf2u_321",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_xlf2u_330",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_xlf2u_338",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_xlf2u_342",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_xlf2u_346",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_xlf2u_350",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_xlf2u_354",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_xlf2u_359",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_xlf2u_359",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_xlf2u_400",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_xlf2u_408",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_xlf2u_420",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_xlf2u_426",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_xlf2u_430",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_xlf2u_434",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_xlf2u_438",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_xlf2u_476",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_xlf2u_484",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_xlf2u_487",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_xlf2u_476",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_xlf2u_523",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_xlf2u_476",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_xlf2u_532",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_xlf2u_535",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_xlf2u_544",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_xlf2u_550",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_xlf2u_554",
-  "icon": "awsui_icon_k5dlb_xlf2u_559",
-  "icon-open": "awsui_icon-open_k5dlb_xlf2u_573"
+  "top-navigation": "awsui_top-navigation_k5dlb_pyvh1_145",
+  "padding-box": "awsui_padding-box_k5dlb_pyvh1_178",
+  "medium": "awsui_medium_k5dlb_pyvh1_188",
+  "narrow": "awsui_narrow_k5dlb_pyvh1_188",
+  "virtual": "awsui_virtual_k5dlb_pyvh1_199",
+  "hidden": "awsui_hidden_k5dlb_pyvh1_203",
+  "\t": "awsui_\t_k5dlb_pyvh1_1",
+  "identity": "awsui_identity_k5dlb_pyvh1_215",
+  "identity-link": "awsui_identity-link_k5dlb_pyvh1_218",
+  "no-logo": "awsui_no-logo_k5dlb_pyvh1_238",
+  "logo": "awsui_logo_k5dlb_pyvh1_242",
+  "title": "awsui_title_k5dlb_pyvh1_254",
+  "inputs": "awsui_inputs_k5dlb_pyvh1_269",
+  "search": "awsui_search_k5dlb_pyvh1_277",
+  "search-expanded": "awsui_search-expanded_k5dlb_pyvh1_281",
+  "utilities": "awsui_utilities_k5dlb_pyvh1_285",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_pyvh1_296",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_pyvh1_317",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_pyvh1_322",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_pyvh1_331",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_pyvh1_339",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_pyvh1_343",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_pyvh1_347",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_pyvh1_351",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_pyvh1_355",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_pyvh1_360",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_pyvh1_360",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_pyvh1_401",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_pyvh1_409",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_pyvh1_421",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_pyvh1_427",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_pyvh1_431",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_pyvh1_435",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_pyvh1_439",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_pyvh1_477",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_pyvh1_485",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_pyvh1_488",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_pyvh1_477",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_pyvh1_524",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_pyvh1_477",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_pyvh1_533",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_pyvh1_536",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_pyvh1_545",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_pyvh1_551",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_pyvh1_555",
+  "icon": "awsui_icon_k5dlb_pyvh1_560",
+  "icon-open": "awsui_icon-open_k5dlb_pyvh1_574"
 };
   

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.955",
+  "version": "3.0.957",
   "files": [
     "lib"
   ],