@salutejs/plasma-new-hope 0.139.0-canary.1352.10686935940.0 → 0.139.0-canary.1406.10687974550.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +12 -16
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +119 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +461 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +95 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css +5 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +179 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +70 -0
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +53 -0
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +332 -0
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +37 -0
- package/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/reducers/pathReducer.js +41 -0
- package/cjs/components/Combobox/ComboboxNew/reducers/pathReducer.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +119 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +82 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +119 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +113 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +118 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1us8jz1.css +11 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +23 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles_1y5ups3.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +45 -0
- package/cjs/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getItemId.js +10 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getItemId.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +18 -0
- package/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/sizeToIconSize.js +11 -0
- package/cjs/components/Combobox/ComboboxNew/utils/sizeToIconSize.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/updateAncestors.js +34 -0
- package/cjs/components/Combobox/ComboboxNew/utils/updateAncestors.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +18 -0
- package/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js +15 -0
- package/cjs/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxNew/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxNew/variations/_view/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +81 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +264 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +58 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.styles_3vmiz3.css +5 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.tokens.js +192 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.tokens.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +135 -0
- package/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/hooks/useKeyNavigation.js +206 -0
- package/cjs/components/Combobox/ComboboxOld/hooks/useKeyNavigation.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +21 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +26 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles_1gwsne.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +35 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +41 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +12 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles_1jmkvlm.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +35 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +41 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +12 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles_m8shub.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +35 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +41 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +12 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles_1ee4ip8.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +35 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +41 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +12 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles_1buow1a.css +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.css +4 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +111 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +31 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles_7ufukp.css +4 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +30 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +219 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +107 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles_xnedmz.css +8 -0
- package/cjs/components/Combobox/ComboboxOld/utils/index.js +126 -0
- package/cjs/components/Combobox/ComboboxOld/utils/index.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/variations/_size/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/variations/_size/base.js.map +1 -0
- package/cjs/components/Combobox/ComboboxOld/variations/_view/base.js +9 -0
- package/cjs/components/Combobox/ComboboxOld/variations/_view/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +12 -16
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -16
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +12 -16
- package/cjs/components/EmptyState/EmptyState.css +4 -4
- package/cjs/components/EmptyState/EmptyState.js +3 -3
- package/cjs/components/EmptyState/EmptyState.js.map +1 -1
- package/cjs/components/EmptyState/EmptyState.styles.js +6 -10
- package/cjs/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/cjs/components/EmptyState/EmptyState.styles_s585zf.css +4 -0
- package/cjs/components/Pagination/Pagination.css +12 -15
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -22
- package/cjs/components/Range/Range.css +12 -16
- package/cjs/components/Select/Select.css +19 -22
- package/cjs/components/Select/Select.js +19 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.tokens.js +23 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +19 -22
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +19 -22
- package/cjs/components/Select/ui/Target/Target.css +12 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +12 -2
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_rtzthp.css +12 -0
- package/cjs/components/Slider/Slider.css +12 -16
- package/cjs/components/Slider/components/Double/Double.css +12 -16
- package/cjs/components/TextArea/TextArea.js +7 -22
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +35 -47
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1bv40vw.css +9 -0
- package/cjs/components/TextArea/TextArea.tokens.js +2 -13
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField.js +25 -48
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +7 -31
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles_9fkr1l.css +10 -0
- package/cjs/components/TextField/TextField.tokens.js +1 -10
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/TextField_wctd2m.css +1 -0
- package/cjs/components/TextField/hooks/useKeyNavigation.js +21 -17
- package/cjs/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_170eaex.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base.js.map +1 -1
- package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
- package/cjs/hooks/useOutsideClick.js +4 -2
- package/cjs/hooks/useOutsideClick.js.map +1 -1
- package/cjs/index.css +78 -67
- package/cjs/index.js +17 -12
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +460 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +50 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +176 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +75 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +50 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +333 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/index.js +25 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +40 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/reducers/index.js +27 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/reducers/pathReducer.js +44 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +80 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +110 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +103 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/index.js +16 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.js +12 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +17 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +27 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +48 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +54 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +17 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/sizeToIconSize.js +10 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/updateAncestors.js +33 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +17 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js +14 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/variations/_size/tokens.json +9 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.js +264 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +47 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.tokens.js +190 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +131 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/index.js +98 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +26 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +29 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +12 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +29 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +12 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +29 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +12 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +29 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +12 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +118 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +33 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +227 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +83 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Combobox/ComboboxOld/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Combobox/index.js +94 -28
- package/emotion/cjs/components/EmptyState/EmptyState.js +3 -3
- package/emotion/cjs/components/EmptyState/EmptyState.styles.js +7 -9
- package/emotion/cjs/components/Select/Select.js +19 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -12
- package/emotion/cjs/components/Select/ui/index.js +0 -11
- package/emotion/cjs/components/TextArea/TextArea.js +8 -23
- package/emotion/cjs/components/TextArea/TextArea.styles.js +19 -27
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +2 -13
- package/emotion/cjs/components/TextArea/variations/_size/tokens.json +1 -7
- package/emotion/cjs/components/TextField/TextField.js +29 -52
- package/emotion/cjs/components/TextField/TextField.styles.js +25 -57
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +1 -27
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -10
- package/emotion/cjs/components/TextField/hooks/useKeyNavigation.js +21 -17
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
- package/emotion/cjs/components/TextField/variations/_size/tokens.json +0 -6
- package/emotion/cjs/components/TextField/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.js +21 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +5 -0
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -9
- package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
- package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +25 -0
- package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.js +21 -0
- package/emotion/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +5 -0
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -10
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/emotion/cjs/hooks/useOutsideClick.js +4 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +451 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +43 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +170 -0
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +68 -0
- package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +44 -0
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +327 -0
- package/emotion/es/components/Combobox/ComboboxNew/index.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +34 -0
- package/emotion/es/components/Combobox/ComboboxNew/reducers/index.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/reducers/pathReducer.js +38 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +73 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +101 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +96 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/index.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +10 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/filterItems.js +42 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/getItemId.js +3 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +7 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +11 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/sizeToIconSize.js +4 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/updateAncestors.js +27 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +11 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js +8 -0
- package/emotion/es/components/Combobox/ComboboxNew/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/variations/_size/tokens.json +9 -0
- package/emotion/es/components/Combobox/ComboboxNew/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxNew/variations/_view/tokens.json +1 -0
- package/emotion/es/components/Combobox/ComboboxOld/Combobox.js +255 -0
- package/emotion/es/components/Combobox/ComboboxOld/Combobox.styles.js +40 -0
- package/emotion/es/components/Combobox/ComboboxOld/Combobox.tokens.js +184 -0
- package/emotion/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +125 -0
- package/emotion/es/components/Combobox/ComboboxOld/index.js +3 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +20 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +23 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +7 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +23 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +7 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +23 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +7 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +23 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +7 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +110 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +26 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +218 -0
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +76 -0
- package/emotion/es/components/Combobox/ComboboxOld/variations/_size/base.js +2 -0
- package/emotion/es/components/Combobox/ComboboxOld/variations/_view/base.js +2 -0
- package/emotion/es/components/Combobox/index.js +2 -3
- package/emotion/es/components/EmptyState/EmptyState.js +4 -4
- package/emotion/es/components/EmptyState/EmptyState.styles.js +6 -8
- package/emotion/es/components/Select/Select.js +19 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -1
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +16 -12
- package/emotion/es/components/Select/ui/index.js +0 -1
- package/emotion/es/components/TextArea/TextArea.js +9 -24
- package/emotion/es/components/TextArea/TextArea.styles.js +19 -27
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/emotion/es/components/TextArea/TextArea.tokens.js +2 -13
- package/emotion/es/components/TextArea/variations/_size/tokens.json +1 -7
- package/emotion/es/components/TextField/TextField.js +30 -53
- package/emotion/es/components/TextField/TextField.styles.js +24 -56
- package/emotion/es/components/TextField/TextField.template-doc.mdx +1 -27
- package/emotion/es/components/TextField/TextField.tokens.js +1 -10
- package/emotion/es/components/TextField/hooks/useKeyNavigation.js +21 -17
- package/emotion/es/components/TextField/variations/_label-placement/base.js +2 -2
- package/emotion/es/components/TextField/variations/_read-only/base.js +2 -2
- package/emotion/es/components/TextField/variations/_size/base.js +2 -2
- package/emotion/es/components/TextField/variations/_size/tokens.json +0 -6
- package/emotion/es/components/TextField/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.js +6 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.js +15 -0
- package/emotion/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +5 -0
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -9
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -9
- package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
- package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.js +6 -0
- package/emotion/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +19 -0
- package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.js +15 -0
- package/emotion/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +5 -0
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -10
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/emotion/es/hooks/useOutsideClick.js +4 -2
- package/es/components/Autocomplete/Autocomplete.css +12 -16
- package/es/components/Combobox/ComboboxNew/Combobox.css +119 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js +455 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +87 -0
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css +5 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +173 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +66 -0
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +48 -0
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +326 -0
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +33 -0
- package/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/reducers/pathReducer.js +37 -0
- package/es/components/Combobox/ComboboxNew/reducers/pathReducer.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +119 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +78 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +119 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +109 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +106 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1us8jz1.css +11 -0
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +19 -0
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/Target/Target.styles_1y5ups3.css +1 -0
- package/es/components/Combobox/ComboboxNew/utils/filterItems.js +41 -0
- package/es/components/Combobox/ComboboxNew/utils/filterItems.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/utils/getItemId.js +6 -0
- package/es/components/Combobox/ComboboxNew/utils/getItemId.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +14 -0
- package/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/utils/sizeToIconSize.js +7 -0
- package/es/components/Combobox/ComboboxNew/utils/sizeToIconSize.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/utils/updateAncestors.js +30 -0
- package/es/components/Combobox/ComboboxNew/utils/updateAncestors.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +14 -0
- package/es/components/Combobox/ComboboxNew/utils/updateDescendants.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js +11 -0
- package/es/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxNew/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxNew/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.css +81 -0
- package/es/components/Combobox/ComboboxOld/Combobox.js +259 -0
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js +50 -0
- package/es/components/Combobox/ComboboxOld/Combobox.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/Combobox.styles_3vmiz3.css +5 -0
- package/es/components/Combobox/ComboboxOld/Combobox.tokens.js +187 -0
- package/es/components/Combobox/ComboboxOld/Combobox.tokens.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +131 -0
- package/es/components/Combobox/ComboboxOld/hooks/useFocusController.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/hooks/useKeyNavigation.js +201 -0
- package/es/components/Combobox/ComboboxOld/hooks/useKeyNavigation.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.css +21 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +22 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles_1gwsne.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +35 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +36 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +7 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles_1jmkvlm.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +35 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +36 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +7 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles_m8shub.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +35 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +36 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +7 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles_1ee4ip8.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +35 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +36 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +7 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles_1buow1a.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.css +4 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +106 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +24 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles_7ufukp.css +4 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base_x642ct.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base_x642ct.css +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.css +30 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +215 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +96 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles_xnedmz.css +8 -0
- package/es/components/Combobox/ComboboxOld/utils/index.js +118 -0
- package/es/components/Combobox/ComboboxOld/utils/index.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/variations/_size/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/variations/_size/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/variations/_size/base_x642ct.css +1 -0
- package/es/components/Combobox/ComboboxOld/variations/_view/base.js +5 -0
- package/es/components/Combobox/ComboboxOld/variations/_view/base.js.map +1 -0
- package/es/components/Combobox/ComboboxOld/variations/_view/base_x642ct.css +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +12 -16
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +12 -16
- package/es/components/DatePicker/SingleDate/SingleDate.css +12 -16
- package/es/components/EmptyState/EmptyState.css +4 -4
- package/es/components/EmptyState/EmptyState.js +4 -4
- package/es/components/EmptyState/EmptyState.js.map +1 -1
- package/es/components/EmptyState/EmptyState.styles.js +6 -10
- package/es/components/EmptyState/EmptyState.styles.js.map +1 -1
- package/es/components/EmptyState/EmptyState.styles_s585zf.css +4 -0
- package/es/components/Pagination/Pagination.css +12 -15
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +19 -22
- package/es/components/Range/Range.css +12 -16
- package/es/components/Select/Select.css +19 -22
- package/es/components/Select/Select.js +19 -5
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.tokens.js +23 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +19 -22
- package/es/components/Select/ui/Inner/ui/Item/Item.css +19 -22
- package/es/components/Select/ui/Target/Target.css +12 -12
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +12 -12
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +13 -3
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_rtzthp.css +12 -0
- package/es/components/Slider/Slider.css +12 -16
- package/es/components/Slider/components/Double/Double.css +12 -16
- package/es/components/TextArea/TextArea.js +8 -23
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +36 -46
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_1bv40vw.css +9 -0
- package/es/components/TextArea/TextArea.tokens.js +2 -13
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextField/TextField.js +26 -49
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +8 -28
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles_9fkr1l.css +10 -0
- package/es/components/TextField/TextField.tokens.js +1 -10
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/TextField_wctd2m.css +1 -0
- package/es/components/TextField/hooks/useKeyNavigation.js +21 -17
- package/es/components/TextField/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_170eaex.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base.js.map +1 -1
- package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
- package/es/hooks/useOutsideClick.js +4 -2
- package/es/hooks/useOutsideClick.js.map +1 -1
- package/es/index.css +78 -67
- package/es/index.js +10 -8
- package/es/index.js.map +1 -1
- package/package.json +5 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +460 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +47 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +176 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +75 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +50 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +333 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/index.js +25 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +40 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/index.js +27 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/reducers/pathReducer.js +44 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +80 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +110 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +75 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/index.js +16 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.js +12 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +16 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +27 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/filterItems.js +48 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +54 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +17 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/sizeToIconSize.js +10 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/updateAncestors.js +33 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/updateDescendants.js +17 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js +14 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/variations/_size/tokens.json +9 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.js +264 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.styles.js +33 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.tokens.js +190 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/hooks/useFocusController.js +131 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/index.js +98 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +25 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +29 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +12 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.types.js +5 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +29 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +12 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.type.js +5 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +29 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +12 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.type.js +5 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +29 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +12 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.type.js +5 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +118 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +33 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.type.js +5 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +227 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +66 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.types.js +5 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Combobox/ComboboxOld/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Combobox/index.js +94 -28
- package/styled-components/cjs/components/EmptyState/EmptyState.js +3 -3
- package/styled-components/cjs/components/EmptyState/EmptyState.styles.js +8 -8
- package/styled-components/cjs/components/Select/Select.js +19 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -1
- package/styled-components/cjs/components/Select/ui/index.js +0 -11
- package/styled-components/cjs/components/TextArea/TextArea.js +7 -22
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +11 -17
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +2 -13
- package/styled-components/cjs/components/TextArea/variations/_size/tokens.json +1 -7
- package/styled-components/cjs/components/TextField/TextField.js +25 -48
- package/styled-components/cjs/components/TextField/TextField.styles.js +10 -22
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +1 -27
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -10
- package/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js +21 -17
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/tokens.json +0 -6
- package/styled-components/cjs/components/TextField/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.js +21 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +5 -0
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -7
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -9
- package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +39 -0
- package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +25 -0
- package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.js +21 -0
- package/styled-components/cjs/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +5 -0
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -10
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/styled-components/cjs/hooks/useOutsideClick.js +4 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +451 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +39 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +170 -0
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +68 -0
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +44 -0
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +327 -0
- package/styled-components/es/components/Combobox/ComboboxNew/index.js +2 -0
- package/styled-components/es/components/Combobox/ComboboxNew/reducers/focusedPathReducer.js +34 -0
- package/styled-components/es/components/Combobox/ComboboxNew/reducers/index.js +2 -0
- package/styled-components/es/components/Combobox/ComboboxNew/reducers/pathReducer.js +38 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +73 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js +101 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +68 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/index.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Target/Target.styles.js +9 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/filterItems.js +42 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getItemId.js +3 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +7 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/initialItemsTransform.js +11 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/sizeToIconSize.js +4 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/updateAncestors.js +27 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/updateDescendants.js +11 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/updateSingleAncestors.js +8 -0
- package/styled-components/es/components/Combobox/ComboboxNew/variations/_size/tokens.json +9 -0
- package/styled-components/es/components/Combobox/ComboboxNew/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js +255 -0
- package/styled-components/es/components/Combobox/ComboboxOld/Combobox.styles.js +26 -0
- package/styled-components/es/components/Combobox/ComboboxOld/Combobox.tokens.js +184 -0
- package/styled-components/es/components/Combobox/ComboboxOld/hooks/useFocusController.js +125 -0
- package/styled-components/es/components/Combobox/ComboboxOld/index.js +3 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.js +19 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.js +23 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.js +7 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.types.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.js +23 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.js +7 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.type.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.js +23 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.js +7 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.type.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.js +23 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.js +7 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.type.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +110 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.js +25 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.type.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.js +218 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.js +59 -0
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.types.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxOld/variations/_size/base.js +2 -0
- package/styled-components/es/components/Combobox/ComboboxOld/variations/_view/base.js +2 -0
- package/styled-components/es/components/Combobox/index.js +2 -3
- package/styled-components/es/components/EmptyState/EmptyState.js +4 -4
- package/styled-components/es/components/EmptyState/EmptyState.styles.js +4 -5
- package/styled-components/es/components/Select/Select.js +19 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +4 -1
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -1
- package/styled-components/es/components/Select/ui/index.js +0 -1
- package/styled-components/es/components/TextArea/TextArea.js +8 -23
- package/styled-components/es/components/TextArea/TextArea.styles.js +11 -17
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +3 -29
- package/styled-components/es/components/TextArea/TextArea.tokens.js +2 -13
- package/styled-components/es/components/TextArea/variations/_size/tokens.json +1 -7
- package/styled-components/es/components/TextField/TextField.js +26 -49
- package/styled-components/es/components/TextField/TextField.styles.js +9 -21
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +1 -27
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -10
- package/styled-components/es/components/TextField/hooks/useKeyNavigation.js +21 -17
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_read-only/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +2 -2
- package/styled-components/es/components/TextField/variations/_size/tokens.json +0 -6
- package/styled-components/es/components/TextField/variations/_view/base.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.js +6 -0
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.js +15 -0
- package/styled-components/es/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +5 -0
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +7 -7
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +0 -9
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +1 -9
- package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.js +33 -0
- package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.js +6 -0
- package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.stories.tsx +366 -0
- package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.js +19 -0
- package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.js +15 -0
- package/styled-components/es/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.stories.tsx +254 -0
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +5 -0
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +0 -10
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +0 -10
- package/styled-components/es/hooks/useOutsideClick.js +4 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +0 -6
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts +31 -0
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +15 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +169 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +137 -0
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts +5 -0
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +10 -0
- package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +40 -0
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/index.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/reducers/focusedPathReducer.d.ts +16 -0
- package/types/components/Combobox/ComboboxNew/reducers/focusedPathReducer.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/reducers/index.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/reducers/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/reducers/pathReducer.d.ts +20 -0
- package/types/components/Combobox/ComboboxNew/reducers/pathReducer.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +13 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts +51 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +43 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/index.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +41 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/utils/filterItems.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/getItemId.d.ts +2 -0
- package/types/components/Combobox/ComboboxNew/utils/getItemId.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +8 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/initialItemsTransform.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/utils/initialItemsTransform.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts +3 -0
- package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/updateAncestors.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/updateAncestors.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/updateDescendants.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/updateDescendants.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/updateSingleAncestors.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/updateSingleAncestors.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/Combobox.d.ts +26 -0
- package/types/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/Combobox.styles.d.ts +13 -0
- package/types/components/Combobox/ComboboxOld/Combobox.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/Combobox.tokens.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts +123 -0
- package/types/components/Combobox/ComboboxOld/Combobox.types.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/hooks/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/hooks/useFocusController.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/hooks/useKeyNavigation.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/index.d.ts +5 -0
- package/types/components/Combobox/ComboboxOld/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.d.ts +3 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxChip/ComboboxChip.types.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.d.ts +29 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.types.d.ts +3 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.types.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxDivider/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.d.ts +29 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.type.d.ts +3 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.type.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxFooter/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.d.ts +37 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.type.d.ts +3 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.type.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxGroup/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.d.ts +29 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.type.d.ts +3 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.type.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxHeader/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.d.ts +55 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.type.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.d.ts +14 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/ComboboxTarget/ComboboxTarget.types.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/ui/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/utils/index.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/variations/_size/base.d.ts +2 -0
- package/types/components/Combobox/ComboboxOld/variations/_size/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxOld/variations/_view/base.d.ts +2 -0
- package/types/components/Combobox/ComboboxOld/variations/_view/base.d.ts.map +1 -0
- package/types/components/Combobox/index.d.ts +3 -4
- package/types/components/Combobox/index.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -6
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/EmptyState/EmptyState.d.ts +1 -1
- package/types/components/EmptyState/EmptyState.d.ts.map +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -0
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -6
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +10 -0
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +4 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/index.d.ts +0 -1
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -6
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +0 -2
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -11
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +0 -13
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +0 -4
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -9
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +0 -13
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts +3 -1
- package/types/components/TextField/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/TextField/variations/_label-placement/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/variations/_view/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts +32 -0
- package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts +37 -0
- package/types/examples/plasma_b2c/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.d.ts +62 -0
- package/types/examples/plasma_b2c/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -0
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +0 -6
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.d.ts +32 -0
- package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts +37 -0
- package/types/examples/plasma_web/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.d.ts +62 -0
- package/types/examples/plasma_web/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts +4 -0
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +0 -6
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +2 -2
- package/types/hooks/useOutsideClick.d.ts.map +1 -1
- package/cjs/components/Combobox/Combobox.css +0 -81
- package/cjs/components/Combobox/Combobox.js +0 -264
- package/cjs/components/Combobox/Combobox.js.map +0 -1
- package/cjs/components/Combobox/Combobox.styles.js +0 -58
- package/cjs/components/Combobox/Combobox.styles.js.map +0 -1
- package/cjs/components/Combobox/Combobox.styles_dw6hnk.css +0 -5
- package/cjs/components/Combobox/Combobox.tokens.js +0 -192
- package/cjs/components/Combobox/Combobox.tokens.js.map +0 -1
- package/cjs/components/Combobox/hooks/useFocusController.js +0 -135
- package/cjs/components/Combobox/hooks/useFocusController.js.map +0 -1
- package/cjs/components/Combobox/hooks/useKeyNavigation.js +0 -206
- package/cjs/components/Combobox/hooks/useKeyNavigation.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.css +0 -21
- package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js +0 -26
- package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.styles_1la9kkf.css +0 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +0 -35
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +0 -41
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js +0 -12
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles_1j1hng3.css +0 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/variations/_size/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxDivider/variations/_size/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxDivider/variations/_view/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxDivider/variations/_view/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +0 -35
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +0 -41
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js +0 -12
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles_1c25r21.css +0 -1
- package/cjs/components/Combobox/ui/ComboboxFooter/variations/_size/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxFooter/variations/_size/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxFooter/variations/_view/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxFooter/variations/_view/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +0 -35
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +0 -41
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js +0 -12
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles_1w8kgot.css +0 -1
- package/cjs/components/Combobox/ui/ComboboxGroup/variations/_size/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxGroup/variations/_view/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxGroup/variations/_view/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +0 -35
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +0 -41
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js +0 -12
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles_1t301n8.css +0 -1
- package/cjs/components/Combobox/ui/ComboboxHeader/variations/_size/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxHeader/variations/_size/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxHeader/variations/_view/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxHeader/variations/_view/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +0 -4
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +0 -111
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +0 -31
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
- package/cjs/components/Combobox/ui/ComboboxItem/variations/_size/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxItem/variations/_view/base.js +0 -9
- package/cjs/components/Combobox/ui/ComboboxItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +0 -30
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +0 -219
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js +0 -107
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js.map +0 -1
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles_1htd0dz.css +0 -8
- package/cjs/components/Combobox/utils/index.js +0 -126
- package/cjs/components/Combobox/utils/index.js.map +0 -1
- package/cjs/components/Combobox/variations/_size/base.js +0 -9
- package/cjs/components/Combobox/variations/_size/base.js.map +0 -1
- package/cjs/components/Combobox/variations/_view/base.js +0 -9
- package/cjs/components/Combobox/variations/_view/base.js.map +0 -1
- package/cjs/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css +0 -12
- package/cjs/components/TextArea/TextArea.styles_1fyj8ox.css +0 -11
- package/cjs/components/TextField/TextField.styles_u6pm7v.css +0 -14
- package/cjs/components/TextField/TextField_1lzb2r1.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_1dbnupp.css +0 -1
- package/cjs/components/TextField/variations/_read-only/base_4tqave.css +0 -1
- package/cjs/components/TextField/variations/_size/base_uk56yo.css +0 -1
- package/cjs/components/TextField/variations/_view/base_uszjx8.css +0 -1
- package/emotion/cjs/components/Combobox/Combobox.js +0 -264
- package/emotion/cjs/components/Combobox/Combobox.styles.js +0 -47
- package/emotion/cjs/components/Combobox/Combobox.tokens.js +0 -190
- package/emotion/cjs/components/Combobox/hooks/useFocusController.js +0 -131
- package/emotion/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js +0 -26
- package/emotion/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +0 -29
- package/emotion/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js +0 -12
- package/emotion/cjs/components/Combobox/ui/ComboboxDivider/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxDivider/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +0 -29
- package/emotion/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js +0 -12
- package/emotion/cjs/components/Combobox/ui/ComboboxFooter/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxFooter/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +0 -29
- package/emotion/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js +0 -12
- package/emotion/cjs/components/Combobox/ui/ComboboxGroup/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxGroup/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +0 -29
- package/emotion/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js +0 -12
- package/emotion/cjs/components/Combobox/ui/ComboboxHeader/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxHeader/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +0 -118
- package/emotion/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +0 -33
- package/emotion/cjs/components/Combobox/ui/ComboboxItem/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxItem/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +0 -227
- package/emotion/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js +0 -83
- package/emotion/cjs/components/Combobox/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Combobox/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js +0 -18
- package/emotion/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +0 -26
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +0 -21
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -252
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +0 -25
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +0 -21
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -252
- package/emotion/es/components/Combobox/Combobox.js +0 -255
- package/emotion/es/components/Combobox/Combobox.styles.js +0 -40
- package/emotion/es/components/Combobox/Combobox.tokens.js +0 -184
- package/emotion/es/components/Combobox/hooks/useFocusController.js +0 -125
- package/emotion/es/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js +0 -20
- package/emotion/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +0 -23
- package/emotion/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js +0 -7
- package/emotion/es/components/Combobox/ui/ComboboxDivider/variations/_size/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxDivider/variations/_view/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +0 -23
- package/emotion/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js +0 -7
- package/emotion/es/components/Combobox/ui/ComboboxFooter/variations/_size/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxFooter/variations/_view/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +0 -23
- package/emotion/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js +0 -7
- package/emotion/es/components/Combobox/ui/ComboboxGroup/variations/_size/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxGroup/variations/_view/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +0 -23
- package/emotion/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js +0 -7
- package/emotion/es/components/Combobox/ui/ComboboxHeader/variations/_size/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxHeader/variations/_view/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +0 -110
- package/emotion/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +0 -26
- package/emotion/es/components/Combobox/ui/ComboboxItem/variations/_size/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxItem/variations/_view/base.js +0 -2
- package/emotion/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +0 -218
- package/emotion/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js +0 -76
- package/emotion/es/components/Combobox/variations/_size/base.js +0 -2
- package/emotion/es/components/Combobox/variations/_view/base.js +0 -2
- package/emotion/es/components/Select/ui/InfiniteLoader/InfiniteLoader.js +0 -11
- package/emotion/es/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -252
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +0 -19
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +0 -15
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -252
- package/es/components/Combobox/Combobox.css +0 -81
- package/es/components/Combobox/Combobox.js +0 -259
- package/es/components/Combobox/Combobox.js.map +0 -1
- package/es/components/Combobox/Combobox.styles.js +0 -50
- package/es/components/Combobox/Combobox.styles.js.map +0 -1
- package/es/components/Combobox/Combobox.styles_dw6hnk.css +0 -5
- package/es/components/Combobox/Combobox.tokens.js +0 -187
- package/es/components/Combobox/Combobox.tokens.js.map +0 -1
- package/es/components/Combobox/hooks/useFocusController.js +0 -131
- package/es/components/Combobox/hooks/useFocusController.js.map +0 -1
- package/es/components/Combobox/hooks/useKeyNavigation.js +0 -201
- package/es/components/Combobox/hooks/useKeyNavigation.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.css +0 -21
- package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js +0 -22
- package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.styles_1la9kkf.css +0 -1
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +0 -35
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +0 -36
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js +0 -7
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles_1j1hng3.css +0 -1
- package/es/components/Combobox/ui/ComboboxDivider/variations/_size/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxDivider/variations/_size/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxDivider/variations/_view/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxDivider/variations/_view/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +0 -35
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +0 -36
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js +0 -7
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles_1c25r21.css +0 -1
- package/es/components/Combobox/ui/ComboboxFooter/variations/_size/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxFooter/variations/_size/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxFooter/variations/_view/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxFooter/variations/_view/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +0 -35
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +0 -36
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js +0 -7
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles_1w8kgot.css +0 -1
- package/es/components/Combobox/ui/ComboboxGroup/variations/_size/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxGroup/variations/_size/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxGroup/variations/_view/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxGroup/variations/_view/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +0 -35
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +0 -36
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js +0 -7
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles_1t301n8.css +0 -1
- package/es/components/Combobox/ui/ComboboxHeader/variations/_size/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxHeader/variations/_size/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxHeader/variations/_view/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxHeader/variations/_view/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +0 -4
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +0 -106
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +0 -24
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles_s4sk53.css +0 -4
- package/es/components/Combobox/ui/ComboboxItem/variations/_size/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxItem/variations/_size/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxItem/variations/_view/base.js +0 -5
- package/es/components/Combobox/ui/ComboboxItem/variations/_view/base.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +0 -30
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +0 -215
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js +0 -96
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js.map +0 -1
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles_1htd0dz.css +0 -8
- package/es/components/Combobox/utils/index.js +0 -118
- package/es/components/Combobox/utils/index.js.map +0 -1
- package/es/components/Combobox/variations/_size/base.js +0 -5
- package/es/components/Combobox/variations/_size/base.js.map +0 -1
- package/es/components/Combobox/variations/_view/base.js +0 -5
- package/es/components/Combobox/variations/_view/base.js.map +0 -1
- package/es/components/EmptyState/EmptyState.styles_1o24i5h.css +0 -4
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_5mg7p7.css +0 -12
- package/es/components/TextArea/TextArea.styles_1fyj8ox.css +0 -11
- package/es/components/TextField/TextField.styles_u6pm7v.css +0 -14
- package/es/components/TextField/TextField_1lzb2r1.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_1dbnupp.css +0 -1
- package/es/components/TextField/variations/_read-only/base_4tqave.css +0 -1
- package/es/components/TextField/variations/_size/base_uk56yo.css +0 -1
- package/es/components/TextField/variations/_view/base_uszjx8.css +0 -1
- package/styled-components/cjs/components/Combobox/Combobox.js +0 -264
- package/styled-components/cjs/components/Combobox/Combobox.styles.js +0 -33
- package/styled-components/cjs/components/Combobox/Combobox.tokens.js +0 -190
- package/styled-components/cjs/components/Combobox/hooks/useFocusController.js +0 -131
- package/styled-components/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js +0 -25
- package/styled-components/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +0 -29
- package/styled-components/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js +0 -12
- package/styled-components/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +0 -29
- package/styled-components/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js +0 -12
- package/styled-components/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +0 -29
- package/styled-components/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js +0 -12
- package/styled-components/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +0 -29
- package/styled-components/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js +0 -12
- package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js +0 -118
- package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +0 -33
- package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +0 -227
- package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js +0 -66
- package/styled-components/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.js +0 -18
- package/styled-components/cjs/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +0 -24
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +0 -21
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -252
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +0 -25
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +0 -21
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -252
- package/styled-components/es/components/Combobox/Combobox.js +0 -255
- package/styled-components/es/components/Combobox/Combobox.styles.js +0 -26
- package/styled-components/es/components/Combobox/Combobox.tokens.js +0 -184
- package/styled-components/es/components/Combobox/hooks/useFocusController.js +0 -125
- package/styled-components/es/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js +0 -19
- package/styled-components/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js +0 -23
- package/styled-components/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js +0 -7
- package/styled-components/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js +0 -23
- package/styled-components/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js +0 -7
- package/styled-components/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js +0 -23
- package/styled-components/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js +0 -7
- package/styled-components/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js +0 -23
- package/styled-components/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js +0 -7
- package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js +0 -110
- package/styled-components/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js +0 -25
- package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +0 -218
- package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.js +0 -59
- package/styled-components/es/components/Select/ui/InfiniteLoader/InfiniteLoader.js +0 -11
- package/styled-components/es/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.js +0 -17
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +0 -19
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -252
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +0 -19
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +0 -15
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -252
- package/types/components/Combobox/Combobox.d.ts +0 -26
- package/types/components/Combobox/Combobox.d.ts.map +0 -1
- package/types/components/Combobox/Combobox.styles.d.ts +0 -13
- package/types/components/Combobox/Combobox.styles.d.ts.map +0 -1
- package/types/components/Combobox/Combobox.tokens.d.ts.map +0 -1
- package/types/components/Combobox/Combobox.types.d.ts +0 -123
- package/types/components/Combobox/Combobox.types.d.ts.map +0 -1
- package/types/components/Combobox/hooks/index.d.ts.map +0 -1
- package/types/components/Combobox/hooks/useFocusController.d.ts.map +0 -1
- package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts +0 -3
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.types.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.d.ts +0 -29
- package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.types.d.ts +0 -3
- package/types/components/Combobox/ui/ComboboxDivider/ComboboxDivider.types.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxDivider/variations/_size/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxDivider/variations/_view/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.d.ts +0 -29
- package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.type.d.ts +0 -3
- package/types/components/Combobox/ui/ComboboxFooter/ComboboxFooter.type.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxFooter/variations/_size/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxFooter/variations/_view/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxGroup/ComboboxGroup.d.ts +0 -37
- package/types/components/Combobox/ui/ComboboxGroup/ComboboxGroup.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxGroup/ComboboxGroup.type.d.ts +0 -3
- package/types/components/Combobox/ui/ComboboxGroup/ComboboxGroup.type.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxGroup/variations/_view/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxHeader/ComboboxHeader.d.ts +0 -29
- package/types/components/Combobox/ui/ComboboxHeader/ComboboxHeader.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxHeader/ComboboxHeader.type.d.ts +0 -3
- package/types/components/Combobox/ui/ComboboxHeader/ComboboxHeader.type.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxHeader/variations/_size/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxHeader/variations/_view/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts +0 -55
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxItem/ComboboxItem.type.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.d.ts +0 -14
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.styles.d.ts.map +0 -1
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.types.d.ts.map +0 -1
- package/types/components/Combobox/ui/index.d.ts.map +0 -1
- package/types/components/Combobox/utils/index.d.ts.map +0 -1
- package/types/components/Combobox/variations/_size/base.d.ts.map +0 -1
- package/types/components/Combobox/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.d.ts +0 -6
- package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.d.ts.map +0 -1
- package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.d.ts +0 -29
- package/types/components/Select/ui/InfiniteLoader/InfiniteLoader.styles.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +0 -62
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +0 -62
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts.map +0 -1
- /package/cjs/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_size/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_view/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.js +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_size/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_view/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_size/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_view/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_size/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_view/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_size/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_view/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_size/base_x642ct.css +0 -0
- /package/cjs/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_view/base_x642ct.css +0 -0
- /package/{es/components/Combobox/ui/ComboboxDivider → cjs/components/Combobox/ComboboxOld}/variations/_size/base_x642ct.css +0 -0
- /package/{es/components/Combobox/ui/ComboboxDivider → cjs/components/Combobox/ComboboxOld}/variations/_view/base_x642ct.css +0 -0
- /package/emotion/cjs/components/Combobox/{Combobox.types.js → ComboboxNew/Combobox.types.js} +0 -0
- /package/emotion/cjs/components/Combobox/{ui/ComboboxChip/ComboboxChip.types.js → ComboboxNew/ui/Inner/Inner.type.js} +0 -0
- /package/emotion/cjs/components/Combobox/{ui/ComboboxDivider/ComboboxDivider.types.js → ComboboxNew/ui/Inner/ui/Item/Item.types.js} +0 -0
- /package/emotion/cjs/components/Combobox/{Combobox.template-doc.mdx → ComboboxOld/Combobox.template-doc.mdx} +0 -0
- /package/{styled-components/cjs/components/Combobox → emotion/cjs/components/Combobox/ComboboxOld}/Combobox.types.js +0 -0
- /package/emotion/cjs/components/Combobox/{hooks → ComboboxOld/hooks}/index.js +0 -0
- /package/emotion/cjs/components/Combobox/{hooks → ComboboxOld/hooks}/useKeyNavigation.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.js +0 -0
- /package/{styled-components/cjs/components/Combobox → emotion/cjs/components/Combobox/ComboboxOld}/ui/ComboboxChip/ComboboxChip.types.js +0 -0
- /package/{styled-components/cjs/components/Combobox → emotion/cjs/components/Combobox/ComboboxOld}/ui/ComboboxDivider/ComboboxDivider.types.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/ComboboxFooter.type.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/ComboboxGroup.type.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/ComboboxHeader.type.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/ComboboxItem.type.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_view/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxTarget/ComboboxTarget.types.js +0 -0
- /package/emotion/cjs/components/Combobox/{ui → ComboboxOld/ui}/index.js +0 -0
- /package/emotion/cjs/components/Combobox/{utils → ComboboxOld/utils}/index.js +0 -0
- /package/emotion/cjs/components/Combobox/{variations → ComboboxOld/variations}/_size/tokens.json +0 -0
- /package/emotion/cjs/components/Combobox/{variations → ComboboxOld/variations}/_view/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{Combobox.types.js → ComboboxNew/Combobox.types.js} +0 -0
- /package/emotion/es/components/Combobox/{ui/ComboboxChip/ComboboxChip.types.js → ComboboxNew/ui/Inner/Inner.type.js} +0 -0
- /package/emotion/es/components/Combobox/{ui/ComboboxDivider/ComboboxDivider.types.js → ComboboxNew/ui/Inner/ui/Item/Item.types.js} +0 -0
- /package/emotion/es/components/Combobox/{Combobox.template-doc.mdx → ComboboxOld/Combobox.template-doc.mdx} +0 -0
- /package/{styled-components/es/components/Combobox → emotion/es/components/Combobox/ComboboxOld}/Combobox.types.js +0 -0
- /package/emotion/es/components/Combobox/{hooks → ComboboxOld/hooks}/index.js +0 -0
- /package/emotion/es/components/Combobox/{hooks → ComboboxOld/hooks}/useKeyNavigation.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.js +0 -0
- /package/{styled-components/es/components/Combobox → emotion/es/components/Combobox/ComboboxOld}/ui/ComboboxChip/ComboboxChip.types.js +0 -0
- /package/{styled-components/es/components/Combobox → emotion/es/components/Combobox/ComboboxOld}/ui/ComboboxDivider/ComboboxDivider.types.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/ComboboxFooter.type.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/ComboboxGroup.type.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/ComboboxHeader.type.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/ComboboxItem.type.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_size/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_view/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxTarget/ComboboxTarget.types.js +0 -0
- /package/emotion/es/components/Combobox/{ui → ComboboxOld/ui}/index.js +0 -0
- /package/emotion/es/components/Combobox/{utils → ComboboxOld/utils}/index.js +0 -0
- /package/emotion/es/components/Combobox/{variations → ComboboxOld/variations}/_size/tokens.json +0 -0
- /package/emotion/es/components/Combobox/{variations → ComboboxOld/variations}/_view/tokens.json +0 -0
- /package/es/components/Combobox/{ui/ComboboxFooter → ComboboxNew}/variations/_size/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui/ComboboxFooter → ComboboxNew}/variations/_view/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.js +0 -0
- /package/es/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxDivider}/variations/_size/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxDivider}/variations/_view/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxFooter}/variations/_size/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxFooter}/variations/_view/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxGroup}/variations/_size/base_x642ct.css +0 -0
- /package/es/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxGroup}/variations/_view/base_x642ct.css +0 -0
- /package/es/components/Combobox/{variations → ComboboxOld/ui/ComboboxHeader/variations}/_size/base_x642ct.css +0 -0
- /package/es/components/Combobox/{variations → ComboboxOld/ui/ComboboxHeader/variations}/_view/base_x642ct.css +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxFooter/ComboboxFooter.type.js → ComboboxNew/Combobox.types.js} +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxGroup/ComboboxGroup.type.js → ComboboxNew/ui/Inner/Inner.type.js} +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxHeader/ComboboxHeader.type.js → ComboboxNew/ui/Inner/ui/Item/Item.types.js} +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_size/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_view/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{Combobox.template-doc.mdx → ComboboxOld/Combobox.template-doc.mdx} +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxItem/ComboboxItem.type.js → ComboboxOld/Combobox.types.js} +0 -0
- /package/styled-components/cjs/components/Combobox/{hooks → ComboboxOld/hooks}/index.js +0 -0
- /package/styled-components/cjs/components/Combobox/{hooks → ComboboxOld/hooks}/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxTarget/ComboboxTarget.types.js → ComboboxOld/ui/ComboboxChip/ComboboxChip.types.js} +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_size/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_view/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_size/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_view/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_size/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_view/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_size/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_view/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_size/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_view/base.js +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{ui → ComboboxOld/ui}/index.js +0 -0
- /package/styled-components/cjs/components/Combobox/{utils → ComboboxOld/utils}/index.js +0 -0
- /package/styled-components/cjs/components/Combobox/{variations → ComboboxOld/variations}/_size/tokens.json +0 -0
- /package/styled-components/cjs/components/Combobox/{variations → ComboboxOld/variations}/_view/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxFooter/ComboboxFooter.type.js → ComboboxNew/Combobox.types.js} +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxGroup/ComboboxGroup.type.js → ComboboxNew/ui/Inner/Inner.type.js} +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxHeader/ComboboxHeader.type.js → ComboboxNew/ui/Inner/ui/Item/Item.types.js} +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_view/base.js +0 -0
- /package/styled-components/es/components/Combobox/{Combobox.template-doc.mdx → ComboboxOld/Combobox.template-doc.mdx} +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxItem/ComboboxItem.type.js → ComboboxOld/Combobox.types.js} +0 -0
- /package/styled-components/es/components/Combobox/{hooks → ComboboxOld/hooks}/index.js +0 -0
- /package/styled-components/es/components/Combobox/{hooks → ComboboxOld/hooks}/useKeyNavigation.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.js +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxTarget/ComboboxTarget.types.js → ComboboxOld/ui/ComboboxChip/ComboboxChip.types.js} +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_view/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_view/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_view/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_size/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_view/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_size/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_size/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_view/base.js +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/variations/_view/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{ui → ComboboxOld/ui}/index.js +0 -0
- /package/styled-components/es/components/Combobox/{utils → ComboboxOld/utils}/index.js +0 -0
- /package/styled-components/es/components/Combobox/{variations → ComboboxOld/variations}/_size/tokens.json +0 -0
- /package/styled-components/es/components/Combobox/{variations → ComboboxOld/variations}/_view/tokens.json +0 -0
- /package/types/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_size/base.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxDivider → ComboboxNew}/variations/_view/base.d.ts +0 -0
- /package/types/components/Combobox/{Combobox.tokens.d.ts → ComboboxOld/Combobox.tokens.d.ts} +0 -0
- /package/types/components/Combobox/{hooks → ComboboxOld/hooks}/index.d.ts +0 -0
- /package/types/components/Combobox/{hooks → ComboboxOld/hooks}/useFocusController.d.ts +0 -0
- /package/types/components/Combobox/{hooks → ComboboxOld/hooks}/useKeyNavigation.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxChip/ComboboxChip.types.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxDivider/ComboboxDivider.styles.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_size/base.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxFooter → ComboboxOld/ui/ComboboxDivider}/variations/_view/base.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxFooter/ComboboxFooter.styles.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_size/base.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxGroup → ComboboxOld/ui/ComboboxFooter}/variations/_view/base.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxGroup/ComboboxGroup.styles.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_size/base.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxHeader → ComboboxOld/ui/ComboboxGroup}/variations/_view/base.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxHeader/ComboboxHeader.styles.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_size/base.d.ts +0 -0
- /package/types/components/Combobox/{ui/ComboboxItem → ComboboxOld/ui/ComboboxHeader}/variations/_view/base.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/ComboboxItem.styles.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxItem/ComboboxItem.type.d.ts +0 -0
- /package/types/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_size/base.d.ts +0 -0
- /package/types/components/Combobox/{variations → ComboboxOld/ui/ComboboxItem/variations}/_view/base.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxTarget/ComboboxTarget.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/ComboboxTarget/ComboboxTarget.types.d.ts +0 -0
- /package/types/components/Combobox/{ui → ComboboxOld/ui}/index.d.ts +0 -0
- /package/types/components/Combobox/{utils → ComboboxOld/utils}/index.d.ts +0 -0
- /package/types/examples/plasma_b2c/components/Combobox/{Combobox.config.d.ts → ComboboxOld/Combobox.config.d.ts} +0 -0
- /package/types/examples/plasma_web/components/Combobox/{Combobox.config.d.ts → ComboboxOld/Combobox.config.d.ts} +0 -0
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.ComboboxItem = exports.ComboboxHeader = exports.ComboboxGroup = exports.ComboboxFooter = exports.ComboboxDivider = exports.Combobox = void 0;
|
7
|
+
var _Combobox = /*#__PURE__*/require("../../../../../components/Combobox");
|
8
|
+
var _engines = /*#__PURE__*/require("../../../../../engines");
|
9
|
+
var _Combobox2 = /*#__PURE__*/require("./Combobox.config");
|
10
|
+
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Combobox.comboboxOldConfig, _Combobox2.config);
|
11
|
+
var Combobox = exports.Combobox = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
12
|
+
var mergedItemConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Combobox.comboboxItemConfig);
|
13
|
+
var ComboboxItem = exports.ComboboxItem = /*#__PURE__*/(0, _engines.component)(mergedItemConfig);
|
14
|
+
var mergedDividerConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Combobox.comboboxDividerConfig);
|
15
|
+
var ComboboxDivider = exports.ComboboxDivider = /*#__PURE__*/(0, _engines.component)(mergedDividerConfig);
|
16
|
+
var mergedFooterConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Combobox.comboboxFooterConfig);
|
17
|
+
var ComboboxFooter = exports.ComboboxFooter = /*#__PURE__*/(0, _engines.component)(mergedFooterConfig);
|
18
|
+
var mergedGroupConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Combobox.comboboxGroupConfig);
|
19
|
+
var ComboboxGroup = exports.ComboboxGroup = /*#__PURE__*/(0, _engines.component)(mergedGroupConfig);
|
20
|
+
var mergedHeaderConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Combobox.comboboxHeaderConfig);
|
21
|
+
var ComboboxHeader = exports.ComboboxHeader = /*#__PURE__*/(0, _engines.component)(mergedHeaderConfig);
|
@@ -0,0 +1,254 @@
|
|
1
|
+
import React, { useState } from 'react';
|
2
|
+
import type { ComponentProps } from 'react';
|
3
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
4
|
+
import { action } from '@storybook/addon-actions';
|
5
|
+
|
6
|
+
import { mergeConfig } from '../../../../../engines';
|
7
|
+
import { Checkbox } from '../../Checkbox/Checkbox';
|
8
|
+
import { comboboxOldConfig } from '../../../../../components/Combobox';
|
9
|
+
import { WithTheme, argTypesFromConfig } from '../../../../_helpers';
|
10
|
+
import { IconDone } from '../../../../../components/_Icon';
|
11
|
+
|
12
|
+
import { Combobox, ComboboxDivider, ComboboxItem } from './Combobox';
|
13
|
+
import { config } from './Combobox.config';
|
14
|
+
|
15
|
+
const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
|
16
|
+
const enumerations: Array<string> = ['comma', 'chip'];
|
17
|
+
|
18
|
+
type ComboboxPrimitiveValue = string | number | boolean;
|
19
|
+
|
20
|
+
type StorySelectPropsCustom = {
|
21
|
+
skidding?: number;
|
22
|
+
distance?: number;
|
23
|
+
};
|
24
|
+
|
25
|
+
type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
|
26
|
+
|
27
|
+
const meta: Meta<StorySelectProps> = {
|
28
|
+
title: 'plasma_b2c/ComboboxOld',
|
29
|
+
decorators: [WithTheme],
|
30
|
+
component: Combobox,
|
31
|
+
argTypes: {
|
32
|
+
placement: {
|
33
|
+
options: placements,
|
34
|
+
control: {
|
35
|
+
type: 'select',
|
36
|
+
},
|
37
|
+
},
|
38
|
+
enumerationType: {
|
39
|
+
options: enumerations,
|
40
|
+
control: {
|
41
|
+
type: 'select',
|
42
|
+
},
|
43
|
+
},
|
44
|
+
...argTypesFromConfig(mergeConfig(comboboxOldConfig, config)),
|
45
|
+
},
|
46
|
+
args: {
|
47
|
+
usePortal: false,
|
48
|
+
disabled: false,
|
49
|
+
readOnly: false,
|
50
|
+
label: 'Label',
|
51
|
+
placeholder: 'Placeholder',
|
52
|
+
enumerationType: 'comma',
|
53
|
+
size: 'm',
|
54
|
+
view: 'default',
|
55
|
+
placement: 'bottom',
|
56
|
+
},
|
57
|
+
};
|
58
|
+
|
59
|
+
export default meta;
|
60
|
+
|
61
|
+
const onChangeAction = action('onChange');
|
62
|
+
|
63
|
+
const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = {
|
64
|
+
xs: 'xs',
|
65
|
+
s: 's',
|
66
|
+
m: 's',
|
67
|
+
l: 's',
|
68
|
+
};
|
69
|
+
|
70
|
+
const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = {
|
71
|
+
xs: 's',
|
72
|
+
s: 'm',
|
73
|
+
m: 'm',
|
74
|
+
l: 'm',
|
75
|
+
};
|
76
|
+
|
77
|
+
const getSelectItems = (slug: string, elemCount: number) =>
|
78
|
+
[...Array(elemCount).keys()].map((num) => ({
|
79
|
+
value: `${slug}_${num}`,
|
80
|
+
child: `${slug} ${num}`,
|
81
|
+
}));
|
82
|
+
|
83
|
+
const StorySingle = (args: StorySelectProps) => {
|
84
|
+
const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
|
85
|
+
|
86
|
+
const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
|
87
|
+
|
88
|
+
const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
|
89
|
+
setValue(newValue);
|
90
|
+
onChangeAction(newValue);
|
91
|
+
};
|
92
|
+
|
93
|
+
return (
|
94
|
+
<div style={{ width: '50%' }}>
|
95
|
+
<Combobox
|
96
|
+
frame="theme-root"
|
97
|
+
usePortal={usePortal}
|
98
|
+
valueType="single"
|
99
|
+
value={value}
|
100
|
+
placement={placement}
|
101
|
+
label={label}
|
102
|
+
placeholder={placeholder}
|
103
|
+
size={size}
|
104
|
+
view={view}
|
105
|
+
disabled={disabled}
|
106
|
+
readOnly={readOnly}
|
107
|
+
onChangeValue={onChangeValue}
|
108
|
+
>
|
109
|
+
<ComboboxItem value={undefined} text="Clear" />
|
110
|
+
{getSelectItems('item', 6).map((item) => (
|
111
|
+
<ComboboxItem
|
112
|
+
key={item.value}
|
113
|
+
contentLeft={
|
114
|
+
item.value === value ? (
|
115
|
+
<IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
|
116
|
+
) : undefined
|
117
|
+
}
|
118
|
+
value={item.value}
|
119
|
+
text={item.child}
|
120
|
+
/>
|
121
|
+
))}
|
122
|
+
</Combobox>
|
123
|
+
</div>
|
124
|
+
);
|
125
|
+
};
|
126
|
+
|
127
|
+
export const Single: StoryObj<StorySelectProps> = {
|
128
|
+
render: (args) => <StorySingle {...args} />,
|
129
|
+
};
|
130
|
+
|
131
|
+
const StoryMultiple = (args: StorySelectProps) => {
|
132
|
+
const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
|
133
|
+
|
134
|
+
const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
|
135
|
+
|
136
|
+
const onChangeValue = (newValue?: Array<ComboboxPrimitiveValue>) => {
|
137
|
+
setValue(newValue);
|
138
|
+
onChangeAction(newValue);
|
139
|
+
};
|
140
|
+
|
141
|
+
return (
|
142
|
+
<div style={{ width: '50%' }}>
|
143
|
+
<Combobox
|
144
|
+
frame="theme-root"
|
145
|
+
usePortal={usePortal}
|
146
|
+
valueType="multiple"
|
147
|
+
enumerationType={enumerationType}
|
148
|
+
value={value}
|
149
|
+
placement={placement}
|
150
|
+
label={label}
|
151
|
+
placeholder={placeholder}
|
152
|
+
size={size}
|
153
|
+
view={view}
|
154
|
+
disabled={disabled}
|
155
|
+
readOnly={readOnly}
|
156
|
+
onChangeValue={onChangeValue}
|
157
|
+
>
|
158
|
+
<ComboboxItem value={undefined} text="Clear" />
|
159
|
+
{getSelectItems('item', 6).map((item) => (
|
160
|
+
<ComboboxItem
|
161
|
+
key={item.value}
|
162
|
+
contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />}
|
163
|
+
value={item.value}
|
164
|
+
text={item.child}
|
165
|
+
/>
|
166
|
+
))}
|
167
|
+
</Combobox>
|
168
|
+
</div>
|
169
|
+
);
|
170
|
+
};
|
171
|
+
|
172
|
+
export const Multiple: StoryObj<StorySelectProps> = {
|
173
|
+
render: (args) => <StoryMultiple {...args} />,
|
174
|
+
};
|
175
|
+
|
176
|
+
const StoryAddCustomItem = (args: StorySelectProps) => {
|
177
|
+
const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
|
178
|
+
|
179
|
+
const [opened, setOpened] = useState(false);
|
180
|
+
const [items, setItems] = useState(getSelectItems('item', 1));
|
181
|
+
const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
|
182
|
+
|
183
|
+
const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
|
184
|
+
setValue(newValue);
|
185
|
+
onChangeAction(newValue);
|
186
|
+
};
|
187
|
+
|
188
|
+
const onToggle = (openValue: boolean) => setOpened(openValue);
|
189
|
+
|
190
|
+
const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
|
191
|
+
const { code } = event;
|
192
|
+
|
193
|
+
if (code === 'Enter') {
|
194
|
+
const newValue = (event.target as HTMLInputElement).value;
|
195
|
+
const newItems = [...items];
|
196
|
+
|
197
|
+
if (newItems.find((item) => item.child === newValue)) {
|
198
|
+
return;
|
199
|
+
}
|
200
|
+
|
201
|
+
newItems.push({
|
202
|
+
value: `${newValue}_`,
|
203
|
+
child: (newValue || '').toString(),
|
204
|
+
});
|
205
|
+
|
206
|
+
setOpened(false);
|
207
|
+
setItems(newItems);
|
208
|
+
}
|
209
|
+
};
|
210
|
+
|
211
|
+
const filterFunction = () => true;
|
212
|
+
|
213
|
+
return (
|
214
|
+
<div style={{ width: '50%' }}>
|
215
|
+
<Combobox
|
216
|
+
frame="theme-root"
|
217
|
+
usePortal={usePortal}
|
218
|
+
valueType="single"
|
219
|
+
value={value}
|
220
|
+
placement={placement}
|
221
|
+
label={label}
|
222
|
+
placeholder={placeholder}
|
223
|
+
size={size}
|
224
|
+
view={view}
|
225
|
+
disabled={disabled}
|
226
|
+
readOnly={readOnly}
|
227
|
+
opened={opened}
|
228
|
+
onToggle={onToggle}
|
229
|
+
onChangeValue={onChangeValue}
|
230
|
+
onKeyDown={onKeyDown}
|
231
|
+
filterFunction={filterFunction}
|
232
|
+
>
|
233
|
+
<ComboboxItem value={undefined} text="Clear" />
|
234
|
+
<ComboboxDivider />
|
235
|
+
{items.map((item) => (
|
236
|
+
<ComboboxItem
|
237
|
+
key={item.value}
|
238
|
+
contentLeft={
|
239
|
+
item.value === value ? (
|
240
|
+
<IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
|
241
|
+
) : undefined
|
242
|
+
}
|
243
|
+
value={item.value}
|
244
|
+
text={item.child}
|
245
|
+
/>
|
246
|
+
))}
|
247
|
+
</Combobox>
|
248
|
+
</div>
|
249
|
+
);
|
250
|
+
};
|
251
|
+
|
252
|
+
export const AddCustomItem: StoryObj<StorySelectProps> = {
|
253
|
+
render: (args) => <StoryAddCustomItem {...args} />,
|
254
|
+
};
|
@@ -103,6 +103,7 @@ const meta: Meta<StorySelectProps> = {
|
|
103
103
|
'placeholder',
|
104
104
|
'helperText',
|
105
105
|
'isTargetAmount',
|
106
|
+
'closeAfterSelect',
|
106
107
|
'variant',
|
107
108
|
'disabled',
|
108
109
|
'listWidth',
|
@@ -345,6 +346,9 @@ const SingleStory = (args: StorySelectProps) => {
|
|
345
346
|
|
346
347
|
export const Single: StoryObj<StorySelectProps> = {
|
347
348
|
render: (args) => <SingleStory {...args} />,
|
349
|
+
args: {
|
350
|
+
closeAfterSelect: true,
|
351
|
+
},
|
348
352
|
};
|
349
353
|
|
350
354
|
const MultiselectStory = (args: StorySelectProps) => {
|
@@ -366,6 +370,7 @@ const MultiselectStory = (args: StorySelectProps) => {
|
|
366
370
|
export const Multiselect: StoryObj<StorySelectProps> = {
|
367
371
|
args: {
|
368
372
|
multiselect: true,
|
373
|
+
closeAfterSelect: false,
|
369
374
|
},
|
370
375
|
render: (args) => <MultiselectStory {...args} />,
|
371
376
|
};
|
@@ -14,15 +14,15 @@ var config = exports.config = {
|
|
14
14
|
variations: {
|
15
15
|
size: {
|
16
16
|
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.312rem;", ":0.625rem;", ":0.5rem;", ":0.5rem 0.5rem 0 0;", ":0.563rem;", ":0.625rem;", ":2.125rem;", ":0.563rem;", ":0.625rem;", ":0.5rem;", ":0.625rem;", ":0.563rem;", ":0.625rem;", ":0rem;", ":0.563rem;", ":0.5rem;", ":1.25rem;", ":0.375rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":0rem;", ":0rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight),
|
17
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"
|
18
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"
|
19
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"
|
17
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7.187rem;", ":0.625rem;", ":0.625rem;", ":0.625rem 0.625rem 0 0;", ":0.688rem;", ":0.875rem;", ":3.125rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0.75rem;", ":0.875rem;", ":0rem;", ":0.688rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight),
|
18
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":7rem;", ":1.125rem;", ":0.75rem;", ":0.75rem 0.75rem 0 0;", ":0.875rem;", ":1rem;", ":3.375rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0.75rem;", ":1rem;", ":0rem;", ":0.875rem;", ":0.875rem;", ":1.25rem;", ":0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight),
|
19
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":100%;", ":6.812rem;", ":1.625rem;", ":0.875rem;", ":0.875rem 0.875rem 0 0;", ":1.063rem;", ":1.125rem;", ":3.625rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0.75rem;", ":1.125rem;", ":0rem;", ":1.063rem;", ":1rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextArea.textAreaTokens.inputWidth, _TextArea.textAreaTokens.inputHeight, _TextArea.textAreaTokens.inputMinHeight, _TextArea.textAreaTokens.borderRadius, _TextArea.textAreaTokens.borderRadiusWithHelpers, _TextArea.textAreaTokens.inputPaddingTop, _TextArea.textAreaTokens.inputPaddingRight, _TextArea.textAreaTokens.inputPaddingRightWithRightContent, _TextArea.textAreaTokens.inputPaddingBottom, _TextArea.textAreaTokens.inputPaddingLeft, _TextArea.textAreaTokens.helpersPaddingTop, _TextArea.textAreaTokens.helpersPaddingRight, _TextArea.textAreaTokens.helpersPaddingBottom, _TextArea.textAreaTokens.helpersPaddingLeft, _TextArea.textAreaTokens.helpersOffset, _TextArea.textAreaTokens.rightContentTop, _TextArea.textAreaTokens.rightContentRight, _TextArea.textAreaTokens.rightContentHeight, _TextArea.textAreaTokens.labelMarginBottom, _TextArea.textAreaTokens.labelInnerFontFamily, _TextArea.textAreaTokens.labelInnerFontSize, _TextArea.textAreaTokens.labelInnerFontStyle, _TextArea.textAreaTokens.labelInnerFontWeight, _TextArea.textAreaTokens.labelInnerLetterSpacing, _TextArea.textAreaTokens.labelInnerLineHeight, _TextArea.textAreaTokens.labelInnerTop, _TextArea.textAreaTokens.labelInnerMarginBottom, _TextArea.textAreaTokens.inputFontFamily, _TextArea.textAreaTokens.inputFontSize, _TextArea.textAreaTokens.inputFontStyle, _TextArea.textAreaTokens.inputFontWeight, _TextArea.textAreaTokens.inputLetterSpacing, _TextArea.textAreaTokens.inputLineHeight, _TextArea.textAreaTokens.helpersFontFamily, _TextArea.textAreaTokens.helpersFontSize, _TextArea.textAreaTokens.helpersFontStyle, _TextArea.textAreaTokens.helpersFontWeight, _TextArea.textAreaTokens.helpersLetterSpacing, _TextArea.textAreaTokens.helpersLineHeight)
|
20
20
|
},
|
21
21
|
view: {
|
22
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);"
|
23
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-secondary);"
|
24
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-secondary);"
|
25
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-secondary);"
|
22
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-primary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
|
23
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-hover);", ":var(--surface-transparent-positive-active);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-positive);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
|
24
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-hover);", ":var(--surface-transparent-warning-active);", ":var(--surface-transparent-warning);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-warning);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor),
|
25
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-hover);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-negative);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-negative);", ":var(--text-secondary);"], _TextArea.textAreaTokens.inputBackgroundColor, _TextArea.textAreaTokens.inputBackgroundColorHover, _TextArea.textAreaTokens.inputBackgroundColorActive, _TextArea.textAreaTokens.inputBackgroundColorFocus, _TextArea.textAreaTokens.helpersBackgroundColor, _TextArea.textAreaTokens.helpersBackgroundColorHover, _TextArea.textAreaTokens.helpersBackgroundColorActive, _TextArea.textAreaTokens.helpersBackgroundColorFocus, _TextArea.textAreaTokens.inputColor, _TextArea.textAreaTokens.inputColorFocus, _TextArea.textAreaTokens.inputCaretColor, _TextArea.textAreaTokens.placeholderColor, _TextArea.textAreaTokens.placeholderColorFocus, _TextArea.textAreaTokens.leftHelperColor, _TextArea.textAreaTokens.rightHelperColor)
|
26
26
|
},
|
27
27
|
disabled: {
|
28
28
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;", ":var(--text-secondary);"], _TextArea.textAreaTokens.disabledOpacity, _TextArea.textAreaTokens.inputColorDisabled)
|
@@ -25,12 +25,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
25
25
|
decorators: [WithTheme],
|
26
26
|
component: TextArea,
|
27
27
|
argTypes: {
|
28
|
-
requiredPlacement: {
|
29
|
-
options: ['left', 'right'],
|
30
|
-
control: {
|
31
|
-
type: 'select',
|
32
|
-
},
|
33
|
-
},
|
34
28
|
...argTypesFromConfig(mergeConfig(textAreaConfig, config)),
|
35
29
|
rows: {
|
36
30
|
control: {
|
@@ -61,9 +55,6 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
61
55
|
autoResize: false,
|
62
56
|
minAuto: 0,
|
63
57
|
maxAuto: 0,
|
64
|
-
optional: false,
|
65
|
-
required: false,
|
66
|
-
requiredPlacement: 'right',
|
67
58
|
},
|
68
59
|
};
|
69
60
|
|
@@ -14,16 +14,16 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"
|
18
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"
|
19
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"
|
20
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor),
|
18
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor),
|
19
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor),
|
20
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":0.72;", ":var(--text-accent);"], _TextField.textFieldTokens.color, _TextField.textFieldTokens.backgroundColor, _TextField.textFieldTokens.backgroundColorFocus, _TextField.textFieldTokens.caretColor, _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.textBeforeColor, _TextField.textFieldTokens.textAfterColor, _TextField.textFieldTokens.labelColor, _TextField.textFieldTokens.leftHelperColor, _TextField.textFieldTokens.chipCloseIconColor, _TextField.textFieldTokens.chipColor, _TextField.textFieldTokens.chipBackground, _TextField.textFieldTokens.chipColorHover, _TextField.textFieldTokens.chipBackgroundHover, _TextField.textFieldTokens.chipColorActive, _TextField.textFieldTokens.chipBackgroundActive, _TextField.textFieldTokens.chipBackgroundReadOnly, _TextField.textFieldTokens.chipColorReadOnly, _TextField.textFieldTokens.chipBackgroundReadOnlyHover, _TextField.textFieldTokens.chipColorReadOnlyHover, _TextField.textFieldTokens.chipOpacityReadonly, _TextField.textFieldTokens.focusColor)
|
21
21
|
},
|
22
22
|
size: {
|
23
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", "
|
24
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", "
|
25
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", "
|
26
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", "
|
23
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight),
|
24
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0.625rem;", ":0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight),
|
25
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight),
|
26
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0.375rem;", ":0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextField.textFieldTokens.height, _TextField.textFieldTokens.padding, _TextField.textFieldTokens.paddingWithChips, _TextField.textFieldTokens.borderRadius, _TextField.textFieldTokens.leftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TextField.textFieldTokens.textBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TextField.textFieldTokens.fontFamily, _TextField.textFieldTokens.fontSize, _TextField.textFieldTokens.fontStyle, _TextField.textFieldTokens.fontWeight, _TextField.textFieldTokens.letterSpacing, _TextField.textFieldTokens.lineHeight, _TextField.textFieldTokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TextField.textFieldTokens.labelFontSize, _TextField.textFieldTokens.labelFontStyle, _TextField.textFieldTokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TextField.textFieldTokens.leftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontSize, _TextField.textFieldTokens.leftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _TextField.textFieldTokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TextField.textFieldTokens.chipGap, _TextField.textFieldTokens.chipBorderRadius, _TextField.textFieldTokens.chipWidth, _TextField.textFieldTokens.chipHeight, _TextField.textFieldTokens.chipPaddingRight, _TextField.textFieldTokens.chipPaddingLeft, _TextField.textFieldTokens.chipClearContentMarginLeft, _TextField.textFieldTokens.chipClearContentMarginRight, _TextField.textFieldTokens.chipCloseIconSize, _TextField.textFieldTokens.chipFontFamily, _TextField.textFieldTokens.chipFontSize, _TextField.textFieldTokens.chipFontStyle, _TextField.textFieldTokens.chipFontWeight, _TextField.textFieldTokens.chipLetterSpacing, _TextField.textFieldTokens.chipLineHeight)
|
27
27
|
},
|
28
28
|
labelPlacement: {
|
29
29
|
inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--text-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _TextField.textFieldTokens.placeholderColor, _TextField.textFieldTokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight),
|
package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx
CHANGED
@@ -22,12 +22,6 @@ const meta: Meta<typeof TextField> = {
|
|
22
22
|
component: TextField,
|
23
23
|
decorators: [WithTheme],
|
24
24
|
argTypes: {
|
25
|
-
requiredPlacement: {
|
26
|
-
options: ['left', 'right'],
|
27
|
-
control: {
|
28
|
-
type: 'select',
|
29
|
-
},
|
30
|
-
},
|
31
25
|
view: {
|
32
26
|
options: views,
|
33
27
|
control: {
|
@@ -119,9 +113,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
119
113
|
readOnly: false,
|
120
114
|
enableContentLeft: true,
|
121
115
|
enableContentRight: true,
|
122
|
-
optional: false,
|
123
|
-
required: false,
|
124
|
-
requiredPlacement: 'right',
|
125
116
|
},
|
126
117
|
render: (args) => <StoryDemo {...args} />,
|
127
118
|
};
|
@@ -142,6 +133,7 @@ type StoryPropsChips = Omit<
|
|
142
133
|
| 'checked'
|
143
134
|
| 'maxLength'
|
144
135
|
| 'minLength'
|
136
|
+
| 'required'
|
145
137
|
| 'enumerationType'
|
146
138
|
> & {
|
147
139
|
enableContentLeft: boolean;
|