@cloudscape-design/components 3.0.241 → 3.0.243

package/progress-bar/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_15drg_185",
-  "result-state": "awsui_result-state_11huc_15drg_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_15drg_1",
-  "root": "awsui_root_11huc_15drg_221",
-  "with-result-button": "awsui_with-result-button_11huc_15drg_234",
-  "result-text": "awsui_result-text_11huc_15drg_238",
-  "result-container-error": "awsui_result-container-error_11huc_15drg_242",
-  "result-container-success": "awsui_result-container-success_11huc_15drg_242",
-  "result-button": "awsui_result-button_11huc_15drg_246",
-  "word-wrap": "awsui_word-wrap_11huc_15drg_251",
-  "label-flash": "awsui_label-flash_11huc_15drg_257",
-  "label-key-value": "awsui_label-key-value_11huc_15drg_261",
-  "flash": "awsui_flash_11huc_15drg_269",
-  "progress-container": "awsui_progress-container_11huc_15drg_273",
-  "percentage-container": "awsui_percentage-container_11huc_15drg_280",
-  "percentage": "awsui_percentage_11huc_15drg_280",
-  "complete": "awsui_complete_11huc_15drg_315",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_15drg_330"
+  "progress": "awsui_progress_11huc_1flst_185",
+  "result-state": "awsui_result-state_11huc_1flst_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1flst_1",
+  "root": "awsui_root_11huc_1flst_221",
+  "with-result-button": "awsui_with-result-button_11huc_1flst_234",
+  "result-text": "awsui_result-text_11huc_1flst_238",
+  "result-container-error": "awsui_result-container-error_11huc_1flst_242",
+  "result-container-success": "awsui_result-container-success_11huc_1flst_242",
+  "result-button": "awsui_result-button_11huc_1flst_246",
+  "word-wrap": "awsui_word-wrap_11huc_1flst_251",
+  "label-flash": "awsui_label-flash_11huc_1flst_257",
+  "label-key-value": "awsui_label-key-value_11huc_1flst_261",
+  "flash": "awsui_flash_11huc_1flst_269",
+  "progress-container": "awsui_progress-container_11huc_1flst_273",
+  "percentage-container": "awsui_percentage-container_11huc_1flst_280",
+  "percentage": "awsui_percentage_11huc_1flst_280",
+  "complete": "awsui_complete_11huc_1flst_315",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_1flst_330"
 };
   

package/property-filter/property-filter-autosuggest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"property-filter-autosuggest.d.ts","sourceRoot":"lib/default/","sources":["property-filter/property-filter-autosuggest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAM9E,OAAO,EAEL,sBAAsB,EAGvB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAyB,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AASjG,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB,EAAE,0BAA0B;IAClG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,yBAAyB,4GA0K9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"property-filter-autosuggest.d.ts","sourceRoot":"lib/default/","sources":["property-filter/property-filter-autosuggest.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAM9E,OAAO,EAEL,sBAAsB,EAGvB,MAAM,oBAAoB,CAAC;AAK5B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAyB,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AASjG,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB,EAAE,0BAA0B;IAClG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,yBAAyB,4GA2K9B,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/property-filter/property-filter-autosuggest.js

@@ -5,7 +5,7 @@ import React, { useMemo, useRef } from 'react';
 import { useAutosuggestItems } from '../autosuggest/options-controller';
 import { useDropdownStatus } from '../internal/components/dropdown-status';
 import DropdownFooter from '../internal/components/dropdown-footer';
-import { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';
+import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { fireNonCancelableEvent, } from '../internal/events';
 import autosuggestStyles from '../autosuggest/styles.css.js';
 import styles from './styles.css.js';
@@ -92,7 +92,8 @@ const PropertyFilterAutosuggest = React.forwardRef((props, ref) => {
     const selfControlId = useUniqueId('input');
     const controlId = (_a = rest.controlId) !== null && _a !== void 0 ? _a : selfControlId;
     const listId = useUniqueId('list');
-    const highlightedOptionId = autosuggestItemsState.highlightedOption ? generateUniqueId() : undefined;
+    const highlightedOptionIdSource = useUniqueId();
+    const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;
     const isEmpty = !value && !autosuggestItemsState.items.length;
     const dropdownStatus = useDropdownStatus(Object.assign(Object.assign({}, props), { isEmpty, onRecoveryClick: handleRecoveryClick }));
     let content = null;

package/property-filter/property-filter-autosuggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"property-filter-autosuggest.js","sourceRoot":"lib/default/","sources":["property-filter/property-filter-autosuggest.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, useMemo, useRef } from 'react';\n\nimport { useAutosuggestItems } from '../autosuggest/options-controller';\nimport { AutosuggestItem, AutosuggestProps } from '../autosuggest/interfaces';\n\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n  fireNonCancelableEvent,\n  CancelableEventHandler,\n  NonCancelableCustomEvent,\n  BaseKeyDetail,\n} from '../internal/events';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport autosuggestStyles from '../autosuggest/styles.css.js';\nimport styles from './styles.css.js';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from '../autosuggest/options-list';\nimport { useAutosuggestLoadMore } from '../autosuggest/load-more-controller';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { filterOptions } from './filter-options';\n\nconst DROPDOWN_WIDTH_OPTIONS_LIST = 300;\nconst DROPDOWN_WIDTH_CUSTOM_FORM = 200;\n\nexport interface PropertyFilterAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {\n  customForm?: React.ReactNode;\n  filterText?: string;\n  onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n  hideEnteredTextOption?: boolean;\n  searchResultsId?: string;\n}\n\nconst PropertyFilterAutosuggest = React.forwardRef(\n  (props: PropertyFilterAutosuggestProps, ref: Ref<AutosuggestInputRef>) => {\n    const {\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      onLoadItems,\n      options,\n      statusType = 'finished',\n      placeholder,\n      disabled,\n      ariaLabel,\n      enteredTextLabel,\n      onKeyDown,\n      virtualScroll,\n      expandToViewport,\n      customForm,\n      filterText,\n      onOptionClick,\n      hideEnteredTextOption,\n      searchResultsId,\n      ...rest\n    } = props;\n    const highlightText = filterText === undefined ? value : filterText;\n\n    const customFormRef = useRef<HTMLDivElement>(null);\n    const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n    const mergedRef = useMergeRefs(autosuggestInputRef, ref);\n\n    const filteredOptions = useMemo(() => filterOptions(options || [], highlightText), [options, highlightText]);\n    const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n      options: filteredOptions,\n      filterValue: value,\n      filterText: highlightText,\n      filteringType: 'manual',\n      hideEnteredTextLabel: hideEnteredTextOption,\n      onSelectItem: (option: AutosuggestItem) => {\n        const value = option.value || '';\n        fireNonCancelableEvent(onChange, { value });\n        const selectedCancelled = fireCancelableEvent(onOptionClick, option);\n        if (!selectedCancelled) {\n          autosuggestInputRef.current?.close();\n        } else {\n          autosuggestItemsHandlers.resetHighlightWithKeyboard();\n        }\n      },\n    });\n\n    const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n      options,\n      statusType,\n      onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n    });\n\n    const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n      fireNonCancelableEvent(onChange, event.detail);\n    };\n\n    const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n    };\n\n    const handleFocus = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n      fireCancelableEvent(onFocus, null);\n    };\n\n    const handleBlur = () => {\n      fireCancelableEvent(onBlur, null);\n    };\n\n    const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n      fireCancelableEvent(onKeyDown, e.detail);\n    };\n\n    const handlePressArrowDown = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n      if (customFormRef.current) {\n        getFirstFocusable(customFormRef.current)?.focus();\n      }\n    };\n\n    const handlePressArrowUp = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n    };\n\n    const handlePressEnter = () => {\n      return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n    };\n\n    const handleCloseDropdown = () => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n    };\n\n    const handleRecoveryClick = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n      autosuggestInputRef.current?.focus();\n    };\n\n    const selfControlId = useUniqueId('input');\n    const controlId = rest.controlId ?? selfControlId;\n    const listId = useUniqueId('list');\n    const highlightedOptionId = autosuggestItemsState.highlightedOption ? generateUniqueId() : undefined;\n\n    const isEmpty = !value && !autosuggestItemsState.items.length;\n    const dropdownStatus = useDropdownStatus({ ...props, isEmpty, onRecoveryClick: handleRecoveryClick });\n\n    let content = null;\n    if (customForm) {\n      content = (\n        <div ref={customFormRef} className={styles['custom-content-wrapper']}>\n          {customForm}\n        </div>\n      );\n    } else if (autosuggestItemsState.items.length > 0) {\n      content = (\n        <AutosuggestOptionsList\n          autosuggestItemsState={autosuggestItemsState}\n          autosuggestItemsHandlers={autosuggestItemsHandlers}\n          highlightedOptionId={highlightedOptionId}\n          highlightText={highlightText}\n          listId={listId}\n          controlId={controlId}\n          enteredTextLabel={enteredTextLabel}\n          handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n          hasDropdownStatus={dropdownStatus.content !== null}\n          virtualScroll={virtualScroll}\n          listBottom={!dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} /> : null}\n        />\n      );\n    }\n\n    return (\n      <AutosuggestInput\n        ref={mergedRef}\n        {...rest}\n        className={clsx(autosuggestStyles.root, styles.input)}\n        value={value}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        controlId={controlId}\n        placeholder={placeholder}\n        disabled={disabled}\n        ariaLabel={ariaLabel}\n        expandToViewport={expandToViewport}\n        ariaControls={listId}\n        ariaActivedescendant={highlightedOptionId}\n        ariaDescribedby={searchResultsId}\n        dropdownExpanded={autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm}\n        dropdownContentKey={customForm ? 'custom' : 'options'}\n        dropdownContent={content}\n        dropdownFooter={\n          dropdownStatus.isSticky ? (\n            <DropdownFooter content={dropdownStatus.content} hasItems={autosuggestItemsState.items.length >= 1} />\n          ) : null\n        }\n        dropdownWidth={customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST}\n        dropdownContentFocusable={!!customForm}\n        onCloseDropdown={handleCloseDropdown}\n        onDelayedInput={handleDelayedInput}\n        onPressArrowDown={handlePressArrowDown}\n        onPressArrowUp={handlePressArrowUp}\n        onPressEnter={handlePressEnter}\n      />\n    );\n  }\n);\n\nexport default PropertyFilterAutosuggest;\n"]}
+{"version":3,"file":"property-filter-autosuggest.js","sourceRoot":"lib/default/","sources":["property-filter/property-filter-autosuggest.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, useMemo, useRef } from 'react';\n\nimport { useAutosuggestItems } from '../autosuggest/options-controller';\nimport { AutosuggestItem, AutosuggestProps } from '../autosuggest/interfaces';\n\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n  fireNonCancelableEvent,\n  CancelableEventHandler,\n  NonCancelableCustomEvent,\n  BaseKeyDetail,\n} from '../internal/events';\nimport { BaseChangeDetail } from '../input/interfaces';\nimport autosuggestStyles from '../autosuggest/styles.css.js';\nimport styles from './styles.css.js';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from '../autosuggest/options-list';\nimport { useAutosuggestLoadMore } from '../autosuggest/load-more-controller';\nimport { OptionsLoadItemsDetail } from '../internal/components/dropdown/interfaces';\nimport AutosuggestInput, { AutosuggestInputRef } from '../internal/components/autosuggest-input';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { filterOptions } from './filter-options';\n\nconst DROPDOWN_WIDTH_OPTIONS_LIST = 300;\nconst DROPDOWN_WIDTH_CUSTOM_FORM = 200;\n\nexport interface PropertyFilterAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {\n  customForm?: React.ReactNode;\n  filterText?: string;\n  onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n  hideEnteredTextOption?: boolean;\n  searchResultsId?: string;\n}\n\nconst PropertyFilterAutosuggest = React.forwardRef(\n  (props: PropertyFilterAutosuggestProps, ref: Ref<AutosuggestInputRef>) => {\n    const {\n      value,\n      onChange,\n      onFocus,\n      onBlur,\n      onLoadItems,\n      options,\n      statusType = 'finished',\n      placeholder,\n      disabled,\n      ariaLabel,\n      enteredTextLabel,\n      onKeyDown,\n      virtualScroll,\n      expandToViewport,\n      customForm,\n      filterText,\n      onOptionClick,\n      hideEnteredTextOption,\n      searchResultsId,\n      ...rest\n    } = props;\n    const highlightText = filterText === undefined ? value : filterText;\n\n    const customFormRef = useRef<HTMLDivElement>(null);\n    const autosuggestInputRef = useRef<AutosuggestInputRef>(null);\n    const mergedRef = useMergeRefs(autosuggestInputRef, ref);\n\n    const filteredOptions = useMemo(() => filterOptions(options || [], highlightText), [options, highlightText]);\n    const [autosuggestItemsState, autosuggestItemsHandlers] = useAutosuggestItems({\n      options: filteredOptions,\n      filterValue: value,\n      filterText: highlightText,\n      filteringType: 'manual',\n      hideEnteredTextLabel: hideEnteredTextOption,\n      onSelectItem: (option: AutosuggestItem) => {\n        const value = option.value || '';\n        fireNonCancelableEvent(onChange, { value });\n        const selectedCancelled = fireCancelableEvent(onOptionClick, option);\n        if (!selectedCancelled) {\n          autosuggestInputRef.current?.close();\n        } else {\n          autosuggestItemsHandlers.resetHighlightWithKeyboard();\n        }\n      },\n    });\n\n    const autosuggestLoadMoreHandlers = useAutosuggestLoadMore({\n      options,\n      statusType,\n      onLoadItems: (detail: OptionsLoadItemsDetail) => fireNonCancelableEvent(onLoadItems, detail),\n    });\n\n    const handleChange = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n      fireNonCancelableEvent(onChange, event.detail);\n    };\n\n    const handleDelayedInput = (event: NonCancelableCustomEvent<BaseChangeDetail>) => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputChange(event.detail.value);\n    };\n\n    const handleFocus = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnInputFocus();\n      fireCancelableEvent(onFocus, null);\n    };\n\n    const handleBlur = () => {\n      fireCancelableEvent(onBlur, null);\n    };\n\n    const handleKeyDown = (e: CustomEvent<BaseKeyDetail>) => {\n      fireCancelableEvent(onKeyDown, e.detail);\n    };\n\n    const handlePressArrowDown = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(1);\n      if (customFormRef.current) {\n        getFirstFocusable(customFormRef.current)?.focus();\n      }\n    };\n\n    const handlePressArrowUp = () => {\n      autosuggestItemsHandlers.moveHighlightWithKeyboard(-1);\n    };\n\n    const handlePressEnter = () => {\n      return autosuggestItemsHandlers.selectHighlightedOptionWithKeyboard();\n    };\n\n    const handleCloseDropdown = () => {\n      autosuggestItemsHandlers.resetHighlightWithKeyboard();\n    };\n\n    const handleRecoveryClick = () => {\n      autosuggestLoadMoreHandlers.fireLoadMoreOnRecoveryClick();\n      autosuggestInputRef.current?.focus();\n    };\n\n    const selfControlId = useUniqueId('input');\n    const controlId = rest.controlId ?? selfControlId;\n    const listId = useUniqueId('list');\n    const highlightedOptionIdSource = useUniqueId();\n    const highlightedOptionId = autosuggestItemsState.highlightedOption ? highlightedOptionIdSource : undefined;\n\n    const isEmpty = !value && !autosuggestItemsState.items.length;\n    const dropdownStatus = useDropdownStatus({ ...props, isEmpty, onRecoveryClick: handleRecoveryClick });\n\n    let content = null;\n    if (customForm) {\n      content = (\n        <div ref={customFormRef} className={styles['custom-content-wrapper']}>\n          {customForm}\n        </div>\n      );\n    } else if (autosuggestItemsState.items.length > 0) {\n      content = (\n        <AutosuggestOptionsList\n          autosuggestItemsState={autosuggestItemsState}\n          autosuggestItemsHandlers={autosuggestItemsHandlers}\n          highlightedOptionId={highlightedOptionId}\n          highlightText={highlightText}\n          listId={listId}\n          controlId={controlId}\n          enteredTextLabel={enteredTextLabel}\n          handleLoadMore={autosuggestLoadMoreHandlers.fireLoadMoreOnScroll}\n          hasDropdownStatus={dropdownStatus.content !== null}\n          virtualScroll={virtualScroll}\n          listBottom={!dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} /> : null}\n        />\n      );\n    }\n\n    return (\n      <AutosuggestInput\n        ref={mergedRef}\n        {...rest}\n        className={clsx(autosuggestStyles.root, styles.input)}\n        value={value}\n        onChange={handleChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        controlId={controlId}\n        placeholder={placeholder}\n        disabled={disabled}\n        ariaLabel={ariaLabel}\n        expandToViewport={expandToViewport}\n        ariaControls={listId}\n        ariaActivedescendant={highlightedOptionId}\n        ariaDescribedby={searchResultsId}\n        dropdownExpanded={autosuggestItemsState.items.length > 1 || dropdownStatus.content !== null || !!customForm}\n        dropdownContentKey={customForm ? 'custom' : 'options'}\n        dropdownContent={content}\n        dropdownFooter={\n          dropdownStatus.isSticky ? (\n            <DropdownFooter content={dropdownStatus.content} hasItems={autosuggestItemsState.items.length >= 1} />\n          ) : null\n        }\n        dropdownWidth={customForm ? DROPDOWN_WIDTH_CUSTOM_FORM : DROPDOWN_WIDTH_OPTIONS_LIST}\n        dropdownContentFocusable={!!customForm}\n        onCloseDropdown={handleCloseDropdown}\n        onDelayedInput={handleDelayedInput}\n        onPressArrowDown={handlePressArrowDown}\n        onPressArrowUp={handlePressArrowUp}\n        onPressEnter={handlePressEnter}\n      />\n    );\n  }\n);\n\nexport default PropertyFilterAutosuggest;\n"]}

package/select/parts/trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.d.ts","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,wFAuDZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"trigger.d.ts","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzD,MAAM,WAAW,YAAa,SAAQ,+BAA+B;IACnE,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,wFAwDZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/select/parts/trigger.js

@@ -1,16 +1,17 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useMergeRefs } from '../../internal/hooks/use-merge-refs';
 import clsx from 'clsx';
 import ButtonTrigger from '../../internal/components/button-trigger';
 import styles from './styles.css.js';
 import Option from '../../internal/components/option';
-import { generateUniqueId } from '../../internal/hooks/use-unique-id';
+import { useUniqueId } from '../../internal/hooks/use-unique-id';
 import { joinStrings } from '../../internal/utils/strings';
 const Trigger = React.forwardRef(({ ariaLabelledby, ariaDescribedby, controlId, invalid, triggerProps, selectedOption, triggerVariant, inFilteringToken, isOpen, placeholder, disabled, }, ref) => {
-    const id = useMemo(() => controlId !== null && controlId !== void 0 ? controlId : generateUniqueId(), [controlId]);
-    const triggerContentId = generateUniqueId('trigger-content-');
+    const generatedId = useUniqueId();
+    const id = controlId !== null && controlId !== void 0 ? controlId : generatedId;
+    const triggerContentId = useUniqueId('trigger-content-');
     let triggerContent = null;
     if (!selectedOption) {
         triggerContent = (React.createElement("span", { "aria-disabled": "true", className: clsx(styles.placeholder, styles.trigger), id: triggerContentId }, placeholder));

package/select/parts/trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,aAAa,MAAM,0CAA0C,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,MAAM,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAY3D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,cAAc,EACd,eAAe,EACf,SAAS,EACT,OAAO,EACP,YAAY,EACZ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,QAAQ,GACK,EACf,GAAiC,EACjC,EAAE;IACF,MAAM,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,gBAAgB,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IAE9D,IAAI,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,cAAc,EAAE;QACnB,cAAc,GAAG,CACf,+CAAoB,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,gBAAgB,IACjG,WAAW,CACP,CACR,CAAC;KACH;SAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;QACtC,cAAc,GAAG,oBAAC,MAAM,IAAC,EAAE,EAAE,gBAAgB,EAAE,MAAM,kCAAO,cAAc,KAAE,QAAQ,KAAI,cAAc,EAAE,IAAI,GAAI,CAAC;KAClH;SAAM;QACL,cAAc,GAAG,CACf,8BAAM,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAClD,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CACxC,CACR,CAAC;KACH;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,oBACR,YAAY,IAChB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAE5D,cAAc,CACD,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport { SelectProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport Option from '../../internal/components/option';\nimport { generateUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport { joinStrings } from '../../internal/utils/strings';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n  placeholder: string | undefined;\n  disabled: boolean | undefined;\n  triggerProps: SelectTriggerProps;\n  selectedOption: OptionDefinition | null;\n  isOpen?: boolean;\n  triggerVariant?: SelectProps.TriggerVariant;\n  inFilteringToken?: boolean;\n}\n\nconst Trigger = React.forwardRef(\n  (\n    {\n      ariaLabelledby,\n      ariaDescribedby,\n      controlId,\n      invalid,\n      triggerProps,\n      selectedOption,\n      triggerVariant,\n      inFilteringToken,\n      isOpen,\n      placeholder,\n      disabled,\n    }: TriggerProps,\n    ref: React.Ref<HTMLButtonElement>\n  ) => {\n    const id = useMemo(() => controlId ?? generateUniqueId(), [controlId]);\n    const triggerContentId = generateUniqueId('trigger-content-');\n\n    let triggerContent = null;\n    if (!selectedOption) {\n      triggerContent = (\n        <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n          {placeholder}\n        </span>\n      );\n    } else if (triggerVariant === 'option') {\n      triggerContent = <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />;\n    } else {\n      triggerContent = (\n        <span id={triggerContentId} className={styles.trigger}>\n          {selectedOption.label || selectedOption.value}\n        </span>\n      );\n    }\n\n    const mergedRef = useMergeRefs(triggerProps.ref, ref);\n\n    return (\n      <ButtonTrigger\n        {...triggerProps}\n        id={id}\n        ref={mergedRef}\n        pressed={isOpen}\n        disabled={disabled}\n        invalid={invalid}\n        inFilteringToken={inFilteringToken}\n        ariaDescribedby={ariaDescribedby}\n        ariaLabelledby={joinStrings(ariaLabelledby, triggerContentId)}\n      >\n        {triggerContent}\n      </ButtonTrigger>\n    );\n  }\n);\n\nexport default Trigger;\n"]}
+{"version":3,"file":"trigger.js","sourceRoot":"lib/default/","sources":["select/parts/trigger.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,aAAa,MAAM,0CAA0C,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,MAAM,MAAM,kCAAkC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAY3D,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,cAAc,EACd,eAAe,EACf,SAAS,EACT,OAAO,EACP,YAAY,EACZ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,QAAQ,GACK,EACf,GAAiC,EACjC,EAAE;IACF,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,EAAE,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,WAAW,CAAC;IACpC,MAAM,gBAAgB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAEzD,IAAI,cAAc,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,cAAc,EAAE;QACnB,cAAc,GAAG,CACf,+CAAoB,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,gBAAgB,IACjG,WAAW,CACP,CACR,CAAC;KACH;SAAM,IAAI,cAAc,KAAK,QAAQ,EAAE;QACtC,cAAc,GAAG,oBAAC,MAAM,IAAC,EAAE,EAAE,gBAAgB,EAAE,MAAM,kCAAO,cAAc,KAAE,QAAQ,KAAI,cAAc,EAAE,IAAI,GAAI,CAAC;KAClH;SAAM;QACL,cAAc,GAAG,CACf,8BAAM,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAClD,cAAc,CAAC,KAAK,IAAI,cAAc,CAAC,KAAK,CACxC,CACR,CAAC;KACH;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,aAAa,oBACR,YAAY,IAChB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,WAAW,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAE5D,cAAc,CACD,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\nimport ButtonTrigger from '../../internal/components/button-trigger';\nimport { SelectProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { OptionDefinition } from '../../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport Option from '../../internal/components/option';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { SelectTriggerProps } from '../utils/use-select';\nimport { joinStrings } from '../../internal/utils/strings';\n\nexport interface TriggerProps extends FormFieldValidationControlProps {\n  placeholder: string | undefined;\n  disabled: boolean | undefined;\n  triggerProps: SelectTriggerProps;\n  selectedOption: OptionDefinition | null;\n  isOpen?: boolean;\n  triggerVariant?: SelectProps.TriggerVariant;\n  inFilteringToken?: boolean;\n}\n\nconst Trigger = React.forwardRef(\n  (\n    {\n      ariaLabelledby,\n      ariaDescribedby,\n      controlId,\n      invalid,\n      triggerProps,\n      selectedOption,\n      triggerVariant,\n      inFilteringToken,\n      isOpen,\n      placeholder,\n      disabled,\n    }: TriggerProps,\n    ref: React.Ref<HTMLButtonElement>\n  ) => {\n    const generatedId = useUniqueId();\n    const id = controlId ?? generatedId;\n    const triggerContentId = useUniqueId('trigger-content-');\n\n    let triggerContent = null;\n    if (!selectedOption) {\n      triggerContent = (\n        <span aria-disabled=\"true\" className={clsx(styles.placeholder, styles.trigger)} id={triggerContentId}>\n          {placeholder}\n        </span>\n      );\n    } else if (triggerVariant === 'option') {\n      triggerContent = <Option id={triggerContentId} option={{ ...selectedOption, disabled }} triggerVariant={true} />;\n    } else {\n      triggerContent = (\n        <span id={triggerContentId} className={styles.trigger}>\n          {selectedOption.label || selectedOption.value}\n        </span>\n      );\n    }\n\n    const mergedRef = useMergeRefs(triggerProps.ref, ref);\n\n    return (\n      <ButtonTrigger\n        {...triggerProps}\n        id={id}\n        ref={mergedRef}\n        pressed={isOpen}\n        disabled={disabled}\n        invalid={invalid}\n        inFilteringToken={inFilteringToken}\n        ariaDescribedby={ariaDescribedby}\n        ariaLabelledby={joinStrings(ariaLabelledby, triggerContentId)}\n      >\n        {triggerContent}\n      </ButtonTrigger>\n    );\n  }\n);\n\nexport default Trigger;\n"]}

package/table/header-cell/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_hh6b8_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_hh6b8_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_hh6b8_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_hh6b8_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_hh6b8_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_hh6b8_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_hh6b8_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_hh6b8_130",
-  "edit-icon": "awsui_edit-icon_1spae_hh6b8_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_hh6b8_143",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_hh6b8_172",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_hh6b8_190",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_hh6b8_190",
-  "header-cell-text": "awsui_header-cell-text_1spae_hh6b8_204",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_hh6b8_204",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_hh6b8_210",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_hh6b8_211",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_hh6b8_221",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_hh6b8_232"
+  "header-cell": "awsui_header-cell_1spae_5olvr_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_5olvr_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_5olvr_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_5olvr_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_5olvr_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_5olvr_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_5olvr_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_5olvr_133",
+  "edit-icon": "awsui_edit-icon_1spae_5olvr_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_5olvr_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_5olvr_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_5olvr_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_5olvr_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_5olvr_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_5olvr_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_5olvr_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_5olvr_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_5olvr_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_5olvr_241"
 };
   

package/table/header-cell/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_header-cell_1spae_hh6b8_93:not(#\9) {
+.awsui_header-cell_1spae_5olvr_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
@@ -102,63 +102,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_header-cell-sticky_1spae_hh6b8_105:not(#\9) {
+.awsui_header-cell-sticky_1spae_5olvr_105:not(#\9) {
   border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_header-cell-stuck_1spae_hh6b8_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_hh6b8_108) {
+.awsui_header-cell-stuck_1spae_5olvr_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_5olvr_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_hh6b8_108.awsui_header-cell-hidden_1spae_hh6b8_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_5olvr_108.awsui_header-cell-hidden_1spae_5olvr_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_hh6b8_93:not(#\9):last-child, .awsui_header-cell_1spae_hh6b8_93.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9) {
+.awsui_header-cell_1spae_5olvr_93:not(#\9):last-child, .awsui_header-cell_1spae_5olvr_93.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_hh6b8_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_5olvr_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
-  bottom: 25%;
-  height: 50%;
+  bottom: 0;
+  top: 0;
+  min-height: var(--font-heading-xs-line-height-5x131j, 18px);
+  max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
+  margin: auto;
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_hh6b8_126:not(#\9):not(:last-child):before {
+.awsui_header-cell-resizable_1spae_5olvr_129:not(#\9):not(:last-child):before {
   border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
 }
 
-.awsui_sorting-icon_1spae_hh6b8_130:not(#\9) {
+.awsui_sorting-icon_1spae_5olvr_133:not(#\9) {
   position: absolute;
-  top: var(--space-scaled-xxs-95dhkm, 4px);
+  top: 50%;
+  transform: translateY(-50%);
   right: var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
 }
 
-.awsui_edit-icon_1spae_hh6b8_137:not(#\9) {
+.awsui_edit-icon_1spae_5olvr_141:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
   margin-top: var(--space-scaled-xxs-95dhkm, 4px);
   color: inherit;
 }
 
-.awsui_header-cell-content_1spae_hh6b8_143:not(#\9) {
+.awsui_header-cell-content_1spae_5olvr_147:not(#\9) {
   position: relative;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_header-cell-sortable_1spae_hh6b8_114 > .awsui_header-cell-content_1spae_hh6b8_143:not(#\9) {
+.awsui_header-cell-sortable_1spae_5olvr_114 > .awsui_header-cell-content_1spae_5olvr_147:not(#\9) {
   padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
 }
-.awsui_header-cell-content_1spae_hh6b8_143:not(#\9):focus {
+.awsui_header-cell-content_1spae_5olvr_147:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_header-cell-content_1spae_hh6b8_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_5olvr_147[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_header-cell-content_1spae_hh6b8_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_5olvr_147[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_hh6b8_143[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_header-cell-content_1spae_5olvr_147[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,14 +173,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_header-cell-content_1spae_hh6b8_143.awsui_header-cell-fake-focus_1spae_hh6b8_172:not(#\9) {
+.awsui_header-cell-content_1spae_5olvr_147.awsui_header-cell-fake-focus_1spae_5olvr_176:not(#\9) {
   position: relative;
 }
-.awsui_header-cell-content_1spae_hh6b8_143.awsui_header-cell-fake-focus_1spae_hh6b8_172:not(#\9) {
+.awsui_header-cell-content_1spae_5olvr_147.awsui_header-cell-fake-focus_1spae_5olvr_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_hh6b8_143.awsui_header-cell-fake-focus_1spae_hh6b8_172:not(#\9)::before {
+.awsui_header-cell-content_1spae_5olvr_147.awsui_header-cell-fake-focus_1spae_5olvr_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -187,28 +191,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_header-cell-disabled_1spae_hh6b8_190.awsui_header-cell-sorted_1spae_hh6b8_190 > .awsui_header-cell-content_1spae_hh6b8_143 > .awsui_sorting-icon_1spae_hh6b8_130:not(#\9) {
+.awsui_header-cell-disabled_1spae_5olvr_194.awsui_header-cell-sorted_1spae_5olvr_194 > .awsui_header-cell-content_1spae_5olvr_147 > .awsui_sorting-icon_1spae_5olvr_133:not(#\9) {
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 
-.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190) > .awsui_header-cell-content_1spae_hh6b8_143 {
+.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194) > .awsui_header-cell-content_1spae_5olvr_147 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190) > .awsui_header-cell-content_1spae_hh6b8_143:hover, .awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190).awsui_header-cell-sorted_1spae_hh6b8_190 > .awsui_header-cell-content_1spae_hh6b8_143 {
+.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194) > .awsui_header-cell-content_1spae_5olvr_147:hover, .awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194).awsui_header-cell-sorted_1spae_5olvr_194 > .awsui_header-cell-content_1spae_5olvr_147 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190) > .awsui_header-cell-content_1spae_hh6b8_143:hover > .awsui_sorting-icon_1spae_hh6b8_130, .awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190).awsui_header-cell-sorted_1spae_hh6b8_190 > .awsui_header-cell-content_1spae_hh6b8_143 > .awsui_sorting-icon_1spae_hh6b8_130 {
+.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194) > .awsui_header-cell-content_1spae_5olvr_147:hover > .awsui_sorting-icon_1spae_5olvr_133, .awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194).awsui_header-cell-sorted_1spae_5olvr_194 > .awsui_header-cell-content_1spae_5olvr_147 > .awsui_sorting-icon_1spae_5olvr_133 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
 
-.awsui_header-cell-text_1spae_hh6b8_204:not(#\9):not(.awsui_header-cell-text-wrap_1spae_hh6b8_204) {
+.awsui_header-cell-text_1spae_5olvr_208:not(#\9) {
+  line-height: var(--font-heading-xs-line-height-5x131j, 18px);
+  padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
+  padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
+}
+.awsui_header-cell-text_1spae_5olvr_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_5olvr_213) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_hh6b8_210:not(#\9),
-.awsui_header-cell-descending_1spae_hh6b8_211:not(#\9) {
+.awsui_header-cell-ascending_1spae_5olvr_219:not(#\9),
+.awsui_header-cell-descending_1spae_5olvr_220:not(#\9) {
   /* used in test-utils */
 }
 
@@ -218,26 +227,26 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_hh6b8_93:not(#\9):not(.awsui_is-visual-refresh_1spae_hh6b8_221):first-child {
+.awsui_header-cell_1spae_5olvr_93:not(#\9):not(.awsui_is-visual-refresh_1spae_5olvr_230):first-child {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9) {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9) {
   /*
   Striped rows requires additional left padding because the
   shaded background makes the child content appear too close
   to the table edge.
   */
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_hh6b8_232) {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_5olvr_241) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):first-child.awsui_has-striped-rows_1spae_hh6b8_232 {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):first-child.awsui_has-striped-rows_1spae_5olvr_241 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):first-child > .awsui_header-cell-content_1spae_hh6b8_143 {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):first-child > .awsui_header-cell-content_1spae_5olvr_147 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):last-child.awsui_header-cell-sortable_1spae_hh6b8_114 {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_5olvr_114 {
   padding-right: var(--space-xxxs-k2w98v, 2px);
 }

package/table/header-cell/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_hh6b8_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_hh6b8_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_hh6b8_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_hh6b8_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_hh6b8_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_hh6b8_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_hh6b8_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_hh6b8_130",
-  "edit-icon": "awsui_edit-icon_1spae_hh6b8_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_hh6b8_143",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_hh6b8_172",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_hh6b8_190",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_hh6b8_190",
-  "header-cell-text": "awsui_header-cell-text_1spae_hh6b8_204",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_hh6b8_204",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_hh6b8_210",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_hh6b8_211",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_hh6b8_221",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_hh6b8_232"
+  "header-cell": "awsui_header-cell_1spae_5olvr_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_5olvr_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_5olvr_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_5olvr_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_5olvr_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_5olvr_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_5olvr_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_5olvr_133",
+  "edit-icon": "awsui_edit-icon_1spae_5olvr_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_5olvr_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_5olvr_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_5olvr_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_5olvr_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_5olvr_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_5olvr_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_5olvr_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_5olvr_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_5olvr_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_5olvr_241"
 };
   

package/table/resizer/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_174hd_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_174hd_93",
-  "resizer": "awsui_resizer_x7peu_174hd_98",
-  "resizer-active": "awsui_resizer-active_x7peu_174hd_114",
-  "has-focus": "awsui_has-focus_x7peu_174hd_123",
-  "tracker": "awsui_tracker_x7peu_174hd_146"
+  "resize-active": "awsui_resize-active_x7peu_1nqyy_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1nqyy_93",
+  "resizer": "awsui_resizer_x7peu_1nqyy_98",
+  "resizer-active": "awsui_resizer-active_x7peu_1nqyy_114",
+  "has-focus": "awsui_has-focus_x7peu_1nqyy_126",
+  "tracker": "awsui_tracker_x7peu_1nqyy_149"
 };
   

package/table/resizer/styles.scoped.css

@@ -90,13 +90,13 @@ 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_resize-active_x7peu_174hd_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_174hd_93) * {
+.awsui_resize-active_x7peu_1nqyy_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1nqyy_93) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-.awsui_resizer_x7peu_174hd_98:not(#\9) {
+.awsui_resizer_x7peu_1nqyy_98:not(#\9) {
   bottom: 0;
   cursor: col-resize;
   position: absolute;
@@ -105,31 +105,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: var(--space-l-4vl6xu, 20px);
   z-index: 10;
 }
-.awsui_resize-active_x7peu_174hd_93 .awsui_resizer_x7peu_174hd_98:not(#\9) {
+.awsui_resize-active_x7peu_1nqyy_93 .awsui_resizer_x7peu_1nqyy_98:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_174hd_98 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_1nqyy_98 {
   width: calc(var(--space-l-4vl6xu, 20px) / 2);
   right: 0;
 }
-th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_174hd_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_174hd_114::before {
+th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1nqyy_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1nqyy_114::before {
   content: "";
   position: absolute;
   left: calc(var(--space-l-4vl6xu, 20px) / 2 - 2px);
-  bottom: 25%;
-  height: 50%;
-  box-sizing: border-box;
+  bottom: 0;
+  top: 0;
+  min-height: var(--font-heading-xs-line-height-5x131j, 18px);
+  max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
+  margin: auto;
   border-left: 2px solid var(--color-border-divider-active-nnnfx9, #7d8998);
+  box-sizing: border-box;
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9) {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9) {
   position: relative;
   position: absolute;
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9) {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9)::before {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -140,11 +143,11 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_174hd_98:hover::before, th:n
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9)::before {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9)::before {
   box-shadow: inset 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_tracker_x7peu_174hd_146:not(#\9) {
+.awsui_tracker_x7peu_1nqyy_149:not(#\9) {
   display: none;
   position: absolute;
   border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-nnnfx9, #7d8998);
@@ -152,6 +155,6 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_174hd_98:hover::before, th:n
   top: 0;
   bottom: 0;
 }
-.awsui_resize-active_x7peu_174hd_93 .awsui_tracker_x7peu_174hd_146:not(#\9) {
+.awsui_resize-active_x7peu_1nqyy_93 .awsui_tracker_x7peu_1nqyy_149:not(#\9) {
   display: block;
 }

package/table/resizer/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_174hd_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_174hd_93",
-  "resizer": "awsui_resizer_x7peu_174hd_98",
-  "resizer-active": "awsui_resizer-active_x7peu_174hd_114",
-  "has-focus": "awsui_has-focus_x7peu_174hd_123",
-  "tracker": "awsui_tracker_x7peu_174hd_146"
+  "resize-active": "awsui_resize-active_x7peu_1nqyy_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1nqyy_93",
+  "resizer": "awsui_resizer_x7peu_1nqyy_98",
+  "resizer-active": "awsui_resizer-active_x7peu_1nqyy_114",
+  "has-focus": "awsui_has-focus_x7peu_1nqyy_126",
+  "tracker": "awsui_tracker_x7peu_1nqyy_149"
 };