@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
@@ -55,7 +55,6 @@ var tokens = {
|
|
55
55
|
checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
|
56
56
|
checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
|
57
57
|
indicatorSize: '--plasma-combobox-indicator-size',
|
58
|
-
targetHeight: '--plasma-combobox-target-height',
|
59
58
|
// Токены для TextField
|
60
59
|
textFieldColor: '--plasma-combobox-new-textfield-color',
|
61
60
|
textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'combobox-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'combobox-textfield-target',\n selectChipIsFocused: 'combobox-chip-is-focused',\n selectWithoutBoxShadow: 'combobox-without-box-shadow',\n selectItemCheckbox: 'combobox-item-checkbox',\n selectSpinner: 'combobox-spinner',\n emptyStateWrapper: 'combobox-empty-state-wrapper',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-combobox-border-radius',\n padding: '--plasma-combobox-padding',\n focusOffset: '--plasma-combobox-focus-offset',\n\n fontFamily: '--plasma-combobox-font-family',\n fontSize: '--plasma-combobox-font-size',\n fontStyle: '--plasma-combobox-font-style',\n fontWeight: '--plasma-combobox-font-weight',\n fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n fontLineHeight: '--plasma-combobox-font-line-height',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemHeight: '--plasma-combobox-item-height',\n itemBorderRadius: '--plasma-combobox-item-border-radius',\n itemPadding: '--plasma-combobox-item-padding',\n itemPaddingTight: '--plasma-combobox-item-padding-tight',\n itemIconSize: '--plasma-combobox-item-icon-size',\n itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n itemIconMargin: '--plasma-combobox-item-icon-margin',\n itemBackgroundHover: '--plasma-combobox-item-background-hover',\n\n cellPadding: '--plasma-combobox-cell-padding',\n cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n cellPaddingContent: '--plasma-combobox-cell-padding-content',\n cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n cellGap: '--plasma-combobox-cell-gap',\n cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-combobox-indicator-size',\n\n targetHeight: '--plasma-combobox-target-height',\n\n // Токены для TextField\n textFieldColor: '--plasma-combobox-new-textfield-color',\n textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',\n\n textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n\n textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',\n\n textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',\n textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',\n textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',\n\n textFieldHeight: '--plasma-combobox-new-textfield-height',\n textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n\n textFieldPadding: '--plasma-combobox-new-textfield-padding',\n textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n\n textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',\n\n textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',\n textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',\n textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',\n\n textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',\n textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',\n textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',\n\n textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',\n\n textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',\n textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',\n textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',\n\n textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',\n textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',\n textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',\n textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',\n textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',\n textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',\n\n textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n\n textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',\n textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',\n textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',\n textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n textFieldChipPaddingTop: '--plasma-combobox-new-textfield-chip-padding-top',\n textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',\n textFieldChipPaddingBottom: '--plasma-combobox-new-textfield-chip-padding-bottom',\n textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',\n textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',\n\n textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n\n textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',\n\n // Токены для EmptyState\n emptyStatePadding: '--plasma-combobox-new-empty-state-padding',\n\n labelOffset: '--plasma-combobox-label-offset',\n\n innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n helperTextColor: '--plasma-combobox-helper-text-color',\n helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n spinnerSize: '--plasma-combobox-spinner-size',\n spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n\n disclosureIconColor: '--plasma-combobox-disclosure-icon-color',\n disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n itemBackground: '--plasma-colors-transparent',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n textfieldBorderSize: '0.0625rem',\n opacity: '0.4',\n fontFamily: '--plasma-typo-body-xs-font-family',\n fontSize: '--plasma-typo-body-xs-font-size',\n fontStyle: '--plasma-typo-body-xs-font-style',\n fontWeight: '--plasma-typo-body-xs-font-weight',\n fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n fontLineHeight: '--plasma-typo-body-xs-line-height',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","emptyStateWrapper","tokens","borderRadius","padding","focusOffset","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetHeight","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionColorReadOnly","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPaddingTop","textFieldChipPaddingRight","textFieldChipPaddingBottom","textFieldChipPaddingLeft","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipOpacityReadonly","textFieldFocusColor","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","emptyStatePadding","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","disclosureIconColor","disclosureIconColorHover"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Combobox.tokens.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'combobox-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'combobox-textfield-target',\n selectChipIsFocused: 'combobox-chip-is-focused',\n selectWithoutBoxShadow: 'combobox-without-box-shadow',\n selectItemCheckbox: 'combobox-item-checkbox',\n selectSpinner: 'combobox-spinner',\n emptyStateWrapper: 'combobox-empty-state-wrapper',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-combobox-border-radius',\n padding: '--plasma-combobox-padding',\n focusOffset: '--plasma-combobox-focus-offset',\n\n fontFamily: '--plasma-combobox-font-family',\n fontSize: '--plasma-combobox-font-size',\n fontStyle: '--plasma-combobox-font-style',\n fontWeight: '--plasma-combobox-font-weight',\n fontLetterSpacing: '--plasma-combobox-font-letter-spacing',\n fontLineHeight: '--plasma-combobox-font-line-height',\n\n dropdownBorderColor: '--plasma-select-dropdown-border-color',\n dropdownBorderWidth: '--plasma-select-dropdown-border-width',\n\n itemHeight: '--plasma-combobox-item-height',\n itemBorderRadius: '--plasma-combobox-item-border-radius',\n itemPadding: '--plasma-combobox-item-padding',\n itemPaddingTight: '--plasma-combobox-item-padding-tight',\n itemIconSize: '--plasma-combobox-item-icon-size',\n itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',\n itemIconMargin: '--plasma-combobox-item-icon-margin',\n itemBackgroundHover: '--plasma-combobox-item-background-hover',\n\n cellPadding: '--plasma-combobox-cell-padding',\n cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',\n cellPaddingContent: '--plasma-combobox-cell-padding-content',\n cellPaddingRightContent: '--plasma-combobox-cell-padding-right-content',\n cellTextboxGap: '--plasma-combobox-cell-textbox-gap',\n cellGap: '--plasma-combobox-cell-gap',\n cellTitleFontFamily: '--plasma-combobox-cell-title-font-family',\n cellTitleFontSize: '--plasma-combobox-cell-title-font-size',\n cellTitleFontStyle: '--plasma-combobox-cell-title-font-style',\n cellTitleFontWeight: '--plasma-combobox-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-combobox-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-combobox-cell-title-line-height',\n\n checkboxTriggerSize: '--plasma-combobox-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-combobox-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-combobox-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-combobox-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-combobox-checkbox-fill-color',\n checkboxIconColor: '--plasma-combobox-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-combobox-indicator-size',\n\n // Токены для TextField\n textFieldColor: '--plasma-combobox-new-textfield-color',\n textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',\n\n textFieldBackgroundColor: '--plasma-combobox-new-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-combobox-new-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-combobox-new-textfield-background-color-focus',\n\n textFieldBorderColor: '--plasma-combobox-new-textfield-border-color',\n textFieldBorderColorHover: '--plasma-combobox-new-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-combobox-new-textfield-border-color-focus',\n\n textFieldColorReadOnly: '--plasma-combobox-new-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-combobox-new-textfield-bg-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-combobox-new-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-combobox-new-textfield-placeholder-color-readonly',\n\n textFieldCaretColor: '--plasma-combobox-new-textfield-caret-color',\n textFieldPlaceholderColor: '--plasma-combobox-new-textfield-placeholder-color',\n textFieldPlaceholderColorFocus: '--plasma-combobox-new-textfield-placeholder-color-focus',\n textFieldClearPlaceholderColor: '--plasma-combobox-new-textfield-clear-placeholder-color',\n textFieldClearPlaceholderColorFocus: '--plasma-combobox-new-textfield-clear-placeholder-color-focus',\n textFieldOptionalColor: '--plasma-combobox-new-textfield-optional-color',\n\n textFieldHeight: '--plasma-combobox-new-textfield-height',\n textFieldBorderWidth: '--plasma-combobox-new-textfield-border-width',\n textFieldBorderRadius: '--plasma-combobox-new-textfield-border-radius',\n\n textFieldPadding: '--plasma-combobox-new-textfield-padding',\n textFieldPaddingWithChips: '--plasma-combobox-new-textfield-padding-with-chips',\n\n textFieldLeftContentMargin: '--plasma-combobox-new-textfield-left-content-margin',\n textFieldRightContentMargin: '--plasma-combobox-new-textfield-right-content-margin',\n\n textFieldFontFamily: '--plasma-combobox-new-textfield-font-family',\n textFieldFontStyle: '--plasma-combobox-new-textfield-font-style',\n textFieldFontSize: '--plasma-combobox-new-textfield-font-size',\n textFieldFontWeight: '--plasma-combobox-new-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-combobox-new-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-combobox-new-textfield-line-height',\n\n textFieldContentSlotColor: '--plasma-combobox-new-textfield-content-slot-color',\n textFieldContentSlotColorHover: '--plasma-combobox-new-textfield-content-slot-color-hover',\n textFieldContentSlotColorActive: '--plasma-combobox-new-textfield-content-slot-color-active',\n\n textFieldContentSlotRightColor: '--plasma-combobox-new-textfield-content-right-slot-color',\n textFieldContentSlotRightColorHover: '--plasma-combobox-new-textfield-content-right-slot-color-hover',\n textFieldContentSlotRightColorActive: '--plasma-combobox-new-textfield-content-right-slot-color-active',\n\n textFieldLabelColor: '--plasma-combobox-new-textfield-label-color',\n textFieldLabelColorReadOnly: '--plasma-combobox-new-textfield-label-color-readonly',\n textFieldLabelOffset: '--plasma-combobox-new-textfield-label-offset',\n textFieldClearLabelOffset: '--plasma-combobox-new-textfield-clear-label-offset',\n\n textFieldLabelFontFamily: '--plasma-combobox-new-textfield-label-font-family',\n textFieldLabelFontStyle: '--plasma-combobox-new-textfield-label-font-style',\n textFieldLabelFontSize: '--plasma-combobox-new-textfield-label-font-size',\n textFieldLabelFontWeight: '--plasma-combobox-new-textfield-label-font-weight',\n textFieldLabelLetterSpacing: '--plasma-combobox-new-textfield-label-letter-spacing',\n textFieldLabelLineHeight: '--plasma-combobox-new-textfield-label-line-height',\n\n textFieldLabelInnerFontFamily: '--plasma-combobox-new-textfield-placement_inner-label-font-family',\n textFieldLabelInnerFontStyle: '--plasma-combobox-new-textfield-placement_inner-label-font-style',\n textFieldLabelInnerFontSize: '--plasma-combobox-new-textfield-placement_inner-label-font-size',\n textFieldLabelInnerFontWeight: '--plasma-combobox-new-textfield-placement_inner-label-font-weight',\n textFieldLabelInnerLetterSpacing: '--plasma-combobox-new-textfield-placement_inner-label-letter-spacing',\n textFieldLabelInnerLineHeight: '--plasma-combobox-new-textfield-placement_inner-label-line-height',\n\n textFieldLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-label-padding',\n textFieldContentLabelInnerPadding: '--plasma-combobox-new-textfield-placement_inner-content-padding',\n\n textFieldTitleCaptionColor: '--plasma-combobox-new-textfield-title-caption-color',\n textFieldTitleCaptionColorReadOnly: '--plasma-combobox-new-textfield-title-caption-color-readonly',\n textFieldTitleCaptionInnerLabelOffset: '--plasma-combobox-new-textfield-title-caption-label-inner-offset',\n\n textFieldTitleCaptionFontFamily: '--plasma-combobox-new-textfield-title-caption-font-family',\n textFieldTitleCaptionFontStyle: '--plasma-combobox-new-textfield-title-caption-font-style',\n textFieldTitleCaptionFontSize: '--plasma-combobox-new-textfield-title-caption-font-size',\n textFieldTitleCaptionFontWeight: '--plasma-combobox-new-textfield-title-caption-font-weight',\n textFieldTitleCaptionLetterSpacing: '--plasma-combobox-new-textfield-title-caption-letter-spacing',\n textFieldTitleCaptionLineHeight: '--plasma-combobox-new-textfield-title-caption-line-height',\n\n textFieldLeftHelperColor: '--plasma-combobox-new-textfield-left-helper-color',\n textFieldLeftHelperColorReadOnly: '--plasma-combobox-new-textfield-left-helper-color-readonly',\n textFieldLeftHelperOffset: '--plasma-combobox-new-textfield-left-helper-offset',\n\n textFieldLeftHelperFontFamily: '--plasma-combobox-new-textfield-left-helper-font-family',\n textFieldLeftHelperFontStyle: '--plasma-combobox-new-textfield-left-helper-font-style',\n textFieldLeftHelperFontSize: '--plasma-combobox-new-textfield-left-helper-font-size',\n textFieldLeftHelperFontWeight: '--plasma-combobox-new-textfield-left-helper-font-weight',\n textFieldLeftHelperLetterSpacing: '--plasma-combobox-new-textfield-left-helper-letter-spacing',\n textFieldLeftHelperLineHeight: '--plasma-combobox-new-textfield-left-helper-line-height',\n\n textFieldTextBeforeColor: '--plasma-combobox-new-textfield-before-text-color',\n textFieldTextAfterColor: '--plasma-combobox-new-textfield-after-text-color',\n textFieldTextBeforeMargin: '--plasma-combobox-new-textfield-before-text-margin',\n textFieldTextAfterMargin: '--plasma-combobox-new-textfield-after-text-margin',\n\n textFieldDisabledOpacity: '--plasma-combobox-new-textfield-disabled-opacity',\n\n textFieldChipHeight: '--plasma-combobox-new-textfield-chip-height',\n textFieldChipBorderRadius: '--plasma-combobox-new-textfield-chip-border-radius',\n textFieldChipGap: '--plasma-combobox-new-textfield-chip-gap',\n textFieldChipBackground: '--plasma-combobox-new-textfield--chip-background',\n textFieldChipColor: '--plasma-combobox-new-textfield-chip-color',\n textFieldChipBackgroundHover: '--plasma-combobox-new-textfield-chip-background-hover',\n textFieldChipColorHover: '--plasma-combobox-new-textfield-chip-color-hover',\n textFieldChipScaleHover: '--plasma-combobox-new-textfield-chip-scale-hover',\n textFieldChipBackgroundReadOnly: '--plasma-combobox-new-textfield-chip-background-read-only',\n textFieldChipColorReadOnly: '--plasma-combobox-new-textfield-chip-color-read-only',\n textFieldChipBackgroundReadOnlyHover: '--plasma-combobox-new-textfield-chip-background-read-only-hover',\n textFieldChipColorReadOnlyHover: '--plasma-combobox-new-textfield-chip-color-read-only-hover',\n textFieldChipBackgroundActive: '--plasma-combobox-new-textfield-chip-background-active',\n textFieldChipColorActive: '--plasma-combobox-new-textfield-chip-color-active',\n textFieldChipScaleActive: '--plasma-combobox-new-textfield-chip-scale-active',\n textFieldChipCloseIconColor: '--plasma-combobox-new-textfield-chip-close-icons-color',\n textFieldChipOutlineSize: '--plasma-combobox-new-textfield-chip-outline-size',\n textFieldChipWidth: '--plasma-combobox-new-textfield-chip-width',\n textFieldChipPaddingTop: '--plasma-combobox-new-textfield-chip-padding-top',\n textFieldChipPaddingRight: '--plasma-combobox-new-textfield-chip-padding-right',\n textFieldChipPaddingBottom: '--plasma-combobox-new-textfield-chip-padding-bottom',\n textFieldChipPaddingLeft: '--plasma-combobox-new-textfield-chip-padding-left',\n textFieldChipCloseIconSize: '--plasma-combobox-new-textfield-chip-close-icon-size',\n textFieldChipFontFamily: '--plasma-combobox-new-textfield-chip-font-family',\n textFieldChipFontSize: '--plasma-combobox-new-textfield-chip-font-size',\n textFieldChipFontStyle: '--plasma-combobox-new-textfield-chip-font-style',\n textFieldChipFontWeight: '--plasma-combobox-new-textfield-chip-font-weight',\n textFieldChipLetterSpacing: '--plasma-combobox-new-textfield-chip-letter-spacing',\n textFieldChipLineHeight: '--plasma-combobox-new-textfield-chip-line-height',\n textFieldChipClearContentMarginLeft: '--plasma-combobox-new-textfield-chip-clear-content-margin-left',\n textFieldChipClearContentMarginRight: '--plasma-combobox-new-textfield-chip-clear-content-margin-right',\n textFieldChipOpacityReadonly: '--plasma-combobox-new-textfield-chip-opacity-readonly',\n\n textFieldFocusColor: '--plasma-combobox-new-textfield-focus-color',\n\n textFieldIndicatorColor: '--plasma-combobox-new-textfield-indicator-color',\n textFieldIndicatorSizeInner: '--plasma-combobox-new-textfield-indicator-size-inner',\n textFieldIndicatorSizeOuter: '--plasma-combobox-new-textfield-indicator-size-outer',\n textFieldIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-indicator-placement-inner',\n textFieldIndicatorLabelPlacementOuter: '--plasma-combobox-new-textfield-indicator-placement-outer',\n textFieldIndicatorLabelPlacementInnerRight: '--plasma-combobox-new-textfield-indicator-placement-inner-right',\n textFieldIndicatorLabelPlacementOuterRight: '--plasma-combobox-new-textfield-indicator-placement-outer-right',\n textFieldClearIndicatorLabelPlacementInner: '--plasma-combobox-new-textfield-clear-indicator-placement-inner',\n textFieldClearIndicatorLabelPlacementInnerRight:\n '--plasma-combobox-new-textfield-clear-indicator-placement-inner-right',\n textFieldClearIndicatorHintInnerRight: '--plasma-combobox-new-textfield-clear-indicator-hint-placement-inner-right',\n\n // Токены для EmptyState\n emptyStatePadding: '--plasma-combobox-new-empty-state-padding',\n\n labelOffset: '--plasma-combobox-label-offset',\n\n innerLabelGap: '--plasma-combobox-inner-label-gap',\n\n helperTextColor: '--plasma-combobox-helper-text-color',\n helperTextOffset: '--plasma-combobox-helper-text-offset',\n\n spinnerSize: '--plasma-combobox-spinner-size',\n spinnerSizeTight: '--plasma-combobox-spinner-size-tight',\n\n disclosureIconColor: '--plasma-combobox-disclosure-icon-color',\n disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',\n itemBackground: '--plasma-colors-transparent',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n textfieldBorderSize: '0.0625rem',\n opacity: '0.4',\n fontFamily: '--plasma-typo-body-xs-font-family',\n fontSize: '--plasma-typo-body-xs-font-size',\n fontStyle: '--plasma-typo-body-xs-font-style',\n fontWeight: '--plasma-typo-body-xs-font-weight',\n fontLetterSpacing: '--plasma-typo-body-xs-letter-spacing',\n fontLineHeight: '--plasma-typo-body-xs-line-height',\n cellTitleColor: '--text-primary',\n cellBackgroundColor: '--plasma-colors-transparent',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","emptyStateWrapper","tokens","borderRadius","padding","focusOffset","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","dropdownBorderColor","dropdownBorderWidth","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","itemBackgroundHover","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","textFieldColor","textFieldClearColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldCaretColor","textFieldPlaceholderColor","textFieldPlaceholderColorFocus","textFieldClearPlaceholderColor","textFieldClearPlaceholderColorFocus","textFieldOptionalColor","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldPaddingWithChips","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldContentSlotColor","textFieldContentSlotColorHover","textFieldContentSlotColorActive","textFieldContentSlotRightColor","textFieldContentSlotRightColorHover","textFieldContentSlotRightColorActive","textFieldLabelColor","textFieldLabelColorReadOnly","textFieldLabelOffset","textFieldClearLabelOffset","textFieldLabelFontFamily","textFieldLabelFontStyle","textFieldLabelFontSize","textFieldLabelFontWeight","textFieldLabelLetterSpacing","textFieldLabelLineHeight","textFieldLabelInnerFontFamily","textFieldLabelInnerFontStyle","textFieldLabelInnerFontSize","textFieldLabelInnerFontWeight","textFieldLabelInnerLetterSpacing","textFieldLabelInnerLineHeight","textFieldLabelInnerPadding","textFieldContentLabelInnerPadding","textFieldTitleCaptionColor","textFieldTitleCaptionColorReadOnly","textFieldTitleCaptionInnerLabelOffset","textFieldTitleCaptionFontFamily","textFieldTitleCaptionFontStyle","textFieldTitleCaptionFontSize","textFieldTitleCaptionFontWeight","textFieldTitleCaptionLetterSpacing","textFieldTitleCaptionLineHeight","textFieldLeftHelperColor","textFieldLeftHelperColorReadOnly","textFieldLeftHelperOffset","textFieldLeftHelperFontFamily","textFieldLeftHelperFontStyle","textFieldLeftHelperFontSize","textFieldLeftHelperFontWeight","textFieldLeftHelperLetterSpacing","textFieldLeftHelperLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldDisabledOpacity","textFieldChipHeight","textFieldChipBorderRadius","textFieldChipGap","textFieldChipBackground","textFieldChipColor","textFieldChipBackgroundHover","textFieldChipColorHover","textFieldChipScaleHover","textFieldChipBackgroundReadOnly","textFieldChipColorReadOnly","textFieldChipBackgroundReadOnlyHover","textFieldChipColorReadOnlyHover","textFieldChipBackgroundActive","textFieldChipColorActive","textFieldChipScaleActive","textFieldChipCloseIconColor","textFieldChipOutlineSize","textFieldChipWidth","textFieldChipPaddingTop","textFieldChipPaddingRight","textFieldChipPaddingBottom","textFieldChipPaddingLeft","textFieldChipCloseIconSize","textFieldChipFontFamily","textFieldChipFontSize","textFieldChipFontStyle","textFieldChipFontWeight","textFieldChipLetterSpacing","textFieldChipLineHeight","textFieldChipClearContentMarginLeft","textFieldChipClearContentMarginRight","textFieldChipOpacityReadonly","textFieldFocusColor","textFieldIndicatorColor","textFieldIndicatorSizeInner","textFieldIndicatorSizeOuter","textFieldIndicatorLabelPlacementInner","textFieldIndicatorLabelPlacementOuter","textFieldIndicatorLabelPlacementInnerRight","textFieldIndicatorLabelPlacementOuterRight","textFieldClearIndicatorLabelPlacementInner","textFieldClearIndicatorLabelPlacementInnerRight","textFieldClearIndicatorHintInnerRight","emptyStatePadding","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","disclosureIconColor","disclosureIconColorHover"],"mappings":"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"}
|
@@ -56,16 +56,30 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
56
56
|
/*#__PURE__*/
|
57
57
|
// root - принимает ref контейнера портала.
|
58
58
|
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
59
|
-
React.createElement(react.FloatingPortal, {
|
60
|
-
root: portal,
|
61
|
-
id: portal ? undefined : wrappedId
|
62
|
-
}, /*#__PURE__*/React.createElement("div", {
|
59
|
+
React.createElement(react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
|
63
60
|
ref: refs.setFloating,
|
64
61
|
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
|
65
62
|
zIndex: 1
|
66
63
|
})
|
67
64
|
}, children)));
|
68
65
|
});
|
66
|
+
// root - принимает ref контейнера портала.
|
67
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
68
|
+
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
69
|
+
if (!portal) {
|
70
|
+
return {
|
71
|
+
id: wrappedId
|
72
|
+
};
|
73
|
+
}
|
74
|
+
if (typeof portal === 'string') {
|
75
|
+
return {
|
76
|
+
id: portal
|
77
|
+
};
|
78
|
+
}
|
79
|
+
return {
|
80
|
+
root: portal
|
81
|
+
};
|
82
|
+
};
|
69
83
|
|
70
84
|
exports.FloatingPopover = FloatingPopover;
|
71
85
|
//# sourceMappingURL=FloatingPopover.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement,\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal
|
1
|
+
{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0 }, ref) => {\n const { refs, floatingStyles } = useFloating({\n placement,\n open: opened,\n middleware: [\n offsetMiddleware(offset),\n flip({ fallbackAxisSideDirection: 'end' }),\n shift(),\n size({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: listWidth || `${rects.reference.width}px`,\n });\n },\n }),\n ],\n });\n\n const wrappedId = safeUseId();\n\n const handleClick = () => {\n if (onToggle) {\n onToggle(!opened);\n }\n };\n\n // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n const isTargetAsFunction = typeof target === 'function';\n\n return (\n <div ref={ref} id={wrappedId}>\n <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n {typeof target === 'function' ? target(refs.setReference as any) : target}\n </div>\n\n {opened && (\n // root - принимает ref контейнера портала.\n // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: 1 }}>\n {children}\n </div>\n </FloatingPortal>\n )}\n </div>\n );\n },\n);\n\ntype FloatingPortalReturnedProps = {\n root?: React.RefObject<HTMLElement>;\n id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n portal: FloatingPopoverProps['portal'],\n wrappedId: string,\n): FloatingPortalReturnedProps => {\n if (!portal) {\n return { id: wrappedId };\n }\n\n if (typeof portal === 'string') {\n return { id: portal };\n }\n\n return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","_useFloating","useFloating","open","middleware","offsetMiddleware","flip","fallbackAxisSideDirection","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","zIndex","root"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"getPathMaps.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../../utils';\nimport { ComboboxProps } from '../Combobox.types';\nimport { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string, number>;\nexport type FocusedToValueMapType = Map<string, ItemOptionTransformed>;\nexport type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;\nexport type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;\nexport type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;\n\nexport const getPathMap = (items: ComboboxProps['items']) => {\n const pathMap: PathMapType = new Map();\n const focusedToValueMap: FocusedToValueMapType = new Map();\n\n pathMap.set('root', items?.length || 0);\n\n const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n items?.forEach((item: ItemOptionTransformed, index: number) => {\n const { value, items: innerItems } = item;\n const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n focusedToValueMap.set(currIndex, item);\n\n if (innerItems) {\n pathMap.set(value, innerItems.length);\n rec(innerItems, currIndex);\n }\n });\n };\n rec(items);\n\n return [pathMap, focusedToValueMap] as [PathMapType, FocusedToValueMapType];\n};\n\nexport const getTreeMaps = (items: ComboboxProps['items']) => {\n const valueToCheckedMap: ValueToCheckedMapType = new Map();\n const valueToItemMap: ValueToItemMapType = new Map();\n const labelToItemMap:
|
1
|
+
{"version":3,"file":"getPathMaps.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/getPathMaps.ts"],"sourcesContent":["import { isEmpty } from '../../../../utils';\nimport { ComboboxProps } from '../Combobox.types';\nimport { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nexport type PathMapType = Map<string, number>;\nexport type FocusedToValueMapType = Map<string, ItemOptionTransformed>;\nexport type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;\nexport type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;\nexport type LabelToItemMapType = Map<ItemOptionTransformed['label'], ItemOptionTransformed>;\n\nexport const getPathMap = (items: ComboboxProps['items']) => {\n const pathMap: PathMapType = new Map();\n const focusedToValueMap: FocusedToValueMapType = new Map();\n\n pathMap.set('root', items?.length || 0);\n\n const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n items?.forEach((item: ItemOptionTransformed, index: number) => {\n const { value, items: innerItems } = item;\n const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n focusedToValueMap.set(currIndex, item);\n\n if (innerItems) {\n pathMap.set(value, innerItems.length);\n rec(innerItems, currIndex);\n }\n });\n };\n rec(items);\n\n return [pathMap, focusedToValueMap] as [PathMapType, FocusedToValueMapType];\n};\n\nexport const getTreeMaps = (items: ComboboxProps['items']) => {\n const valueToCheckedMap: ValueToCheckedMapType = new Map();\n const valueToItemMap: ValueToItemMapType = new Map();\n const labelToItemMap: LabelToItemMapType = new Map();\n\n const rec = (items: ComboboxProps['items'], prevIndex = '') => {\n items?.forEach((item: ItemOptionTransformed, index: number) => {\n const { value, label, items: innerItems } = item;\n\n const currIndex = `${prevIndex}/${index}`.replace(/^(\\/)/, '');\n\n valueToCheckedMap.set(value, false);\n\n if (isEmpty(innerItems) || !innerItems) {\n valueToItemMap.set(value, item);\n labelToItemMap.set(label, item);\n } else {\n rec(innerItems, currIndex);\n }\n });\n };\n rec(items);\n\n return [valueToCheckedMap, valueToItemMap, labelToItemMap] as [\n ValueToCheckedMapType,\n ValueToItemMapType,\n LabelToItemMapType,\n ];\n};\n"],"names":["getPathMap","items","pathMap","Map","focusedToValueMap","set","length","rec","prevIndex","arguments","undefined","forEach","item","index","value","innerItems","currIndex","concat","replace","getTreeMaps","valueToCheckedMap","valueToItemMap","labelToItemMap","label","isEmpty"],"mappings":"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"}
|
@@ -33,7 +33,6 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
33
33
|
focusedToValueMap = _ref.focusedToValueMap,
|
34
34
|
handleListToggle = _ref.handleListToggle,
|
35
35
|
handlePressDown = _ref.handlePressDown,
|
36
|
-
multiselect = _ref.multiselect,
|
37
36
|
setTextValue = _ref.setTextValue;
|
38
37
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
39
38
|
var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
|
@@ -128,7 +127,6 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
128
127
|
break;
|
129
128
|
}
|
130
129
|
var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
131
|
-
console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
|
132
130
|
if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
|
133
131
|
if (path.length > focusedPath.length) {
|
134
132
|
dispatchFocusedPath({
|
@@ -145,32 +143,6 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
145
143
|
}
|
146
144
|
break;
|
147
145
|
}
|
148
|
-
case keys.Backspace:
|
149
|
-
{
|
150
|
-
if (!multiselect) break;
|
151
|
-
break;
|
152
|
-
}
|
153
|
-
|
154
|
-
// case keys.Space: {
|
155
|
-
// event.preventDefault();
|
156
|
-
//
|
157
|
-
// const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
158
|
-
//
|
159
|
-
// if (!path[0]) {
|
160
|
-
// dispatchPath({ type: 'opened_first_level' });
|
161
|
-
// dispatchFocusedPath({ type: 'set_initial_focus' });
|
162
|
-
// break;
|
163
|
-
// }
|
164
|
-
//
|
165
|
-
// if (!currentItem || currentItem?.disabled) {
|
166
|
-
// break;
|
167
|
-
// }
|
168
|
-
//
|
169
|
-
// handlePressDown(currentItem);
|
170
|
-
//
|
171
|
-
// break;
|
172
|
-
// }
|
173
|
-
|
174
146
|
case keys.Enter:
|
175
147
|
{
|
176
148
|
event.preventDefault();
|
@@ -187,34 +159,12 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
187
159
|
});
|
188
160
|
break;
|
189
161
|
}
|
190
|
-
|
191
|
-
// if (currentItem?.items) {
|
192
|
-
// if (path.length > focusedPath.length) {
|
193
|
-
// dispatchFocusedPath({ type: 'add_focus', value: 0 });
|
194
|
-
// } else {
|
195
|
-
// dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
|
196
|
-
// }
|
197
|
-
//
|
198
|
-
// break;
|
199
|
-
// }
|
200
|
-
|
201
162
|
if (_currentItem) {
|
202
163
|
handlePressDown(_currentItem);
|
203
164
|
}
|
204
165
|
break;
|
205
166
|
}
|
206
167
|
case keys.Tab:
|
207
|
-
{
|
208
|
-
dispatchPath({
|
209
|
-
type: 'reset'
|
210
|
-
});
|
211
|
-
dispatchFocusedPath({
|
212
|
-
type: 'reset'
|
213
|
-
});
|
214
|
-
handleListToggle(false);
|
215
|
-
setTextValue('');
|
216
|
-
break;
|
217
|
-
}
|
218
168
|
case keys.Escape:
|
219
169
|
{
|
220
170
|
dispatchPath({
|
@@ -224,6 +174,7 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
|
|
224
174
|
type: 'reset'
|
225
175
|
});
|
226
176
|
handleListToggle(false);
|
177
|
+
setTextValue('');
|
227
178
|
break;
|
228
179
|
}
|
229
180
|
case keys.Home:
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport { ComboboxProps } from '../Combobox.types';\nimport type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './getPathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n Backspace: 'Backspace',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n focusedPath: FocusedPathState;\n dispatchFocusedPath: Dispatch<FocusedPathAction>;\n path: PathState;\n dispatchPath: Dispatch<PathAction>;\n pathMap: PathMapType;\n focusedToValueMap: FocusedToValueMapType;\n handleListToggle: (opened: boolean) => void;\n handlePressDown: (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n multiselect: ComboboxProps['multiple'];\n setTextValue: React.Dispatch<React.SetStateAction<string>>;\n};\n\ntype ReturnedProps = {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n multiselect,\n setTextValue,\n}: Props): ReturnedProps => {\n const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.key) {\n case keys.ArrowUp: {\n if (focusedPath.length) {\n if (currentIndex > 0) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowDown: {\n if (focusedPath.length) {\n if (currentIndex + 1 < currentLength) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowLeft: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusedPath.length) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n } else {\n dispatchFocusedPath({ type: 'return_prev_focus' });\n }\n }\n\n if (path.length === 1) {\n handleListToggle(false);\n }\n }\n\n break;\n }\n\n case keys.ArrowRight: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (!focusedPath.length) {\n break;\n }\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n console.log('currentItem', currentItem, focusedPath, focusedToValueMap);\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n }\n }\n\n break;\n }\n\n case keys.Backspace: {\n if (!multiselect) break;\n\n break;\n }\n\n // case keys.Space: {\n // event.preventDefault();\n //\n // const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n //\n // if (!path[0]) {\n // dispatchPath({ type: 'opened_first_level' });\n // dispatchFocusedPath({ type: 'set_initial_focus' });\n // break;\n // }\n //\n // if (!currentItem || currentItem?.disabled) {\n // break;\n // }\n //\n // handlePressDown(currentItem);\n //\n // break;\n // }\n\n case keys.Enter: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n if (currentItem?.disabled) {\n break;\n }\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n // if (currentItem?.items) {\n // if (path.length > focusedPath.length) {\n // dispatchFocusedPath({ type: 'add_focus', value: 0 });\n // } else {\n // dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n // }\n //\n // break;\n // }\n\n if (currentItem) {\n handlePressDown(currentItem);\n }\n\n break;\n }\n\n case keys.Tab: {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n handleListToggle(false);\n setTextValue('');\n\n break;\n }\n\n case keys.Escape: {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n handleListToggle(false);\n\n break;\n }\n\n case keys.Home: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.End: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.PageUp: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n }\n\n break;\n }\n\n case keys.PageDown: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentLength - currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n }\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","multiselect","setTextValue","currentIndex","length","currentLength","onKeyDown","event","key","type","value","stopPropagation","preventDefault","currentItem","console","log","items","toString","disabled"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../src/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './getPathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n Backspace: 'Backspace',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n focusedPath: FocusedPathState;\n dispatchFocusedPath: Dispatch<FocusedPathAction>;\n path: PathState;\n dispatchPath: Dispatch<PathAction>;\n pathMap: PathMapType;\n focusedToValueMap: FocusedToValueMapType;\n handleListToggle: (opened: boolean) => void;\n handlePressDown: (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n setTextValue: React.Dispatch<React.SetStateAction<string>>;\n};\n\ntype ReturnedProps = {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n setTextValue,\n}: Props): ReturnedProps => {\n const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.key) {\n case keys.ArrowUp: {\n if (focusedPath.length) {\n if (currentIndex > 0) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowDown: {\n if (focusedPath.length) {\n if (currentIndex + 1 < currentLength) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n }\n\n break;\n }\n\n case keys.ArrowLeft: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (focusedPath.length) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n } else {\n dispatchFocusedPath({ type: 'return_prev_focus' });\n }\n }\n\n if (path.length === 1) {\n handleListToggle(false);\n }\n }\n\n break;\n }\n\n case keys.ArrowRight: {\n if (path[0]) {\n event.stopPropagation();\n event.preventDefault();\n\n if (!focusedPath.length) {\n break;\n }\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n }\n }\n\n break;\n }\n\n case keys.Enter: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n if (currentItem?.disabled) {\n break;\n }\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n if (currentItem) {\n handlePressDown(currentItem);\n }\n\n break;\n }\n\n case keys.Tab:\n case keys.Escape: {\n dispatchPath({ type: 'reset' });\n dispatchFocusedPath({ type: 'reset' });\n handleListToggle(false);\n setTextValue('');\n\n break;\n }\n\n case keys.Home: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.End: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.PageUp: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n }\n\n break;\n }\n\n case keys.PageDown: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentLength - currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n }\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","setTextValue","currentIndex","length","currentLength","onKeyDown","event","key","type","value","stopPropagation","preventDefault","currentItem","items","toString","disabled"],"mappings":"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"}
|
@@ -37,17 +37,17 @@
|
|
37
37
|
|
38
38
|
.Combobox_styles_18a8p75_s11cn92k__ba048029{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}
|
39
39
|
|
40
|
-
.
|
40
|
+
.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i13qvwoy__79b65751{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i19ry60d__79b65751{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasChips__79b65751{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentLeft__79b65751{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_i1j28rg8__79b65751.base_1tei47x_hasEmptyContentRight__79b65751{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_l1gjsnfi__79b65751,.base_1tei47x_b13ve66i__79b65751:not(.base_1tei47x_labelPlacementInner__79b65751) .base_1tei47x_s14qvple__79b65751{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s16itze4__79b65751{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_h1skqnhr__79b65751{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_t600610__79b65751{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_lb3k3v1__79b65751{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751,.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_s7hnwwb__79b65751{margin:var(--plasma-textfield__before-text-margin);}.base_1tei47x_b13ve66i__79b65751 .base_1tei47x_smqgwd8__79b65751{margin:var(--plasma-textfield__after-text-margin);}
|
41
41
|
|
42
|
-
.
|
42
|
+
.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color);--plasma_private-textfield-bg-color:var(--plasma-textfield-bg-color);color:var(--plasma-textfield-color);background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma_private-textfield-border-color);caret-color:var(--plasma-textfield__caret-color);-webkit-transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:hover{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-hover,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-hover, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i13qvwoy__e950e715{color:var(--plasma-textfield-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within{--plasma_private-textfield-border-color:var(--plasma-textfield-border-color-focus,var(--plasma-textfield-border-color));--plasma_private-textfield-bg-color:var( --plasma-textfield-bg-color-focus, var(--plasma-textfield-bg-color) );}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_i1j28rg8__e950e715:focus-within .base_8ogww5_ibt1ohz__e950e715{color:var(--plasma-textfield__placeholder-color-focus);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_t600610__e950e715{color:var(--plasma-textfield__title-caption-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_lb3k3v1__e950e715{color:var(--plasma-textfield__left-helper-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_s7hnwwb__e950e715{color:var(--plasma-textfield__before-text-color);}.base_8ogww5_bptx5xt__e950e715 .base_8ogww5_smqgwd8__e950e715{color:var(--plasma-textfield__after-text-color);}
|
43
43
|
|
44
|
-
.
|
44
|
+
.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7[readonly] .base_1396md2_i1j28rg8__eb9300f7:hover,.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:hover{background-color:unset;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ssv2kwg__eb9300f7{margin-left:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s190z894__eb9300f7{margin-right:0;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_labelPlacementOuter__eb9300f7 .base_1396md2_olv9av6__eb9300f7{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_i13qvwoy__eb9300f7{color:var(--plasma-textfield-clear-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s16itze4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasHint__eb9300f7 .base_1396md2_s8yezh4__eb9300f7.base_1396md2_labelPlacementInner__eb9300f7.base_1396md2_requiredAlignRight__eb9300f7{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7 .base_1396md2_i1j28rg8__eb9300f7:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1396md2_bg547ku__eb9300f7.base_1396md2_textfieldClear__eb9300f7.base_1396md2_textfieldHasDivider__eb9300f7:not([readonly]) .base_1396md2_i1j28rg8__eb9300f7:focus-within .base_1396md2_ibt1ohz__eb9300f7{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
45
45
|
|
46
46
|
.base_4d3opa_b15zsg4z__d935790a[disabled]{pointer-events:none;opacity:var(--plasma-textfield-disabled-opacity);cursor:not-allowed;}.base_4d3opa_b15zsg4z__d935790a[disabled] .base_4d3opa_i13qvwoy__d935790a{cursor:not-allowed;min-width:unset;}
|
47
47
|
|
48
|
-
.
|
48
|
+
.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasma-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_textfieldHasDivider__78f0baf3 .base_1jvcf9a_i1j28rg8__78f0baf3:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i1j28rg8__78f0baf3:focus-within .base_1jvcf9a_ibt1ohz__78f0baf3,.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_ibt1ohz__78f0baf3{color:var(--plasma-textfield__placeholder-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_i13qvwoy__78f0baf3{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_t600610__78f0baf3{color:var(--plasma-textfield__title-caption-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly] .base_1jvcf9a_lb3k3v1__78f0baf3{color:var(--plasma-textfield__left-helper-color-readonly);}.base_1jvcf9a_b1w985rt__78f0baf3[readonly].base_1jvcf9a_labelPlacementOuter__78f0baf3 .base_1jvcf9a_l1gjsnfi__78f0baf3{color:var(--plasma-textfield__label-color-readonly);}
|
49
49
|
|
50
|
-
.
|
50
|
+
.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementOuter__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i19ry60d__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_smqgwd8__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_s7hnwwb__3b8edf79{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79:focus ~ .base_gttvto_l1gjsnfi__3b8edf79,.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_i13qvwoy__3b8edf79.base_gttvto_hasValue__3b8edf79 ~ .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}.base_gttvto_b15d3bnf__3b8edf79.base_gttvto_labelPlacementInner__3b8edf79.base_gttvto_textfieldClear__3b8edf79 .base_gttvto_l1gjsnfi__3b8edf79{color:var(--plasma-textfield__clear-placeholder-color);}
|
51
51
|
|
52
52
|
.base_l8etux_bbsd6t5__82026c13 .base_l8etux_hq39zt5__82026c13{--plasma-tooltip-background-color:var(--plasma-textfield__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textfield__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textfield__tooltip-color);}
|
53
53
|
|
@@ -64,27 +64,26 @@
|
|
64
64
|
.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
|
65
65
|
|
66
66
|
|
67
|
-
.
|
68
|
-
.
|
69
|
-
.
|
70
|
-
.
|
71
|
-
.
|
72
|
-
.
|
73
|
-
.
|
74
|
-
.
|
75
|
-
.
|
76
|
-
.
|
77
|
-
.
|
78
|
-
.
|
79
|
-
.TextField_styles_grgg7q_sb3k3v1__04d4fe84{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_grgg7q_sb3k3v1__04d4fe84:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
67
|
+
.TextField_styles_j7dqpn_i1j28rg8__f79fd7d8{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
68
|
+
.TextField_styles_j7dqpn_i13zudoe__f79fd7d8{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8::-webkit-scrollbar{display:none;}.TextField_styles_j7dqpn_i13zudoe__f79fd7d8.TextField_styles_j7dqpn_hasChips__f79fd7d8{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
69
|
+
.TextField_styles_j7dqpn_so4bpie__f79fd7d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
70
|
+
.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-webkit-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::-moz-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8:-ms-input-placeholder{opacity:0;}.TextField_styles_j7dqpn_i13qvwoy__f79fd7d8::placeholder{opacity:0;}
|
71
|
+
.TextField_styles_j7dqpn_i19ry60d__f79fd7d8{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
72
|
+
.TextField_styles_j7dqpn_ibt1ohz__f79fd7d8{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
|
73
|
+
.TextField_styles_j7dqpn_olv9av6__f79fd7d8{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;margin-bottom:var(--olv9av6-0);}
|
74
|
+
.TextField_styles_j7dqpn_t600610__f79fd7d8{display:inline-block;margin-left:auto;}
|
75
|
+
.TextField_styles_j7dqpn_suk2zst__f79fd7d8{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;}
|
76
|
+
.TextField_styles_j7dqpn_l1gjsnfi__f79fd7d8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
77
|
+
.TextField_styles_j7dqpn_ssv2kwg__f79fd7d8{margin:var(--plasma-textfield__left-content-margin);color:var(--ssv2kwg-0);line-height:0;}
|
78
|
+
.TextField_styles_j7dqpn_s190z894__f79fd7d8{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_j7dqpn_s190z894__f79fd7d8:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_j7dqpn_s190z894__f79fd7d8:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
80
79
|
|
81
80
|
|
82
81
|
|
83
|
-
.
|
84
|
-
.
|
85
|
-
.
|
82
|
+
.TextField_styles_j7dqpn_s14qvple__f79fd7d8{color:var(--plasma-textfield__optional-color);}
|
83
|
+
.TextField_styles_j7dqpn_s16itze4__f79fd7d8{display:inline-block;line-height:0;}.TextField_styles_j7dqpn_s16itze4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
84
|
+
.TextField_styles_j7dqpn_h1skqnhr__f79fd7d8{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
86
85
|
|
87
|
-
.
|
86
|
+
.TextField_styles_j7dqpn_s8yezh4__f79fd7d8{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementOuter__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8.TextField_styles_j7dqpn_textfieldHasHint__f79fd7d8{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_j7dqpn_s8yezh4__f79fd7d8.TextField_styles_j7dqpn_labelPlacementInner__f79fd7d8.TextField_styles_j7dqpn_requiredAlignRight__f79fd7d8{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
88
87
|
|
89
88
|
.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);}
|
90
89
|
|