@cloudscape-design/components-themeable 3.0.288 → 3.0.290

package/lib/internal/template/select/utils/use-select.js

@@ -9,7 +9,7 @@ import useForwardFocus from '../../internal/hooks/forward-focus';
 import { usePrevious } from '../../internal/hooks/use-previous';
 import { fireNonCancelableEvent } from '../../internal/events';
 import { useUniqueId } from '../../internal/hooks/use-unique-id';
-export function useSelect({ selectedOptions, updateSelectedOption, options, filteringType, onBlur, onFocus, externalRef, keepOpen, fireLoadItems, setFilteringValue, useInteractiveGroups = false, }) {
+export function useSelect({ selectedOptions, updateSelectedOption, options, filteringType, onBlur, onFocus, externalRef, keepOpen, fireLoadItems, setFilteringValue, useInteractiveGroups = false, statusType, }) {
     const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;
     const isHighlightable = (option) => !!option && (useInteractiveGroups || option.type !== 'parent');
     const filterRef = useRef(null);
@@ -126,6 +126,7 @@ export function useSelect({ selectedOptions, updateSelectedOption, options, filt
                     setHighlightedIndexWithMouse(itemIndex);
                 }
             },
+            statusType,
         };
         if (!hasFilter) {
             menuProps.onKeyDown = activeKeyDownHandler;

package/lib/internal/template/select/utils/use-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","sourceRoot":"lib/default/","sources":["select/utils/use-select.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport { DropdownProps } from '../../internal/components/dropdown/interfaces';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef } from 'react';\nimport { useHighlightedOption } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail, NonCancelableEventHandler, fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n  selectedOptions: ReadonlyArray<OptionDefinition>;\n  updateSelectedOption: (option: OptionDefinition) => void;\n  options: ReadonlyArray<DropdownOption>;\n  filteringType: string;\n  keepOpen?: boolean;\n  onBlur?: NonCancelableEventHandler;\n  onFocus?: NonCancelableEventHandler;\n  externalRef: React.Ref<any>;\n  fireLoadItems: (filteringText: string) => void;\n  setFilteringValue: (filteringText: string) => void;\n  useInteractiveGroups?: boolean;\n}\n\nexport interface SelectTriggerProps {\n  ref: RefObject<HTMLButtonElement>;\n  onMouseDown?: (event: CustomEvent) => void;\n  onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n  onFocus: NonCancelableEventHandler;\n  autoFocus?: boolean;\n}\n\nexport function useSelect({\n  selectedOptions,\n  updateSelectedOption,\n  options,\n  filteringType,\n  onBlur,\n  onFocus,\n  externalRef,\n  keepOpen,\n  fireLoadItems,\n  setFilteringValue,\n  useInteractiveGroups = false,\n}: UseSelectProps) {\n  const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n  const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n\n  const filterRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const hasFilter = filteringType !== 'none';\n  const activeRef = hasFilter ? filterRef : menuRef;\n  const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n  const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n    if (item.value) {\n      selectedValuesSet.add(item.value);\n    }\n    return selectedValuesSet;\n  }, new Set<string>());\n  const [\n    { highlightType, highlightedOption, highlightedIndex },\n    {\n      moveHighlightWithKeyboard,\n      resetHighlightWithKeyboard,\n      setHighlightedIndexWithMouse,\n      highlightOptionWithKeyboard,\n      goHomeWithKeyboard,\n      goEndWithKeyboard,\n    },\n  ] = useHighlightedOption({ options, isHighlightable });\n\n  const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n    onOpen: () => fireLoadItems(''),\n    onClose: () => {\n      resetHighlightWithKeyboard();\n      setFilteringValue('');\n    },\n  });\n\n  const handleFocus = () => {\n    fireNonCancelableEvent(onFocus, {});\n  };\n\n  const handleBlur = () => {\n    fireNonCancelableEvent(onBlur, {});\n    closeDropdown();\n  };\n\n  const hasSelectedOption = __selectedOptions.length > 0;\n  const menuId = useUniqueId('option-list');\n  const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n  const selectOption = (option?: DropdownOption) => {\n    const optionToSelect = option || highlightedOption;\n    if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n      return;\n    }\n    updateSelectedOption(optionToSelect.option);\n    if (!keepOpen) {\n      triggerRef.current?.focus();\n      closeDropdown();\n    }\n  };\n\n  const activeKeyDownHandler = useMenuKeyboard({\n    moveHighlight: moveHighlightWithKeyboard,\n    selectOption,\n    goHome: goHomeWithKeyboard,\n    goEnd: goEndWithKeyboard,\n    closeDropdown: () => {\n      triggerRef.current?.focus();\n      closeDropdown();\n    },\n    preventNativeSpace: !hasFilter,\n  });\n\n  const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome: goHomeWithKeyboard });\n\n  const getDropdownProps: () => Pick<DropdownProps, 'onFocus' | 'onBlur'> = () => ({\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n  });\n\n  const getTriggerProps = (disabled = false, autoFocus = false) => {\n    const triggerProps: SelectTriggerProps = {\n      ref: triggerRef,\n      onFocus: () => closeDropdown(),\n      autoFocus,\n    };\n    if (!disabled) {\n      triggerProps.onMouseDown = (event: CustomEvent) => {\n        event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n        if (isOpen) {\n          triggerRef.current?.focus();\n        }\n        toggleDropdown();\n      };\n      triggerProps.onKeyDown = triggerKeyDownHandler;\n    }\n    return triggerProps;\n  };\n\n  const getFilterProps = (): Partial<FilterProps> => {\n    if (!hasFilter) {\n      return {};\n    }\n\n    return {\n      ref: filterRef,\n      onKeyDown: activeKeyDownHandler,\n      onChange: event => {\n        setFilteringValue(event.detail.value);\n        resetHighlightWithKeyboard();\n      },\n      __onDelayedInput: event => {\n        fireLoadItems(event.detail.value);\n      },\n      __nativeAttributes: {\n        'aria-activedescendant': highlightedOptionId,\n        ['aria-owns']: menuId,\n        ['aria-controls']: menuId,\n      },\n    };\n  };\n\n  const getMenuProps = () => {\n    const menuProps: MenuProps = {\n      id: menuId,\n      ref: menuRef,\n      open: isOpen,\n      onMouseUp: itemIndex => {\n        if (itemIndex > -1) {\n          selectOption(options[itemIndex]);\n        }\n      },\n      onMouseMove: itemIndex => {\n        if (itemIndex > -1) {\n          setHighlightedIndexWithMouse(itemIndex);\n        }\n      },\n    };\n    if (!hasFilter) {\n      menuProps.onKeyDown = activeKeyDownHandler;\n      menuProps.nativeAttributes = {\n        'aria-activedescendant': highlightedOptionId,\n      };\n    }\n    return menuProps;\n  };\n  const getGroupState = (option: OptionGroup) => {\n    const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n    const hasSelected = totalSelected > 0;\n    const allSelected = totalSelected === option.options.length;\n    return {\n      selected: hasSelected && allSelected,\n      indeterminate: hasSelected && !allSelected,\n    };\n  };\n\n  const getOptionProps = (option: DropdownOption, index: number) => {\n    const highlighted = option === highlightedOption;\n    const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n    const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n    const nextOption = options[index + 1]?.option;\n    const isNextSelected =\n      !!nextOption && isGroup(nextOption)\n        ? getGroupState(nextOption).selected\n        : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n    const optionProps: any = {\n      key: index,\n      option,\n      highlighted,\n      selected,\n      isNextSelected,\n      indeterminate: !!groupState?.indeterminate,\n      ['data-mouse-target']: isHighlightable(option) ? index : -1,\n      id: getOptionId(menuId, index),\n    };\n\n    return optionProps;\n  };\n\n  const prevOpen = usePrevious<boolean>(isOpen);\n  useEffect(() => {\n    // highlight the first selected option, when opening the Select component without filter input\n    // keep the focus in the filter input when opening, so that screenreader can recognize the combobox\n    if (isOpen && !prevOpen && hasSelectedOption && !hasFilter) {\n      setHighlightedIndexWithMouse(options.indexOf(__selectedOptions[0]));\n    }\n  }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndexWithMouse, options, prevOpen, hasFilter]);\n\n  useEffect(() => {\n    if (isOpen) {\n      // dropdown-fit calculations ensure that the dropdown will fit inside the current\n      // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n      // scroll-padding-top is set on a parent)\n      activeRef.current?.focus({ preventScroll: true });\n    }\n  }, [isOpen, activeRef]);\n\n  useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n  const highlightedGroupSelected =\n    !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n  const announceSelected =\n    !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n  return {\n    isOpen,\n    highlightedOption,\n    highlightedIndex,\n    highlightType,\n    getTriggerProps,\n    getDropdownProps,\n    getMenuProps,\n    getFilterProps,\n    getOptionProps,\n    highlightOption: highlightOptionWithKeyboard,\n    selectOption,\n    announceSelected,\n  };\n}\n"]}
+{"version":3,"file":"use-select.js","sourceRoot":"lib/default/","sources":["select/utils/use-select.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject } from 'react';\nimport { DropdownProps } from '../../internal/components/dropdown/interfaces';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef } from 'react';\nimport { useHighlightedOption } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail, NonCancelableEventHandler, fireNonCancelableEvent } from '../../internal/events';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { DropdownStatusProps } from '../../internal/components/dropdown-status';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n  selectedOptions: ReadonlyArray<OptionDefinition>;\n  updateSelectedOption: (option: OptionDefinition) => void;\n  options: ReadonlyArray<DropdownOption>;\n  filteringType: string;\n  keepOpen?: boolean;\n  onBlur?: NonCancelableEventHandler;\n  onFocus?: NonCancelableEventHandler;\n  externalRef: React.Ref<any>;\n  fireLoadItems: (filteringText: string) => void;\n  setFilteringValue: (filteringText: string) => void;\n  useInteractiveGroups?: boolean;\n  statusType: DropdownStatusProps.StatusType;\n}\n\nexport interface SelectTriggerProps {\n  ref: RefObject<HTMLButtonElement>;\n  onMouseDown?: (event: CustomEvent) => void;\n  onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n  onFocus: NonCancelableEventHandler;\n  autoFocus?: boolean;\n}\n\nexport function useSelect({\n  selectedOptions,\n  updateSelectedOption,\n  options,\n  filteringType,\n  onBlur,\n  onFocus,\n  externalRef,\n  keepOpen,\n  fireLoadItems,\n  setFilteringValue,\n  useInteractiveGroups = false,\n  statusType,\n}: UseSelectProps) {\n  const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n  const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n\n  const filterRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const hasFilter = filteringType !== 'none';\n  const activeRef = hasFilter ? filterRef : menuRef;\n  const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n  const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n    if (item.value) {\n      selectedValuesSet.add(item.value);\n    }\n    return selectedValuesSet;\n  }, new Set<string>());\n  const [\n    { highlightType, highlightedOption, highlightedIndex },\n    {\n      moveHighlightWithKeyboard,\n      resetHighlightWithKeyboard,\n      setHighlightedIndexWithMouse,\n      highlightOptionWithKeyboard,\n      goHomeWithKeyboard,\n      goEndWithKeyboard,\n    },\n  ] = useHighlightedOption({ options, isHighlightable });\n\n  const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n    onOpen: () => fireLoadItems(''),\n    onClose: () => {\n      resetHighlightWithKeyboard();\n      setFilteringValue('');\n    },\n  });\n\n  const handleFocus = () => {\n    fireNonCancelableEvent(onFocus, {});\n  };\n\n  const handleBlur = () => {\n    fireNonCancelableEvent(onBlur, {});\n    closeDropdown();\n  };\n\n  const hasSelectedOption = __selectedOptions.length > 0;\n  const menuId = useUniqueId('option-list');\n  const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n  const selectOption = (option?: DropdownOption) => {\n    const optionToSelect = option || highlightedOption;\n    if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n      return;\n    }\n    updateSelectedOption(optionToSelect.option);\n    if (!keepOpen) {\n      triggerRef.current?.focus();\n      closeDropdown();\n    }\n  };\n\n  const activeKeyDownHandler = useMenuKeyboard({\n    moveHighlight: moveHighlightWithKeyboard,\n    selectOption,\n    goHome: goHomeWithKeyboard,\n    goEnd: goEndWithKeyboard,\n    closeDropdown: () => {\n      triggerRef.current?.focus();\n      closeDropdown();\n    },\n    preventNativeSpace: !hasFilter,\n  });\n\n  const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome: goHomeWithKeyboard });\n\n  const getDropdownProps: () => Pick<DropdownProps, 'onFocus' | 'onBlur'> = () => ({\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n  });\n\n  const getTriggerProps = (disabled = false, autoFocus = false) => {\n    const triggerProps: SelectTriggerProps = {\n      ref: triggerRef,\n      onFocus: () => closeDropdown(),\n      autoFocus,\n    };\n    if (!disabled) {\n      triggerProps.onMouseDown = (event: CustomEvent) => {\n        event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n        if (isOpen) {\n          triggerRef.current?.focus();\n        }\n        toggleDropdown();\n      };\n      triggerProps.onKeyDown = triggerKeyDownHandler;\n    }\n    return triggerProps;\n  };\n\n  const getFilterProps = (): Partial<FilterProps> => {\n    if (!hasFilter) {\n      return {};\n    }\n\n    return {\n      ref: filterRef,\n      onKeyDown: activeKeyDownHandler,\n      onChange: event => {\n        setFilteringValue(event.detail.value);\n        resetHighlightWithKeyboard();\n      },\n      __onDelayedInput: event => {\n        fireLoadItems(event.detail.value);\n      },\n      __nativeAttributes: {\n        'aria-activedescendant': highlightedOptionId,\n        ['aria-owns']: menuId,\n        ['aria-controls']: menuId,\n      },\n    };\n  };\n\n  const getMenuProps = () => {\n    const menuProps: MenuProps = {\n      id: menuId,\n      ref: menuRef,\n      open: isOpen,\n      onMouseUp: itemIndex => {\n        if (itemIndex > -1) {\n          selectOption(options[itemIndex]);\n        }\n      },\n      onMouseMove: itemIndex => {\n        if (itemIndex > -1) {\n          setHighlightedIndexWithMouse(itemIndex);\n        }\n      },\n      statusType,\n    };\n    if (!hasFilter) {\n      menuProps.onKeyDown = activeKeyDownHandler;\n      menuProps.nativeAttributes = {\n        'aria-activedescendant': highlightedOptionId,\n      };\n    }\n    return menuProps;\n  };\n  const getGroupState = (option: OptionGroup) => {\n    const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n    const hasSelected = totalSelected > 0;\n    const allSelected = totalSelected === option.options.length;\n    return {\n      selected: hasSelected && allSelected,\n      indeterminate: hasSelected && !allSelected,\n    };\n  };\n\n  const getOptionProps = (option: DropdownOption, index: number) => {\n    const highlighted = option === highlightedOption;\n    const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n    const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n    const nextOption = options[index + 1]?.option;\n    const isNextSelected =\n      !!nextOption && isGroup(nextOption)\n        ? getGroupState(nextOption).selected\n        : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n    const optionProps: any = {\n      key: index,\n      option,\n      highlighted,\n      selected,\n      isNextSelected,\n      indeterminate: !!groupState?.indeterminate,\n      ['data-mouse-target']: isHighlightable(option) ? index : -1,\n      id: getOptionId(menuId, index),\n    };\n\n    return optionProps;\n  };\n\n  const prevOpen = usePrevious<boolean>(isOpen);\n  useEffect(() => {\n    // highlight the first selected option, when opening the Select component without filter input\n    // keep the focus in the filter input when opening, so that screenreader can recognize the combobox\n    if (isOpen && !prevOpen && hasSelectedOption && !hasFilter) {\n      setHighlightedIndexWithMouse(options.indexOf(__selectedOptions[0]));\n    }\n  }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndexWithMouse, options, prevOpen, hasFilter]);\n\n  useEffect(() => {\n    if (isOpen) {\n      // dropdown-fit calculations ensure that the dropdown will fit inside the current\n      // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n      // scroll-padding-top is set on a parent)\n      activeRef.current?.focus({ preventScroll: true });\n    }\n  }, [isOpen, activeRef]);\n\n  useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n  const highlightedGroupSelected =\n    !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n  const announceSelected =\n    !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n  return {\n    isOpen,\n    highlightedOption,\n    highlightedIndex,\n    highlightType,\n    getTriggerProps,\n    getDropdownProps,\n    getMenuProps,\n    getFilterProps,\n    getOptionProps,\n    highlightOption: highlightOptionWithKeyboard,\n    selectOption,\n    announceSelected,\n  };\n}\n"]}

package/lib/internal/template/table/body-cell/styles.css.js

@@ -1,28 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "body-cell": "awsui_body-cell_c6tup_1kk8d_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1kk8d_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1kk8d_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1kk8d_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1kk8d_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1kk8d_130",
-  "has-selection": "awsui_has-selection_c6tup_1kk8d_136",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1kk8d_142",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1kk8d_145",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1kk8d_145",
-  "has-footer": "awsui_has-footer_c6tup_1kk8d_145",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1kk8d_155",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1kk8d_177",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1kk8d_181",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1kk8d_205",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1kk8d_205",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1kk8d_227",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1kk8d_227",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1kk8d_236",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1kk8d_236",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1kk8d_246",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1kk8d_246",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1kk8d_259"
+  "body-cell": "awsui_body-cell_c6tup_acs3p_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_acs3p_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_acs3p_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_acs3p_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_acs3p_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_acs3p_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_acs3p_136",
+  "has-selection": "awsui_has-selection_c6tup_acs3p_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_acs3p_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_acs3p_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_acs3p_148",
+  "has-footer": "awsui_has-footer_c6tup_acs3p_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_acs3p_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_acs3p_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_acs3p_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_acs3p_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_acs3p_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_acs3p_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_acs3p_231",
+  "body-cell-success": "awsui_body-cell-success_c6tup_acs3p_255",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_acs3p_255",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_acs3p_277",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_acs3p_277",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_acs3p_286",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_acs3p_286",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_acs3p_296",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_acs3p_296",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_acs3p_315"
 };
   

package/lib/internal/template/table/body-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_body-cell_c6tup_1kk8d_93:not(#\9) {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px) calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   font-weight: inherit;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_1kk8d_103) {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_acs3p_103) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child {
   border-left: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):last-child {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):last-child {
   border-right: var(--border-item-width-yvnixs, 1px) solid transparent;
   padding-right: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
@@ -124,85 +124,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     that the placeholder border would consume.
     */
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130).awsui_body-cell-editable_c6tup_1kk8d_130:hover {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127):not(.awsui_body-cell-edit-active_c6tup_acs3p_130).awsui_body-cell-editable_c6tup_acs3p_130:hover {
   padding-left: calc(var(--space-xxxs-k2w98v, 2px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_1kk8d_127 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_acs3p_127 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_1kk8d_136):not(.awsui_body-cell-editable_c6tup_1kk8d_130) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_acs3p_136 {
+  padding-left: var(--space-table-horizontal-njdbej, 0px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_acs3p_139):not(.awsui_body-cell-editable_c6tup_acs3p_130) {
   border-left: none;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_1kk8d_115) {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_acs3p_115) {
   padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
 }
-.awsui_body-cell-first-row_c6tup_1kk8d_142:not(#\9) {
+.awsui_body-cell-first-row_c6tup_acs3p_145:not(#\9) {
   border-top: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_1kk8d_145:not(#\9):not(.awsui_body-cell-selected_c6tup_1kk8d_145):not(.awsui_has-footer_c6tup_1kk8d_145) {
+.awsui_body-cell-last-row_c6tup_acs3p_148:not(#\9):not(.awsui_body-cell-selected_c6tup_acs3p_148):not(.awsui_has-footer_c6tup_acs3p_148) {
   border-bottom: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_1kk8d_145:not(#\9):not(.awsui_body-cell-selected_c6tup_1kk8d_145).awsui_has-footer_c6tup_1kk8d_145 {
+.awsui_body-cell-last-row_c6tup_acs3p_148:not(#\9):not(.awsui_body-cell-selected_c6tup_acs3p_148).awsui_has-footer_c6tup_acs3p_148 {
   /*
   Add a bottom border to the body cells of the last row as a separator between the
   table and the footer
   */
   border-bottom: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_body-cell-shaded_c6tup_1kk8d_155:not(#\9) {
+.awsui_body-cell-shaded_c6tup_acs3p_158:not(#\9) {
   background: var(--color-background-cell-shaded-y6pwcp, #f2f3f3);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9) {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9) {
   background-color: var(--color-background-item-selected-fva7ca, #f1faff);
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   padding-bottom: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):first-child {
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   border-radius: var(--border-radius-item-wjpc1f, 0px) 0 0 var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):last-child {
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   border-radius: 0 var(--border-radius-item-wjpc1f, 0px) var(--border-radius-item-wjpc1f, 0px) 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):not(:first-child) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  position: sticky;
+  background: var(--color-background-container-content-o88wxm, #ffffff);
+  z-index: 798;
+  transition-property: padding;
+  transition-duration: var(--motion-duration-transition-show-quick-w3nd9c, 90ms);
+  transition-timing-function: var(--motion-easing-sticky-ckeqjc, ease-out);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell-pad-left_c6tup_acs3p_183:not(#\9):not(.awsui_has-selection_c6tup_acs3p_139):not(.awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:first-child.awsui_has-striped-rows_c6tup_acs3p_127) {
+  padding-left: var(--space-table-horizontal-njdbej, 0px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-shaded_c6tup_acs3p_158:not(#\9) {
+  background: var(--color-background-cell-shaded-y6pwcp, #f2f3f3);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9) {
+  background-color: var(--color-background-item-selected-fva7ca, #f1faff);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):first-child {
+  box-shadow: 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
+  clip-path: inset(0 0 0 0);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):last-child {
+  box-shadow: 4px 0 0 0 var(--color-background-container-content-o88wxm, #ffffff);
+  clip-path: inset(0 0 0 0);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_acs3p_200 {
+  box-shadow: var(--shadow-sticky-column-last-ew47wj, -4px 0 8px 0 rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-o88wxm, #ffffff);
+  clip-path: inset(0 0 0 -24px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell-last-left_c6tup_acs3p_204:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-first-wg40pz, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
+  clip-path: inset(0px -24px 0px 0px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell-last-right_c6tup_acs3p_200:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-last-ew47wj, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
+  clip-path: inset(0 0 0 -24px);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):not(:first-child) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
 );
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):not(.awsui_body-cell-selected_c6tup_1kk8d_145).awsui_body-cell-next-selected_c6tup_1kk8d_177 {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):not(.awsui_body-cell-selected_c6tup_acs3p_148).awsui_body-cell-next-selected_c6tup_acs3p_227 {
   border-bottom: 0;
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-prev-selected_c6tup_1kk8d_181:not(#\9) {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-prev-selected_c6tup_acs3p_231:not(#\9) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
 );
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-item-placeholder-wtgwev, transparent);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-next-selected_c6tup_1kk8d_177:not(#\9) {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-next-selected_c6tup_acs3p_227:not(#\9) {
   border-bottom-width: var(--border-divider-list-width-hacikr, 1px);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-next-selected_c6tup_1kk8d_177:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-next-selected_c6tup_acs3p_227:not(#\9):first-child {
   border-bottom-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-next-selected_c6tup_1kk8d_177:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-next-selected_c6tup_acs3p_227:not(#\9):last-child {
   border-bottom-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-prev-selected_c6tup_1kk8d_181:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-prev-selected_c6tup_acs3p_231:not(#\9):first-child {
   border-top-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-prev-selected_c6tup_1kk8d_181:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-prev-selected_c6tup_acs3p_231:not(#\9):last-child {
   border-top-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_1kk8d_181) {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_acs3p_231) {
   padding-top: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-success_c6tup_1kk8d_205:not(#\9), .awsui_body-cell-editor_c6tup_1kk8d_205:not(#\9) {
+.awsui_body-cell-success_c6tup_acs3p_255:not(#\9), .awsui_body-cell-editor_c6tup_acs3p_255:not(#\9) {
   top: 0;
   right: 0;
   bottom: 0;
@@ -218,62 +268,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: calc(var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px));
   color: var(--color-text-button-normal-default-kwrutp, #545b64);
 }
-.awsui_body-cell-success_c6tup_1kk8d_205:not(#\9):hover, .awsui_body-cell-editor_c6tup_1kk8d_205:not(#\9):hover {
+.awsui_body-cell-success_c6tup_acs3p_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_acs3p_255:not(#\9):hover {
   color: var(--color-text-button-normal-hover-de4793, #16191f);
 }
-.awsui_body-cell-success_c6tup_1kk8d_205:not(#\9):active, .awsui_body-cell-editor_c6tup_1kk8d_205:not(#\9):active {
+.awsui_body-cell-success_c6tup_acs3p_255:not(#\9):active, .awsui_body-cell-editor_c6tup_acs3p_255:not(#\9):active {
   color: var(--color-text-button-normal-active-hvhe2o, #16191f);
 }
-.awsui_body-cell-success-form_c6tup_1kk8d_227:not(#\9), .awsui_body-cell-editor-form_c6tup_1kk8d_227:not(#\9) {
+.awsui_body-cell-success-form_c6tup_acs3p_277:not(#\9), .awsui_body-cell-editor-form_c6tup_acs3p_277:not(#\9) {
   margin: calc(-1 * var(--space-xs-rsr2qu, 8px)) calc(-1.5 * var(--space-xs-rsr2qu, 8px));
 }
-.awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1kk8d_127 > .awsui_body-cell-success-form_c6tup_1kk8d_227, .awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1kk8d_127 > .awsui_body-cell-editor-form_c6tup_1kk8d_227 {
+.awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_acs3p_127 > .awsui_body-cell-success-form_c6tup_acs3p_277, .awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_acs3p_127 > .awsui_body-cell-editor-form_c6tup_acs3p_277 {
   margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
 }
-.awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127) > .awsui_body-cell-success-form_c6tup_1kk8d_227, .awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127) > .awsui_body-cell-editor-form_c6tup_1kk8d_227 {
+.awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127) > .awsui_body-cell-success-form_c6tup_acs3p_277, .awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127) > .awsui_body-cell-editor-form_c6tup_acs3p_277 {
   margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
 }
-.awsui_body-cell-success-row_c6tup_1kk8d_236:not(#\9), .awsui_body-cell-editor-row_c6tup_1kk8d_236:not(#\9) {
+.awsui_body-cell-success-row_c6tup_acs3p_286:not(#\9), .awsui_body-cell-editor-row_c6tup_acs3p_286:not(#\9) {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
   column-gap: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_body-cell-success-row_c6tup_1kk8d_236 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_1kk8d_236 > :not(#\9):not(:last-child) {
+.awsui_body-cell-success-row_c6tup_acs3p_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_acs3p_286 > :not(#\9):not(:last-child) {
   flex-grow: 1;
 }
-.awsui_body-cell-success-controls_c6tup_1kk8d_246:not(#\9), .awsui_body-cell-editor-controls_c6tup_1kk8d_246:not(#\9) {
+.awsui_body-cell-success-controls_c6tup_acs3p_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_acs3p_296:not(#\9) {
   flex-shrink: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9) {
   position: relative;
   cursor: pointer;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_body-cell-edit-active_c6tup_1kk8d_130:not(#\9) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  position: sticky;
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130.awsui_body-cell-edit-active_c6tup_acs3p_130:not(#\9) {
   overflow: visible;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130) > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130.awsui_body-cell-edit-active_c6tup_acs3p_130.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  position: sticky;
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130) > .awsui_body-cell-editor_c6tup_acs3p_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130).awsui_body-cell-has-success_c6tup_1kk8d_259 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130).awsui_body-cell-has-success_c6tup_acs3p_315 {
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within {
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
   position: relative;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within > .awsui_body-cell-editor_c6tup_acs3p_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within > .awsui_body-cell-success_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within > .awsui_body-cell-success_c6tup_acs3p_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)) - 1px);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within::before {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within::before {
   content: " ";
   display: block;
   position: absolute;
@@ -284,7 +340,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover {
   position: relative;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
   border: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-control-default-bwkbmv, #879596);
@@ -292,38 +348,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-divider-list-width-hacikr, 1px));
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover > .awsui_body-cell-editor_c6tup_acs3p_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover > .awsui_body-cell-success_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover > .awsui_body-cell-success_c6tup_acs3p_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover:first-child {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover:first-child {
   left: 0;
   right: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover > .awsui_body-cell-editor_c6tup_acs3p_255 {
   padding-right: calc(var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px) - (2 * var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-last-row_c6tup_1kk8d_145.awsui_body-cell-selected_c6tup_1kk8d_145, .awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-next-selected_c6tup_1kk8d_177 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-last-row_c6tup_acs3p_148.awsui_body-cell-selected_c6tup_acs3p_148, .awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-next-selected_c6tup_acs3p_227 {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px) / 2));
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px) / 2));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-last-row_c6tup_1kk8d_145:not(.awsui_body-cell-selected_c6tup_1kk8d_145) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-last-row_c6tup_acs3p_148:not(.awsui_body-cell-selected_c6tup_acs3p_148) {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-first-row_c6tup_1kk8d_142:not(.awsui_body-cell-selected_c6tup_1kk8d_145) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-first-row_c6tup_acs3p_145:not(.awsui_body-cell-selected_c6tup_acs3p_148) {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover:first-child {
+.awsui_body-cell-editable_c6tup_acs3p_130.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover:first-child {
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover:last-child {
+.awsui_body-cell-editable_c6tup_acs3p_130.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover:last-child {
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-first-row_c6tup_1kk8d_142 > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell-editable_c6tup_acs3p_130.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-first-row_c6tup_acs3p_145 > .awsui_body-cell-editor_c6tup_acs3p_255 {
   padding-top: var(--border-divider-list-width-hacikr, 1px);
 }

package/lib/internal/template/table/body-cell/styles.selectors.js

@@ -2,28 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_1kk8d_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1kk8d_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1kk8d_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1kk8d_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1kk8d_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1kk8d_130",
-  "has-selection": "awsui_has-selection_c6tup_1kk8d_136",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1kk8d_142",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1kk8d_145",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1kk8d_145",
-  "has-footer": "awsui_has-footer_c6tup_1kk8d_145",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1kk8d_155",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1kk8d_177",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1kk8d_181",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1kk8d_205",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1kk8d_205",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1kk8d_227",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1kk8d_227",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1kk8d_236",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1kk8d_236",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1kk8d_246",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1kk8d_246",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1kk8d_259"
+  "body-cell": "awsui_body-cell_c6tup_acs3p_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_acs3p_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_acs3p_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_acs3p_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_acs3p_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_acs3p_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_acs3p_136",
+  "has-selection": "awsui_has-selection_c6tup_acs3p_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_acs3p_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_acs3p_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_acs3p_148",
+  "has-footer": "awsui_has-footer_c6tup_acs3p_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_acs3p_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_acs3p_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_acs3p_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_acs3p_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_acs3p_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_acs3p_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_acs3p_231",
+  "body-cell-success": "awsui_body-cell-success_c6tup_acs3p_255",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_acs3p_255",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_acs3p_277",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_acs3p_277",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_acs3p_286",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_acs3p_286",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_acs3p_296",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_acs3p_296",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_acs3p_315"
 };
   

package/lib/internal/template/table/body-cell/td-element.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { StickyColumnsModel } from '../use-sticky-columns';
 export interface TableTdElementProps {
     className?: string;
     style?: React.CSSProperties;
@@ -18,6 +19,8 @@ export interface TableTdElementProps {
     stripedRows?: boolean;
     hasSelection?: boolean;
     hasFooter?: boolean;
+    columnId: string;
+    stickyState: StickyColumnsModel;
     isVisualRefresh?: boolean;
 }
 export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;

package/lib/internal/template/table/body-cell/td-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGA6D1B,CAAC"}
+{"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAuB,MAAM,uBAAuB,CAAC;AAGhF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGA6E1B,CAAC"}