@salutejs/plasma-new-hope 0.187.0-dev.0 → 0.188.0-canary.1550.11767527974.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/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_96j02v.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 +16 -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_1kgvsdc.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 +35 -107
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
- 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 +7 -0
- 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/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/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 +15 -12
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
- 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 +25 -75
- 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 +8 -1
- package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
- 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/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 +18 -15
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -48
- 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 +25 -75
- 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 +8 -1
- package/emotion/es/components/TextField/TextField.styles.js +36 -40
- 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/es/components/Autocomplete/Autocomplete.css +21 -22
- 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_96j02v.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 +18 -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_1kgvsdc.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 +36 -99
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1mneb9u.css +3 -0
- 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 +7 -0
- 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/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/package.json +2 -2
- 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 +11 -26
- 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 +15 -12
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
- 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 +21 -62
- 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 +7 -0
- package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
- 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/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 +10 -25
- 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 +18 -15
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +18 -24
- 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 +21 -62
- 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 +7 -0
- package/styled-components/es/components/TextField/TextField.styles.js +12 -15
- 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/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 +1 -1
- 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/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +8 -8
- 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 +27 -16
- 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/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.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/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/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
- 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 +21 -14
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
- 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 +21 -14
- package/types/examples/plasma_web/components/Select/Select.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
@@ -37,7 +37,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
37
37
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
38
38
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
39
39
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
40
|
-
portal?: import("react").
|
40
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
41
41
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
42
42
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
43
43
|
closeAfterSelect?: boolean | undefined;
|
@@ -73,7 +73,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
73
73
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
74
74
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
75
75
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
76
|
-
portal?: import("react").
|
76
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
77
77
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
78
78
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
79
79
|
closeAfterSelect?: boolean | undefined;
|
@@ -109,7 +109,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
109
109
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
110
110
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
111
111
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
112
|
-
portal?: import("react").
|
112
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
113
113
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
114
114
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
115
115
|
closeAfterSelect?: boolean | undefined;
|
@@ -145,7 +145,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
145
145
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
146
146
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
147
147
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
148
|
-
portal?: import("react").
|
148
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
149
149
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
150
150
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
151
151
|
closeAfterSelect?: boolean | undefined;
|
@@ -181,7 +181,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
181
181
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
182
182
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
183
183
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
184
|
-
portal?: import("react").
|
184
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
185
185
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
186
186
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
187
187
|
closeAfterSelect?: boolean | undefined;
|
@@ -217,7 +217,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
217
217
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
218
218
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
219
219
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
220
|
-
portal?: import("react").
|
220
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
221
221
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
222
222
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
223
223
|
closeAfterSelect?: boolean | undefined;
|
@@ -253,7 +253,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
253
253
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
254
254
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
255
255
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
256
|
-
portal?: import("react").
|
256
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
257
257
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
258
258
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
259
259
|
closeAfterSelect?: boolean | undefined;
|
@@ -289,7 +289,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
289
289
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
290
290
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
291
291
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
292
|
-
portal?: import("react").
|
292
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
293
293
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
294
294
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
295
295
|
closeAfterSelect?: boolean | undefined;
|
@@ -325,7 +325,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
325
325
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
326
326
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
327
327
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
328
|
-
portal?: import("react").
|
328
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
329
329
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
330
330
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
331
331
|
closeAfterSelect?: boolean | undefined;
|
@@ -361,7 +361,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
361
361
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
362
362
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
363
363
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
364
|
-
portal?: import("react").
|
364
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
365
365
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
366
366
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
367
367
|
closeAfterSelect?: boolean | undefined;
|
@@ -397,7 +397,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
397
397
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
398
398
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
399
399
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
400
|
-
portal?: import("react").
|
400
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
401
401
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
402
402
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
403
403
|
closeAfterSelect?: boolean | undefined;
|
@@ -433,7 +433,7 @@ declare const ComboboxComponent: import("react").FunctionComponent<import("../..
|
|
433
433
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
434
434
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
435
435
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
436
|
-
portal?: import("react").
|
436
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
437
437
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
438
438
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
439
439
|
closeAfterSelect?: boolean | undefined;
|
@@ -495,7 +495,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
495
495
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
496
496
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
497
497
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
498
|
-
portal?: import("react").
|
498
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
499
499
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
500
500
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
501
501
|
closeAfterSelect?: boolean | undefined;
|
@@ -531,7 +531,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
531
531
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
532
532
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
533
533
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
534
|
-
portal?: import("react").
|
534
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
535
535
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
536
536
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
537
537
|
closeAfterSelect?: boolean | undefined;
|
@@ -567,7 +567,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
567
567
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
568
568
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
569
569
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
570
|
-
portal?: import("react").
|
570
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
571
571
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
572
572
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
573
573
|
closeAfterSelect?: boolean | undefined;
|
@@ -603,7 +603,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
603
603
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
604
604
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
605
605
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
606
|
-
portal?: import("react").
|
606
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
607
607
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
608
608
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
609
609
|
closeAfterSelect?: boolean | undefined;
|
@@ -639,7 +639,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
639
639
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
640
640
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
641
641
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
642
|
-
portal?: import("react").
|
642
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
643
643
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
644
644
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
645
645
|
closeAfterSelect?: boolean | undefined;
|
@@ -675,7 +675,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
675
675
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
676
676
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
677
677
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
678
|
-
portal?: import("react").
|
678
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
679
679
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
680
680
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
681
681
|
closeAfterSelect?: boolean | undefined;
|
@@ -711,7 +711,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
711
711
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
712
712
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
713
713
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
714
|
-
portal?: import("react").
|
714
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
715
715
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
716
716
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
717
717
|
closeAfterSelect?: boolean | undefined;
|
@@ -747,7 +747,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
747
747
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
748
748
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
749
749
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
750
|
-
portal?: import("react").
|
750
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
751
751
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
752
752
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
753
753
|
closeAfterSelect?: boolean | undefined;
|
@@ -783,7 +783,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
783
783
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
784
784
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
785
785
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
786
|
-
portal?: import("react").
|
786
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
787
787
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
788
788
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
789
789
|
closeAfterSelect?: boolean | undefined;
|
@@ -819,7 +819,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
819
819
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
820
820
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
821
821
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
822
|
-
portal?: import("react").
|
822
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
823
823
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
824
824
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
825
825
|
closeAfterSelect?: boolean | undefined;
|
@@ -855,7 +855,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
855
855
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
856
856
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
857
857
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
858
|
-
portal?: import("react").
|
858
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
859
859
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
860
860
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
861
861
|
closeAfterSelect?: boolean | undefined;
|
@@ -891,7 +891,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
|
|
891
891
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
892
892
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
893
893
|
listWidth?: import("csstype").Property.Width<string | number> | undefined;
|
894
|
-
portal?: import("react").
|
894
|
+
portal?: string | import("react").RefObject<HTMLElement> | undefined;
|
895
895
|
renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
|
896
896
|
filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
|
897
897
|
closeAfterSelect?: boolean | undefined;
|
@@ -1,16 +1,11 @@
|
|
1
1
|
export declare const config: {
|
2
2
|
defaults: {
|
3
3
|
view: string;
|
4
|
-
chipView: string;
|
5
4
|
size: string;
|
5
|
+
labelPlacement: string;
|
6
|
+
chipView: string;
|
6
7
|
};
|
7
8
|
variations: {
|
8
|
-
size: {
|
9
|
-
xs: import("@linaria/core").LinariaClassName;
|
10
|
-
s: import("@linaria/core").LinariaClassName;
|
11
|
-
m: import("@linaria/core").LinariaClassName;
|
12
|
-
l: import("@linaria/core").LinariaClassName;
|
13
|
-
};
|
14
9
|
view: {
|
15
10
|
default: import("@linaria/core").LinariaClassName;
|
16
11
|
positive: import("@linaria/core").LinariaClassName;
|
@@ -23,11 +18,24 @@ export declare const config: {
|
|
23
18
|
black: import("@linaria/core").LinariaClassName;
|
24
19
|
white: import("@linaria/core").LinariaClassName;
|
25
20
|
};
|
21
|
+
size: {
|
22
|
+
l: import("@linaria/core").LinariaClassName;
|
23
|
+
m: import("@linaria/core").LinariaClassName;
|
24
|
+
s: import("@linaria/core").LinariaClassName;
|
25
|
+
xs: import("@linaria/core").LinariaClassName;
|
26
|
+
};
|
27
|
+
labelPlacement: {
|
28
|
+
inner: import("@linaria/core").LinariaClassName;
|
29
|
+
outer: import("@linaria/core").LinariaClassName;
|
30
|
+
};
|
26
31
|
chipView: {
|
27
32
|
default: import("@linaria/core").LinariaClassName;
|
28
33
|
secondary: import("@linaria/core").LinariaClassName;
|
29
34
|
accent: import("@linaria/core").LinariaClassName;
|
30
35
|
};
|
36
|
+
disabled: {
|
37
|
+
true: import("@linaria/core").LinariaClassName;
|
38
|
+
};
|
31
39
|
};
|
32
40
|
};
|
33
41
|
//# sourceMappingURL=Select.config.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Select.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoqBlB,CAAC"}
|
@@ -1,11 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const Select: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
|
3
|
-
size: {
|
4
|
-
xs: import("@linaria/core").LinariaClassName;
|
5
|
-
s: import("@linaria/core").LinariaClassName;
|
6
|
-
m: import("@linaria/core").LinariaClassName;
|
7
|
-
l: import("@linaria/core").LinariaClassName;
|
8
|
-
};
|
9
3
|
view: {
|
10
4
|
default: import("@linaria/core").LinariaClassName;
|
11
5
|
positive: import("@linaria/core").LinariaClassName;
|
@@ -18,11 +12,24 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
18
12
|
black: import("@linaria/core").LinariaClassName;
|
19
13
|
white: import("@linaria/core").LinariaClassName;
|
20
14
|
};
|
15
|
+
size: {
|
16
|
+
l: import("@linaria/core").LinariaClassName;
|
17
|
+
m: import("@linaria/core").LinariaClassName;
|
18
|
+
s: import("@linaria/core").LinariaClassName;
|
19
|
+
xs: import("@linaria/core").LinariaClassName;
|
20
|
+
};
|
21
|
+
labelPlacement: {
|
22
|
+
inner: import("@linaria/core").LinariaClassName;
|
23
|
+
outer: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
21
25
|
chipView: {
|
22
26
|
default: import("@linaria/core").LinariaClassName;
|
23
27
|
secondary: import("@linaria/core").LinariaClassName;
|
24
28
|
accent: import("@linaria/core").LinariaClassName;
|
25
29
|
};
|
30
|
+
disabled: {
|
31
|
+
true: import("@linaria/core").LinariaClassName;
|
32
|
+
};
|
26
33
|
}> & (({
|
27
34
|
target?: "textfield-like" | undefined;
|
28
35
|
view?: "default" | "warning" | "positive" | "negative" | undefined;
|
@@ -34,7 +41,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
34
41
|
multiselect?: false | undefined;
|
35
42
|
separator?: undefined;
|
36
43
|
} & {
|
37
|
-
value
|
44
|
+
value?: any;
|
38
45
|
onChange?: ((value: any) => void) | undefined;
|
39
46
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
40
47
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
@@ -49,7 +56,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
49
56
|
isOpen?: boolean | undefined;
|
50
57
|
isTargetAmount?: boolean | undefined;
|
51
58
|
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
52
|
-
placement?: ("auto" |
|
59
|
+
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
53
60
|
label?: string | undefined;
|
54
61
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
55
62
|
variant?: "normal" | "tight" | undefined;
|
@@ -72,7 +79,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
72
79
|
multiselect?: true | undefined;
|
73
80
|
separator?: string | undefined;
|
74
81
|
} & {
|
75
|
-
value
|
82
|
+
value?: any;
|
76
83
|
onChange?: ((value: any) => void) | undefined;
|
77
84
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
78
85
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
@@ -87,7 +94,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
87
94
|
isOpen?: boolean | undefined;
|
88
95
|
isTargetAmount?: boolean | undefined;
|
89
96
|
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
90
|
-
placement?: ("auto" |
|
97
|
+
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
91
98
|
label?: string | undefined;
|
92
99
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
93
100
|
variant?: "normal" | "tight" | undefined;
|
@@ -110,7 +117,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
110
117
|
multiselect?: false | undefined;
|
111
118
|
separator?: undefined;
|
112
119
|
} & {
|
113
|
-
value
|
120
|
+
value?: any;
|
114
121
|
onChange?: ((value: any) => void) | undefined;
|
115
122
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
116
123
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
@@ -125,7 +132,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
125
132
|
isOpen?: boolean | undefined;
|
126
133
|
isTargetAmount?: boolean | undefined;
|
127
134
|
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
128
|
-
placement?: ("auto" |
|
135
|
+
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
129
136
|
label?: string | undefined;
|
130
137
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
131
138
|
variant?: "normal" | "tight" | undefined;
|
@@ -148,7 +155,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
148
155
|
multiselect?: true | undefined;
|
149
156
|
separator?: string | undefined;
|
150
157
|
} & {
|
151
|
-
value
|
158
|
+
value?: any;
|
152
159
|
onChange?: ((value: any) => void) | undefined;
|
153
160
|
listOverflow?: import("csstype").Property.Overflow | undefined;
|
154
161
|
listHeight?: import("csstype").Property.Height<string | number> | undefined;
|
@@ -163,7 +170,7 @@ declare const Select: import("react").FunctionComponent<import("../../../../engi
|
|
163
170
|
isOpen?: boolean | undefined;
|
164
171
|
isTargetAmount?: boolean | undefined;
|
165
172
|
renderTarget?: ((item: import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("../../../../components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
|
166
|
-
placement?: ("auto" |
|
173
|
+
placement?: ("auto" | "left" | "right" | "top" | "bottom") | ("left" | "right" | "top" | "bottom")[] | undefined;
|
167
174
|
label?: string | undefined;
|
168
175
|
onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
|
169
176
|
variant?: "normal" | "tight" | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Select/Select.ts"],"names":[],"mappings":";AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAA0B,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
.s1e57mfu{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;gap:0.5rem;}
|
2
|
-
.s5dck5y{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-font-family:var(--plasma-pagination-font-family);--plasma-select-font-size:var(--plasma-pagination-font-size);--plasma-select-font-style:var(--plasma-pagination-font-style);--plasma-select-font-weight:var(--plasma-pagination-font-weight);--plasma-select-font-letter-spacing:var(--plasma-pagination-letter-spacing);--plasma-select-font-line-height:var(--plasma-pagination-line-height);}
|
3
|
-
.squvg2e{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
.spxbau6 .popover-root{width:var(--spxbau6-0);}.spxbau6 .popover-target{width:100%;}
|
2
|
-
.u1yey2x3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
|
3
|
-
.bvro45w .popover-wrapper,.bvro45w .popover-target{display:block;}
|
4
|
-
.ogpldc9{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-label-font-family);font-size:var(--plasma-select-label-font-size);font-style:var(--plasma-select-label-font-style);font-weight:var(--plasma-select-label-font-weight);-webkit-letter-spacing:var(--plasma-select-label-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-label-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-label-font-letter-spacing);letter-spacing:var(--plasma-select-label-font-letter-spacing);line-height:var(--plasma-select-label-font-line-height);}
|
5
|
-
.h2ef052{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-select-helper-text-font-family);font-size:var(--plasma-select-helper-text-font-size);font-style:var(--plasma-select-helper-text-font-style);font-weight:var(--plasma-select-helper-text-font-weight);-webkit-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);letter-spacing:var(--plasma-select-helper-text-font-letter-spacing);line-height:var(--plasma-select-helper-text-font-line-height);}
|
@@ -1,39 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
function focusedChipIndexReducer(state, action) {
|
6
|
-
switch (action.type) {
|
7
|
-
case 'reset':
|
8
|
-
{
|
9
|
-
return null;
|
10
|
-
}
|
11
|
-
case 'moveLeft':
|
12
|
-
{
|
13
|
-
if (state === null) {
|
14
|
-
return 0;
|
15
|
-
}
|
16
|
-
if (state === 0) {
|
17
|
-
return state;
|
18
|
-
}
|
19
|
-
return state - 1;
|
20
|
-
}
|
21
|
-
case 'moveRight':
|
22
|
-
{
|
23
|
-
if (state === null) {
|
24
|
-
return action.total - 1;
|
25
|
-
}
|
26
|
-
if (state === action.total - 1) {
|
27
|
-
return state;
|
28
|
-
}
|
29
|
-
return state + 1;
|
30
|
-
}
|
31
|
-
default:
|
32
|
-
{
|
33
|
-
return null;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
exports.focusedChipIndexReducer = focusedChipIndexReducer;
|
39
|
-
//# 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,36 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var Select_tokens = require('../../../../../../Select.tokens.js');
|
7
|
-
var Chip_styles = require('./Chip.styles.js');
|
8
|
-
|
9
|
-
var _div;
|
10
|
-
var Chip = function Chip(_ref) {
|
11
|
-
var text = _ref.text,
|
12
|
-
onClick = _ref.onClick,
|
13
|
-
focused = _ref.focused,
|
14
|
-
isTargetAmount = _ref.isTargetAmount;
|
15
|
-
var ref = React.useRef(null);
|
16
|
-
React.useEffect(function () {
|
17
|
-
if (focused && ref.current) {
|
18
|
-
ref.current.scrollIntoView({
|
19
|
-
behavior: 'smooth',
|
20
|
-
block: 'center',
|
21
|
-
inline: 'center'
|
22
|
-
});
|
23
|
-
}
|
24
|
-
}, [focused]);
|
25
|
-
return /*#__PURE__*/React.createElement(Chip_styles.StyledChip, {
|
26
|
-
contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
|
27
|
-
tabIndex: -1,
|
28
|
-
onClick: onClick,
|
29
|
-
text: "".concat(text),
|
30
|
-
className: focused ? Select_tokens.classes.selectChipIsFocused : undefined,
|
31
|
-
ref: ref
|
32
|
-
});
|
33
|
-
};
|
34
|
-
|
35
|
-
exports.Chip = Chip;
|
36
|
-
//# 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,YAAM,CAA2B,IAAI,CAAC,CAAA;AAElDC,EAAAA,eAAS,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,sBAAU,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,qBAAO,CAACC,mBAAmB,GAAGC,SAAU;AAC7DlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACZ,CAAC,CAAA;AAEV;;;;"}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import './Chip.styles_1a752pa.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var react = require('@linaria/react');
|
7
|
-
var common = require('../../../../../../../../engines/common.js');
|
8
|
-
var Chip$1 = require('../../../../../../../Chip/Chip.js');
|
9
|
-
|
10
|
-
var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
|
11
|
-
var Chip = /*#__PURE__*/common.component(mergedConfig);
|
12
|
-
var _exp = function _exp() {
|
13
|
-
return Chip;
|
14
|
-
};
|
15
|
-
var StyledChip = /*#__PURE__*/react.styled(_exp())({
|
16
|
-
name: "StyledChip",
|
17
|
-
"class": "scwjjdn",
|
18
|
-
propsAsIs: true
|
19
|
-
});
|
20
|
-
|
21
|
-
exports.StyledChip = StyledChip;
|
22
|
-
//# 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,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,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);}
|