@salutejs/plasma-new-hope 0.192.1-dev.0 → 0.193.0-canary.1550.11804452240.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +21 -22
- package/cjs/components/Cell/Cell.js +3 -1
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/cjs/components/Chip/Chip.js +3 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +86 -37
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
- package/cjs/components/Range/Range.css +21 -22
- package/cjs/components/Select/FloatingPopover.js +87 -0
- package/cjs/components/Select/FloatingPopover.js.map +1 -0
- package/cjs/components/Select/Select.css +83 -34
- package/cjs/components/Select/Select.js +179 -139
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +17 -50
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
- package/cjs/components/Select/Select.tokens.js +122 -78
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +83 -34
- package/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
- package/cjs/components/Select/ui/Target/Target.css +58 -17
- package/cjs/components/Select/ui/Target/Target.js +34 -16
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +10 -14
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
- package/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
- package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
- package/cjs/components/Select/utils/getItemId.js +10 -0
- package/cjs/components/Select/utils/getItemId.js.map +1 -0
- package/cjs/components/Select/utils/getPlacement.js +13 -0
- package/cjs/components/Select/utils/getPlacement.js.map +1 -0
- package/cjs/components/Select/utils/getView.js +2 -2
- package/cjs/components/Select/utils/getView.js.map +1 -1
- package/cjs/components/Slider/Slider.css +21 -22
- package/cjs/components/Slider/components/Double/Double.css +21 -22
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
- package/cjs/components/TextField/TextField.js +11 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +14 -22
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
- package/cjs/index.css +46 -61
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/fixedForwardRef.js +12 -0
- package/cjs/utils/fixedForwardRef.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Cell/Cell.js +3 -1
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/emotion/cjs/components/Chip/Chip.js +3 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
- package/emotion/cjs/components/Select/Select.js +177 -136
- package/emotion/cjs/components/Select/Select.styles.js +13 -31
- package/emotion/cjs/components/Select/Select.tokens.js +125 -60
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/emotion/cjs/components/Select/reducers/index.js +0 -11
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
- package/emotion/cjs/components/Select/ui/Target/Target.js +38 -18
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
- package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
- package/emotion/cjs/components/Select/utils/getView.js +2 -2
- package/emotion/cjs/components/Select/utils/index.js +22 -1
- package/emotion/cjs/components/TextField/TextField.js +12 -3
- package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/emotion/cjs/index.js +11 -0
- package/emotion/cjs/types/DistributiveOmit.js +5 -0
- package/emotion/cjs/types/DistributivePick.js +5 -0
- package/emotion/cjs/utils/fixedForwardRef.js +11 -0
- package/emotion/cjs/utils/index.js +9 -1
- package/emotion/es/components/Cell/Cell.js +3 -1
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/emotion/es/components/Chip/Chip.js +3 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/es/components/Select/FloatingPopover.js +84 -0
- package/emotion/es/components/Select/Select.js +182 -141
- package/emotion/es/components/Select/Select.styles.js +12 -30
- package/emotion/es/components/Select/Select.tokens.js +125 -60
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
- package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
- package/emotion/es/components/Select/reducers/index.js +1 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
- package/emotion/es/components/Select/ui/Target/Target.js +35 -17
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
- package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
- package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
- package/emotion/es/components/Select/utils/getItemId.js +3 -0
- package/emotion/es/components/Select/utils/getPlacement.js +6 -0
- package/emotion/es/components/Select/utils/getView.js +2 -2
- package/emotion/es/components/Select/utils/index.js +4 -1
- package/emotion/es/components/TextField/TextField.js +12 -3
- package/emotion/es/components/TextField/TextField.styles.js +36 -40
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/emotion/es/index.js +1 -0
- package/emotion/es/types/DistributiveOmit.js +1 -0
- package/emotion/es/types/DistributivePick.js +1 -0
- package/emotion/es/utils/fixedForwardRef.js +4 -0
- package/emotion/es/utils/index.js +2 -1
- package/es/components/Autocomplete/Autocomplete.css +21 -22
- package/es/components/Cell/Cell.js +3 -1
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Chip/Chip.js +3 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
- package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
- package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
- package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Pagination/Pagination.css +86 -37
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
- package/es/components/Range/Range.css +21 -22
- package/es/components/Select/FloatingPopover.js +83 -0
- package/es/components/Select/FloatingPopover.js.map +1 -0
- package/es/components/Select/Select.css +83 -34
- package/es/components/Select/Select.js +182 -142
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +18 -48
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
- package/es/components/Select/Select.tokens.js +123 -78
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +4 -1
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +83 -34
- package/es/components/Select/ui/Inner/Inner.js +10 -10
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
- package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
- package/es/components/Select/ui/Target/Target.css +58 -17
- package/es/components/Select/ui/Target/Target.js +35 -17
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/es/components/Select/ui/Target/ui/Button/Button.js +11 -15
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
- package/es/components/Select/utils/getButtonLabel.js +1 -1
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getFallbackPlacements.js +11 -0
- package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
- package/es/components/Select/utils/getItemId.js +6 -0
- package/es/components/Select/utils/getItemId.js.map +1 -0
- package/es/components/Select/utils/getPlacement.js +9 -0
- package/es/components/Select/utils/getPlacement.js.map +1 -0
- package/es/components/Select/utils/getView.js +2 -2
- package/es/components/Select/utils/getView.js.map +1 -1
- package/es/components/Slider/Slider.css +21 -22
- package/es/components/Slider/components/Double/Double.css +21 -22
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
- package/es/components/TextField/TextField.js +11 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +14 -22
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +20 -21
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
- package/es/index.css +46 -61
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/utils/fixedForwardRef.js +8 -0
- package/es/utils/fixedForwardRef.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Cell/Cell.js +3 -1
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/styled-components/cjs/components/Chip/Chip.js +3 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
- package/styled-components/cjs/components/Select/Select.js +177 -136
- package/styled-components/cjs/components/Select/Select.styles.js +12 -27
- package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/styled-components/cjs/components/Select/reducers/index.js +0 -11
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
- package/styled-components/cjs/components/Select/ui/Target/Target.js +38 -18
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +13 -16
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
- package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
- package/styled-components/cjs/components/Select/utils/getView.js +2 -2
- package/styled-components/cjs/components/Select/utils/index.js +22 -1
- package/styled-components/cjs/components/TextField/TextField.js +11 -2
- package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/types/DistributiveOmit.js +5 -0
- package/styled-components/cjs/types/DistributivePick.js +5 -0
- package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
- package/styled-components/cjs/utils/index.js +9 -1
- package/styled-components/es/components/Cell/Cell.js +3 -1
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/styled-components/es/components/Chip/Chip.js +3 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/es/components/Select/FloatingPopover.js +84 -0
- package/styled-components/es/components/Select/Select.js +182 -141
- package/styled-components/es/components/Select/Select.styles.js +11 -26
- package/styled-components/es/components/Select/Select.tokens.js +125 -60
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
- package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
- package/styled-components/es/components/Select/reducers/index.js +1 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
- package/styled-components/es/components/Select/ui/Target/Target.js +35 -17
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +11 -16
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
- package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
- package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
- package/styled-components/es/components/Select/utils/getItemId.js +3 -0
- package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
- package/styled-components/es/components/Select/utils/getView.js +2 -2
- package/styled-components/es/components/Select/utils/index.js +4 -1
- package/styled-components/es/components/TextField/TextField.js +11 -2
- package/styled-components/es/components/TextField/TextField.styles.js +12 -15
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/types/DistributiveOmit.js +1 -0
- package/styled-components/es/types/DistributivePick.js +1 -0
- package/styled-components/es/utils/fixedForwardRef.js +4 -0
- package/styled-components/es/utils/index.js +2 -1
- package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -3
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
- package/types/components/Notification/Notification.styles.d.ts +2 -2
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
- package/types/components/Pagination/Pagination.styles.d.ts +4 -4
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
- package/types/components/Range/Range.styles.d.ts +16 -16
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/FloatingPopover.d.ts +5 -0
- package/types/components/Select/FloatingPopover.d.ts.map +1 -0
- package/types/components/Select/Select.d.ts +5 -11
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +0 -9
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +121 -58
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +41 -20
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/reducers/index.d.ts +0 -1
- package/types/components/Select/reducers/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +14 -2
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
- package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
- package/types/components/Select/utils/getItemId.d.ts +2 -0
- package/types/components/Select/utils/getItemId.d.ts.map +1 -0
- package/types/components/Select/utils/getPlacement.d.ts +4 -0
- package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
- package/types/components/Select/utils/getView.d.ts +1 -1
- package/types/components/Select/utils/getView.d.ts.map +1 -1
- package/types/components/Select/utils/index.d.ts +3 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -3
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +2 -2
- package/types/components/Toast/utils.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +53 -46
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +53 -46
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/types/DistributiveOmit.d.ts +2 -0
- package/types/types/DistributiveOmit.d.ts.map +1 -0
- package/types/types/DistributivePick.d.ts +2 -0
- package/types/types/DistributivePick.d.ts.map +1 -0
- package/types/types/index.d.ts +2 -0
- package/types/types/index.d.ts.map +1 -1
- package/types/utils/fixedForwardRef.d.ts +3 -0
- package/types/utils/fixedForwardRef.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
- package/cjs/components/Select/Select.styles_768h42.css +0 -5
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
- package/cjs/components/Select/variations/_size/base.js +0 -9
- package/cjs/components/Select/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/variations/_view/base.js +0 -9
- package/cjs/components/Select/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
- package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
- package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
- package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
- package/emotion/es/components/Select/variations/_size/base.js +0 -2
- package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
- package/emotion/es/components/Select/variations/_view/base.js +0 -2
- package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
- package/es/components/Select/Select.styles_768h42.css +0 -5
- package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
- package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
- package/es/components/Select/variations/_size/base.js +0 -5
- package/es/components/Select/variations/_size/base.js.map +0 -1
- package/es/components/Select/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/variations/_view/base.js +0 -5
- package/es/components/Select/variations/_view/base.js.map +0 -1
- package/es/components/Select/variations/_view/base_x642ct.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
- package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
- package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
- package/styled-components/es/components/Select/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
- package/styled-components/es/components/Select/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
- package/types/components/Select/variations/_size/base.d.ts +0 -2
- package/types/components/Select/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/variations/_view/base.d.ts +0 -2
- package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -1,35 +0,0 @@
|
|
1
|
-
function focusedChipIndexReducer(state, action) {
|
2
|
-
switch (action.type) {
|
3
|
-
case 'reset':
|
4
|
-
{
|
5
|
-
return null;
|
6
|
-
}
|
7
|
-
case 'moveLeft':
|
8
|
-
{
|
9
|
-
if (state === null) {
|
10
|
-
return 0;
|
11
|
-
}
|
12
|
-
if (state === 0) {
|
13
|
-
return state;
|
14
|
-
}
|
15
|
-
return state - 1;
|
16
|
-
}
|
17
|
-
case 'moveRight':
|
18
|
-
{
|
19
|
-
if (state === null) {
|
20
|
-
return action.total - 1;
|
21
|
-
}
|
22
|
-
if (state === action.total - 1) {
|
23
|
-
return state;
|
24
|
-
}
|
25
|
-
return state + 1;
|
26
|
-
}
|
27
|
-
default:
|
28
|
-
{
|
29
|
-
return null;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
}
|
33
|
-
|
34
|
-
export { focusedChipIndexReducer };
|
35
|
-
//# sourceMappingURL=focusedChipIndexReducer.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"focusedChipIndexReducer.js","sources":["../../../../src/components/Select/reducers/focusedChipIndexReducer.ts"],"sourcesContent":["export type FocusedChipIndexState = number | null;\n\nexport type FocusedChipIndexAction = { type: 'reset' } | { type: 'moveLeft' } | { type: 'moveRight'; total: number };\n\nexport function focusedChipIndexReducer(\n state: FocusedChipIndexState,\n action: FocusedChipIndexAction,\n): FocusedChipIndexState {\n switch (action.type) {\n case 'reset': {\n return null;\n }\n\n case 'moveLeft': {\n if (state === null) {\n return 0;\n }\n\n if (state === 0) {\n return state;\n }\n\n return state - 1;\n }\n\n case 'moveRight': {\n if (state === null) {\n return action.total - 1;\n }\n\n if (state === action.total - 1) {\n return state;\n }\n\n return state + 1;\n }\n\n default: {\n return null;\n }\n }\n}\n"],"names":["focusedChipIndexReducer","state","action","type","total"],"mappings":"AAIO,SAASA,uBAAuBA,CACnCC,KAA4B,EAC5BC,MAA8B,EACT;EACrB,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,UAAU;AAAE,MAAA;QACb,IAAIF,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,WAAW;AAAE,MAAA;QACd,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,KAAK,GAAG,CAAC,CAAA;AAC3B,SAAA;AAEA,QAAA,IAAIH,KAAK,KAAKC,MAAM,CAACE,KAAK,GAAG,CAAC,EAAE;AAC5B,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
.s1vls8ri{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
|
2
|
-
.s1to2lz5{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
3
|
-
.s17z4dei{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
4
|
-
.s1nd9idj{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
5
|
-
.dnb2nsj{line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dnb2nsj:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
6
|
-
.i581hb1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--i581hb1-0);height:var(--i581hb1-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.i581hb1 .select-item-checkbox{--plasma-checkbox-trigger-size:var(--i581hb1-1);--plasma-checkbox-trigger-border-radius:var(--i581hb1-2);}
|
7
|
-
.scgpql7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--scgpql7-0);}
|
8
|
-
.wzzpzvq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--wzzpzvq-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.wzzpzvq:hover:not(.dropdown-item-is-disabled){cursor:pointer;background:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-active{background:var(--plasma-select-item-background-hover);}.wzzpzvq.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.wzzpzvq:focus{outline:none;}.wzzpzvq::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.wzzpzvq.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
9
|
-
|
@@ -1,5 +0,0 @@
|
|
1
|
-
.sfn0xs0{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--sfn0xs0-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);text-align:left;}
|
2
|
-
.i1akdel6{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.i1akdel6:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.i1akdel6:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
3
|
-
.sn98tws{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
4
|
-
.ba2820e{display:inline;}.ba2820e .select-without-box-shadow::before{box-shadow:none !important;}.ba2820e .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
5
|
-
.lpf11kx{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
.t1yhwv5r{display:inline;}.t1yhwv5r .select-textfield-target{-webkit-transition:100ms;transition:100ms;background:var(--t1yhwv5r-0);padding:var(--t1yhwv5r-1);border:var(--t1yhwv5r-2);}.t1yhwv5r .select-textfield-target:hover{-webkit-transition:100ms;transition:100ms;border:var(--t1yhwv5r-3);}.t1yhwv5r .select-without-box-shadow::before{box-shadow:none !important;}
|
2
|
-
.s7x5udn{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-height:var(--s7x5udn-0);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);box-shadow:inset 0 0 0 --plasma-select-target-textfield-border-size var(--plasma-select-target-textfield-border-color);text-align:left;position:relative;}.s7x5udn::before{content:'';position:absolute;top:--plasma-select-target-textfield-border-size;left:--plasma-select-target-textfield-border-size;right:--plasma-select-target-textfield-border-size;bottom:--plasma-select-target-textfield-border-size;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) - --plasma-select-target-textfield-border-size);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s7x5udn.focus-visible:focus::before,.s7x5udn[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
3
|
-
|
4
|
-
.i1kxyc50{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.i1kxyc50:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.i1kxyc50:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
|
5
|
-
.wqzfsxn{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.wqzfsxn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
6
|
-
.c1cgo38i{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:var(--c1cgo38i-0);gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.c1cgo38i::-webkit-scrollbar{display:none;}
|
7
|
-
.l9ikjwc{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
8
|
-
.p1jn3k4y{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
9
|
-
.i8xlj9b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
10
|
-
.iu6fefp{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
|
11
|
-
.c1ox0htq{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;color:var(--plasma-select-content-left-color,--text-secondary);}
|
12
|
-
.v1kam5d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
-
|
3
|
-
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
4
|
-
|
5
|
-
.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
|
6
|
-
|
7
|
-
.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
|
8
|
-
|
9
|
-
.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
|
10
|
-
|
11
|
-
.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
|
12
|
-
|
13
|
-
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
14
|
-
|
15
|
-
.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
16
|
-
.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
17
|
-
.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
18
|
-
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
19
|
-
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
20
|
-
|
21
|
-
.Chip_styles_1a752pa_scwjjdn__1a6784c0{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_1a752pa_scwjjdn__1a6784c0::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_1a752pa_scwjjdn__1a6784c0.Chip_styles_1a752pa_selectChipIsFocused__1a6784c0:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import React, { useRef, useEffect } from 'react';
|
2
|
-
import { classes } from '../../../../../../Select.tokens.js';
|
3
|
-
import { StyledChip } from './Chip.styles.js';
|
4
|
-
|
5
|
-
var _div;
|
6
|
-
var Chip = function Chip(_ref) {
|
7
|
-
var text = _ref.text,
|
8
|
-
onClick = _ref.onClick,
|
9
|
-
focused = _ref.focused,
|
10
|
-
isTargetAmount = _ref.isTargetAmount;
|
11
|
-
var ref = useRef(null);
|
12
|
-
useEffect(function () {
|
13
|
-
if (focused && ref.current) {
|
14
|
-
ref.current.scrollIntoView({
|
15
|
-
behavior: 'smooth',
|
16
|
-
block: 'center',
|
17
|
-
inline: 'center'
|
18
|
-
});
|
19
|
-
}
|
20
|
-
}, [focused]);
|
21
|
-
return /*#__PURE__*/React.createElement(StyledChip, {
|
22
|
-
contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
|
23
|
-
tabIndex: -1,
|
24
|
-
onClick: onClick,
|
25
|
-
text: "".concat(text),
|
26
|
-
className: focused ? classes.selectChipIsFocused : undefined,
|
27
|
-
ref: ref
|
28
|
-
});
|
29
|
-
};
|
30
|
-
|
31
|
-
export { Chip };
|
32
|
-
//# sourceMappingURL=Chip.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Chip.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { SelectProps } from '../../../../../../Select.types';\nimport { classes } from '../../../../../../Select.tokens';\n\nimport { StyledChip } from './Chip.styles';\n\nexport const Chip: React.FC<{\n text: string;\n onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n focused?: boolean;\n isTargetAmount?: SelectProps['isTargetAmount'];\n}> = ({ text, onClick, focused, isTargetAmount }) => {\n const ref = useRef<HTMLButtonElement | null>(null);\n\n useEffect(() => {\n if (focused && ref.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focused]);\n\n return (\n <StyledChip\n contentClearButton={isTargetAmount && <div />}\n tabIndex={-1}\n onClick={onClick}\n text={`${text}`}\n className={focused ? classes.selectChipIsFocused : undefined}\n ref={ref}\n />\n );\n};\n"],"names":["Chip","_ref","text","onClick","focused","isTargetAmount","ref","useRef","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","StyledChip","contentClearButton","_div","tabIndex","concat","className","classes","selectChipIsFocused","undefined"],"mappings":";;;;;IAOaA,IAKX,GAAG,SALQA,IAKXA,CAAAC,IAAA,EAAmD;AAAA,EAAA,IAA7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc,CAAA;AAC1C,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAA2B,IAAI,CAAC,CAAA;AAElDC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIJ,OAAO,IAAIE,GAAG,CAACG,OAAO,EAAE;AACxBH,MAAAA,GAAG,CAACG,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACT,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACPC,IAAAA,kBAAkB,EAAEZ,cAAc,KAAAa,IAAA,KAAAA,IAAA,gBAAIJ,KAAA,CAAAC,aAAA,CAAM,KAAA,EAAA,IAAA,CAAC,CAAC,CAAA;IAC9CI,QAAQ,EAAE,CAAC,CAAE;AACbhB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,IAAI,EAAAkB,EAAAA,CAAAA,MAAA,CAAKlB,IAAI,CAAG;AAChBmB,IAAAA,SAAS,EAAEjB,OAAO,GAAGkB,OAAO,CAACC,mBAAmB,GAAGC,SAAU;AAC7DlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACZ,CAAC,CAAA;AAEV;;;;"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import './Chip.styles_1a752pa.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
import { component, mergeConfig } from '../../../../../../../../engines/common.js';
|
4
|
-
import { chipConfig } from '../../../../../../../Chip/Chip.js';
|
5
|
-
|
6
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
|
7
|
-
var Chip = /*#__PURE__*/component(mergedConfig);
|
8
|
-
var _exp = function _exp() {
|
9
|
-
return Chip;
|
10
|
-
};
|
11
|
-
var StyledChip = /*#__PURE__*/styled(_exp())({
|
12
|
-
name: "StyledChip",
|
13
|
-
"class": "scwjjdn",
|
14
|
-
propsAsIs: true
|
15
|
-
});
|
16
|
-
|
17
|
-
export { StyledChip };
|
18
|
-
//# sourceMappingURL=Chip.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.colorHover}: var(${tokens.chipColor});\n ${chipTokens.colorActive}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n ${chipTokens.fontSize}: var(${tokens.fontSize});\n ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n ${chipTokens.focusColor}: var(${constants.focusColor});\n\n ${addFocus({\n outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n customFocusRules: `\n &.${classes.selectChipIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n }\n `,\n })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.scwjjdn{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.scwjjdn::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.scwjjdn.select-chip-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
.b15d3bnf.label-placement-outer .l1gjsnfi{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i19ry60d{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .s14qvple,.b15d3bnf.label-placement-inner .smqgwd8{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .i13qvwoy:focus ~ .l1gjsnfi,.b15d3bnf.label-placement-inner .i13qvwoy.has-value ~ .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .l1gjsnfi{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.b15d3bnf.label-placement-inner.textfield-clear .l1gjsnfi{color:var(--plasma-textfield__clear-placeholder-color);}
|
@@ -1,38 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.focusedChipIndexReducer = focusedChipIndexReducer;
|
7
|
-
function focusedChipIndexReducer(state, action) {
|
8
|
-
switch (action.type) {
|
9
|
-
case 'reset':
|
10
|
-
{
|
11
|
-
return null;
|
12
|
-
}
|
13
|
-
case 'moveLeft':
|
14
|
-
{
|
15
|
-
if (state === null) {
|
16
|
-
return 0;
|
17
|
-
}
|
18
|
-
if (state === 0) {
|
19
|
-
return state;
|
20
|
-
}
|
21
|
-
return state - 1;
|
22
|
-
}
|
23
|
-
case 'moveRight':
|
24
|
-
{
|
25
|
-
if (state === null) {
|
26
|
-
return action.total - 1;
|
27
|
-
}
|
28
|
-
if (state === action.total - 1) {
|
29
|
-
return state;
|
30
|
-
}
|
31
|
-
return state + 1;
|
32
|
-
}
|
33
|
-
default:
|
34
|
-
{
|
35
|
-
return null;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.Chip = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _Select = /*#__PURE__*/require("../../../../../../Select.tokens");
|
10
|
-
var _Chip = /*#__PURE__*/require("./Chip.styles");
|
11
|
-
var _div;
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
14
|
-
var Chip = exports.Chip = function Chip(_ref) {
|
15
|
-
var text = _ref.text,
|
16
|
-
onClick = _ref.onClick,
|
17
|
-
focused = _ref.focused,
|
18
|
-
isTargetAmount = _ref.isTargetAmount;
|
19
|
-
var ref = (0, _react.useRef)(null);
|
20
|
-
(0, _react.useEffect)(function () {
|
21
|
-
if (focused && ref.current) {
|
22
|
-
ref.current.scrollIntoView({
|
23
|
-
behavior: 'smooth',
|
24
|
-
block: 'center',
|
25
|
-
inline: 'center'
|
26
|
-
});
|
27
|
-
}
|
28
|
-
}, [focused]);
|
29
|
-
return /*#__PURE__*/_react["default"].createElement(_Chip.StyledChip, {
|
30
|
-
contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/_react["default"].createElement("div", null))),
|
31
|
-
tabIndex: -1,
|
32
|
-
onClick: onClick,
|
33
|
-
text: "".concat(text),
|
34
|
-
className: focused ? _Select.classes.selectChipIsFocused : undefined,
|
35
|
-
ref: ref
|
36
|
-
});
|
37
|
-
};
|
package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js
DELETED
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.StyledChip = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _Chip = /*#__PURE__*/require("../../../../../../../Chip");
|
9
|
-
var _engines = /*#__PURE__*/require("../../../../../../../../engines");
|
10
|
-
var _Select = /*#__PURE__*/require("../../../../../../Select.tokens");
|
11
|
-
var _mixins = /*#__PURE__*/require("../../../../../../../../mixins");
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
|
14
|
-
var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
15
|
-
var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-1mtedco-0"
|
17
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ";"], _Chip.chipTokens.color, _Select.tokens.chipColor, _Chip.chipTokens.colorHover, _Select.tokens.chipColor, _Chip.chipTokens.colorActive, _Select.tokens.chipColor, _Chip.chipTokens.background, _Select.tokens.chipBackground, _Chip.chipTokens.backgroundHover, _Select.tokens.chipBackgroundHover, _Chip.chipTokens.backgroundActive, _Select.tokens.chipBackgroundActive, _Chip.chipTokens.borderRadius, _Select.tokens.chipBorderRadius, _Chip.chipTokens.height, _Select.tokens.chipHeight, _Chip.chipTokens.paddingRight, _Select.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _Select.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _Select.tokens.fontFamily, _Chip.chipTokens.fontSize, _Select.tokens.fontSize, _Chip.chipTokens.fontStyle, _Select.tokens.fontStyle, _Chip.chipTokens.fontWeight, _Select.tokens.fontWeight, _Chip.chipTokens.letterSpacing, _Select.tokens.fontLetterSpacing, _Chip.chipTokens.lineHeight, _Select.tokens.fontLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Select.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Select.tokens.chipClearContentMarginRight, _Chip.chipTokens.closeIconSize, _Select.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Select.tokens.chipColor, _Chip.chipTokens.focusColor, _Select.constants.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
18
|
-
outlineOffset: /*#__PURE__*/"calc(var(".concat(_Select.tokens.focusOffset, ") * -1)"),
|
19
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.chipBorderRadius, ") + var(").concat(_Select.tokens.focusOffset, "))"),
|
20
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(_Select.classes.selectChipIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 ").concat(_Select.constants.focusSize, " var(").concat(_Select.constants.focusColor, ");\n }\n ")
|
21
|
-
}));
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
var _Chip = /*#__PURE__*/require("./Chip/Chip");
|
7
|
-
Object.keys(_Chip).forEach(function (key) {
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
9
|
-
if (key in exports && exports[key] === _Chip[key]) return;
|
10
|
-
Object.defineProperty(exports, key, {
|
11
|
-
enumerable: true,
|
12
|
-
get: function get() {
|
13
|
-
return _Chip[key];
|
14
|
-
}
|
15
|
-
});
|
16
|
-
});
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-select-background", "--plasma-select-box-shadow"]
|
@@ -1,32 +0,0 @@
|
|
1
|
-
export function focusedChipIndexReducer(state, action) {
|
2
|
-
switch (action.type) {
|
3
|
-
case 'reset':
|
4
|
-
{
|
5
|
-
return null;
|
6
|
-
}
|
7
|
-
case 'moveLeft':
|
8
|
-
{
|
9
|
-
if (state === null) {
|
10
|
-
return 0;
|
11
|
-
}
|
12
|
-
if (state === 0) {
|
13
|
-
return state;
|
14
|
-
}
|
15
|
-
return state - 1;
|
16
|
-
}
|
17
|
-
case 'moveRight':
|
18
|
-
{
|
19
|
-
if (state === null) {
|
20
|
-
return action.total - 1;
|
21
|
-
}
|
22
|
-
if (state === action.total - 1) {
|
23
|
-
return state;
|
24
|
-
}
|
25
|
-
return state + 1;
|
26
|
-
}
|
27
|
-
default:
|
28
|
-
{
|
29
|
-
return null;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
var _div;
|
2
|
-
import React, { useEffect, useRef } from 'react';
|
3
|
-
import { classes } from '../../../../../../Select.tokens';
|
4
|
-
import { StyledChip } from './Chip.styles';
|
5
|
-
export var Chip = function Chip(_ref) {
|
6
|
-
var text = _ref.text,
|
7
|
-
onClick = _ref.onClick,
|
8
|
-
focused = _ref.focused,
|
9
|
-
isTargetAmount = _ref.isTargetAmount;
|
10
|
-
var ref = useRef(null);
|
11
|
-
useEffect(function () {
|
12
|
-
if (focused && ref.current) {
|
13
|
-
ref.current.scrollIntoView({
|
14
|
-
behavior: 'smooth',
|
15
|
-
block: 'center',
|
16
|
-
inline: 'center'
|
17
|
-
});
|
18
|
-
}
|
19
|
-
}, [focused]);
|
20
|
-
return /*#__PURE__*/React.createElement(StyledChip, {
|
21
|
-
contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
|
22
|
-
tabIndex: -1,
|
23
|
-
onClick: onClick,
|
24
|
-
text: "".concat(text),
|
25
|
-
className: focused ? classes.selectChipIsFocused : undefined,
|
26
|
-
ref: ref
|
27
|
-
});
|
28
|
-
};
|
package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js
DELETED
@@ -1,14 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { chipConfig, chipTokens } from '../../../../../../../Chip';
|
3
|
-
import { component, mergeConfig } from '../../../../../../../../engines';
|
4
|
-
import { tokens, classes, constants } from '../../../../../../Select.tokens';
|
5
|
-
import { addFocus } from '../../../../../../../../mixins';
|
6
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
|
7
|
-
var Chip = /*#__PURE__*/component(mergedConfig);
|
8
|
-
export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-1mtedco-0"
|
10
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ";"], chipTokens.color, tokens.chipColor, chipTokens.colorHover, tokens.chipColor, chipTokens.colorActive, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.height, tokens.chipHeight, chipTokens.paddingRight, tokens.chipPaddingRight, chipTokens.paddingLeft, tokens.chipPaddingLeft, chipTokens.fontFamily, tokens.fontFamily, chipTokens.fontSize, tokens.fontSize, chipTokens.fontStyle, tokens.fontStyle, chipTokens.fontWeight, tokens.fontWeight, chipTokens.letterSpacing, tokens.fontLetterSpacing, chipTokens.lineHeight, tokens.fontLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipColor, chipTokens.focusColor, constants.focusColor, /*#__PURE__*/addFocus({
|
11
|
-
outlineOffset: /*#__PURE__*/"calc(var(".concat(tokens.focusOffset, ") * -1)"),
|
12
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") + var(").concat(tokens.focusOffset, "))"),
|
13
|
-
customFocusRules: /*#__PURE__*/"\n &.".concat(classes.selectChipIsFocused, ":before {\n outline: none;\n box-shadow: 0 0 0 ").concat(constants.focusSize, " var(").concat(constants.focusColor, ");\n }\n ")
|
14
|
-
}));
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Chip/Chip';
|
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-select-background", "--plasma-select-box-shadow"]
|
@@ -1,11 +0,0 @@
|
|
1
|
-
export declare type FocusedChipIndexState = number | null;
|
2
|
-
export declare type FocusedChipIndexAction = {
|
3
|
-
type: 'reset';
|
4
|
-
} | {
|
5
|
-
type: 'moveLeft';
|
6
|
-
} | {
|
7
|
-
type: 'moveRight';
|
8
|
-
total: number;
|
9
|
-
};
|
10
|
-
export declare function focusedChipIndexReducer(state: FocusedChipIndexState, action: FocusedChipIndexAction): FocusedChipIndexState;
|
11
|
-
//# sourceMappingURL=focusedChipIndexReducer.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"focusedChipIndexReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/reducers/focusedChipIndexReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,oBAAY,sBAAsB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAErH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,sBAAsB,GAC/B,qBAAqB,CAkCvB"}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { SelectProps } from '../../../../../../Select.types';
|
3
|
-
export declare const Chip: React.FC<{
|
4
|
-
text: string;
|
5
|
-
onClick?: (e: React.MouseEvent<HTMLElement>) => void;
|
6
|
-
focused?: boolean;
|
7
|
-
isTargetAmount?: SelectProps['isTargetAmount'];
|
8
|
-
}>;
|
9
|
-
//# sourceMappingURL=Chip.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAClD,CAuBA,CAAC"}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../../../../../engines/types").PropsType<import("../../../../../../../../engines/types").Variants> & import("../../../../../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
|
3
|
-
//# sourceMappingURL=Chip.styles.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,UAAU,iSAiCtB,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/Select/ui/Target/ui/Textfield/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|