@salutejs/plasma-new-hope 0.192.0-canary.1550.11799501370.0 → 0.192.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +22 -21
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/cjs/components/Breadcrumbs/utils/index.css +3 -3
- package/cjs/components/Cell/Cell.js +1 -3
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/cjs/components/Chip/Chip.js +1 -3
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +22 -21
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- 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 +50 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +22 -21
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +22 -21
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -21
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -21
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +22 -21
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +37 -86
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +37 -86
- 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_1fesyfv.css +3 -0
- package/cjs/components/Range/Range.css +22 -21
- package/cjs/components/Select/Select.css +34 -83
- package/cjs/components/Select/Select.js +139 -179
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +50 -17
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_768h42.css +5 -0
- package/cjs/components/Select/Select.tokens.js +78 -122
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +72 -19
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +39 -0
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/cjs/components/Select/ui/Inner/Inner.css +34 -83
- 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 +34 -83
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -20
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +51 -34
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +9 -0
- package/cjs/components/Select/ui/Target/Target.css +17 -58
- package/cjs/components/Select/ui/Target/Target.js +16 -34
- 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 +14 -10
- 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_lxxm4p.css +5 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +38 -53
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +97 -84
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +103 -38
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +12 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +36 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
- package/cjs/components/Select/utils/getView.js +2 -2
- package/cjs/components/Select/utils/getView.js.map +1 -1
- package/cjs/components/Select/variations/_size/base.js +9 -0
- package/cjs/components/Select/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/variations/_view/base.js +9 -0
- package/cjs/components/Select/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Slider/Slider.css +22 -21
- package/cjs/components/Slider/components/Double/Double.css +22 -21
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -21
- package/cjs/components/Switch/Switch.css +11 -7
- package/cjs/components/Switch/Switch.js +16 -7
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +16 -4
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Switch/Switch.styles_bei7bh.css +6 -0
- package/cjs/components/Switch/Switch.tokens.js +11 -0
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Switch/_focused/base.js +1 -1
- package/cjs/components/Switch/_focused/{base_j4murk.css → base_sz3n0x.css} +1 -1
- package/cjs/components/Switch/_size/base.js +1 -1
- package/cjs/components/Switch/_size/base.js.map +1 -1
- package/cjs/components/Switch/_size/base_1tcl212.css +1 -0
- package/cjs/components/Switch/_toggleSize/base.js +9 -0
- package/cjs/components/Switch/_toggleSize/base.js.map +1 -0
- package/cjs/components/Switch/_toggleSize/base_6i0904.css +1 -0
- package/cjs/components/Switch/_view/base.js +1 -1
- package/cjs/components/Switch/_view/base.js.map +1 -1
- package/cjs/components/Switch/_view/base_yxkf3s.css +1 -0
- package/cjs/components/TextField/TextField.js +2 -11
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +22 -14
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_grgg7q.css} +7 -6
- package/cjs/components/TextField/TextField.tokens.js +1 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +21 -20
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- 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_1396md2.css → base_1i91sjp.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_3domm.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_1jvcf9a.css → base_17ypmu7.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1tei47x.css → base_1xdmaqh.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_8ogww5.css → base_qhyte8.css} +1 -1
- package/cjs/index.css +75 -56
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/cjs/components/Cell/Cell.js +1 -3
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/emotion/cjs/components/Chip/Chip.js +1 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -19
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/cjs/components/Select/Select.js +136 -177
- package/emotion/cjs/components/Select/Select.styles.js +31 -13
- package/emotion/cjs/components/Select/Select.tokens.js +60 -125
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +73 -19
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
- package/emotion/cjs/components/Select/reducers/index.js +11 -0
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -19
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +50 -27
- package/emotion/cjs/components/Select/ui/Target/Target.js +18 -38
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +16 -13
- 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 +99 -88
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +74 -27
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +22 -0
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
- package/emotion/cjs/components/Select/utils/getView.js +2 -2
- package/emotion/cjs/components/Select/utils/index.js +1 -22
- package/emotion/cjs/components/Select/variations/_size/base.js +8 -0
- package/emotion/cjs/components/Select/variations/_size/tokens.json +9 -0
- package/emotion/cjs/components/Select/variations/_view/base.js +8 -0
- package/emotion/cjs/components/Select/variations/_view/tokens.json +1 -0
- package/emotion/cjs/components/Switch/Switch.js +17 -8
- package/emotion/cjs/components/Switch/Switch.styles.js +21 -5
- package/emotion/cjs/components/Switch/Switch.template-doc.mdx +37 -1
- package/emotion/cjs/components/Switch/Switch.tokens.js +11 -0
- package/emotion/cjs/components/Switch/_size/base.js +1 -1
- package/emotion/cjs/components/Switch/_toggleSize/base.js +10 -0
- package/emotion/cjs/components/Switch/_view/base.js +1 -1
- package/emotion/cjs/components/TextField/TextField.js +3 -12
- package/emotion/cjs/components/TextField/TextField.styles.js +40 -36
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -28
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +11 -4
- package/emotion/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +20 -28
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.config.js +11 -4
- package/emotion/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
- package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/emotion/cjs/index.js +0 -11
- package/emotion/cjs/utils/index.js +1 -9
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
- package/emotion/es/components/Cell/Cell.js +1 -3
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/emotion/es/components/Chip/Chip.js +1 -3
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/es/components/Select/Select.js +141 -182
- package/emotion/es/components/Select/Select.styles.js +30 -12
- package/emotion/es/components/Select/Select.tokens.js +60 -125
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +72 -18
- package/emotion/es/components/Select/hooks/usePathMaps.js +1 -4
- package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
- package/emotion/es/components/Select/reducers/index.js +2 -1
- package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +15 -22
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +49 -26
- package/emotion/es/components/Select/ui/Target/Target.js +17 -35
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +16 -11
- 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 +99 -86
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +74 -27
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +15 -0
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
- package/emotion/es/components/Select/utils/getView.js +2 -2
- package/emotion/es/components/Select/utils/index.js +1 -4
- package/emotion/es/components/Select/variations/_size/base.js +2 -0
- package/emotion/es/components/Select/variations/_size/tokens.json +9 -0
- package/emotion/es/components/Select/variations/_view/base.js +2 -0
- package/emotion/es/components/Select/variations/_view/tokens.json +1 -0
- package/emotion/es/components/Switch/Switch.js +13 -4
- package/emotion/es/components/Switch/Switch.styles.js +20 -4
- package/emotion/es/components/Switch/Switch.template-doc.mdx +37 -1
- package/emotion/es/components/Switch/Switch.tokens.js +11 -0
- package/emotion/es/components/Switch/_size/base.js +2 -2
- package/emotion/es/components/Switch/_toggleSize/base.js +4 -0
- package/emotion/es/components/Switch/_view/base.js +2 -2
- package/emotion/es/components/TextField/TextField.js +3 -12
- package/emotion/es/components/TextField/TextField.styles.js +40 -36
- package/emotion/es/components/TextField/TextField.tokens.js +1 -2
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +21 -29
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.config.js +11 -4
- package/emotion/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
- package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +21 -29
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/emotion/es/examples/plasma_web/components/Switch/Switch.config.js +11 -4
- package/emotion/es/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
- package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/emotion/es/index.js +0 -1
- package/emotion/es/utils/index.js +1 -2
- package/es/components/Autocomplete/Autocomplete.css +22 -21
- package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
- package/es/components/Breadcrumbs/utils/index.css +3 -3
- package/es/components/Cell/Cell.js +1 -3
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Chip/Chip.js +1 -3
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +22 -21
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- 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 +50 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +22 -21
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +22 -21
- package/es/components/DatePicker/RangeDate/RangeDate.css +22 -21
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +22 -21
- package/es/components/DatePicker/SingleDate/SingleDate.css +22 -21
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Pagination/Pagination.css +37 -86
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +37 -86
- 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_1fesyfv.css +3 -0
- package/es/components/Range/Range.css +22 -21
- package/es/components/Select/Select.css +34 -83
- package/es/components/Select/Select.js +142 -182
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +48 -18
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_768h42.css +5 -0
- package/es/components/Select/Select.tokens.js +78 -123
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +73 -19
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +1 -4
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/reducers/focusedChipIndexReducer.js +35 -0
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/es/components/Select/ui/Inner/Inner.css +34 -83
- 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 +34 -83
- package/es/components/Select/ui/Inner/ui/Item/Item.js +14 -22
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +50 -33
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +9 -0
- package/es/components/Select/ui/Target/Target.css +17 -58
- package/es/components/Select/ui/Target/Target.js +17 -35
- 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 +15 -11
- 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_lxxm4p.css +5 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +38 -53
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +99 -86
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +95 -39
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +12 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +21 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +32 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +1 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +18 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +1 -0
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +1 -0
- package/es/components/Select/utils/getView.js +2 -2
- package/es/components/Select/utils/getView.js.map +1 -1
- package/es/components/Select/variations/_size/base.js +5 -0
- package/es/components/Select/variations/_size/base.js.map +1 -0
- package/es/components/Select/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/variations/_view/base.js +5 -0
- package/es/components/Select/variations/_view/base.js.map +1 -0
- package/es/components/Select/variations/_view/base_x642ct.css +1 -0
- package/es/components/Slider/Slider.css +22 -21
- package/es/components/Slider/components/Double/Double.css +22 -21
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +22 -21
- package/es/components/Switch/Switch.css +11 -7
- package/es/components/Switch/Switch.js +17 -8
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Switch/Switch.styles.js +15 -5
- package/es/components/Switch/Switch.styles.js.map +1 -1
- package/es/components/Switch/Switch.styles_bei7bh.css +6 -0
- package/es/components/Switch/Switch.tokens.js +11 -0
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Switch/_focused/base.js +1 -1
- package/es/components/Switch/_focused/{base_j4murk.css → base_sz3n0x.css} +1 -1
- package/es/components/Switch/_size/base.js +1 -1
- package/es/components/Switch/_size/base.js.map +1 -1
- package/es/components/Switch/_size/base_1tcl212.css +1 -0
- package/es/components/Switch/_toggleSize/base.js +5 -0
- package/es/components/Switch/_toggleSize/base.js.map +1 -0
- package/es/components/Switch/_toggleSize/base_6i0904.css +1 -0
- package/es/components/Switch/_view/base.js +1 -1
- package/es/components/Switch/_view/base.js.map +1 -1
- package/es/components/Switch/_view/base_yxkf3s.css +1 -0
- package/es/components/TextField/TextField.js +2 -11
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +22 -14
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_j7dqpn.css → TextField.styles_grgg7q.css} +7 -6
- package/es/components/TextField/TextField.tokens.js +1 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +21 -20
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- 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_1396md2.css → base_1i91sjp.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_3domm.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/{base_1jvcf9a.css → base_17ypmu7.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1tei47x.css → base_1xdmaqh.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_8ogww5.css → base_qhyte8.css} +1 -1
- package/es/index.css +75 -56
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/cjs/components/Cell/Cell.js +1 -3
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/styled-components/cjs/components/Chip/Chip.js +1 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -19
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/cjs/components/Select/Select.js +136 -177
- package/styled-components/cjs/components/Select/Select.styles.js +27 -12
- package/styled-components/cjs/components/Select/Select.tokens.js +60 -125
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +73 -19
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
- package/styled-components/cjs/components/Select/reducers/index.js +11 -0
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +12 -19
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -20
- package/styled-components/cjs/components/Select/ui/Target/Target.js +18 -38
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +16 -13
- 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 +99 -88
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +61 -23
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +37 -0
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +21 -0
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +16 -0
- package/styled-components/cjs/components/Select/utils/getView.js +2 -2
- package/styled-components/cjs/components/Select/utils/index.js +1 -22
- package/styled-components/cjs/components/Select/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/variations/_size/tokens.json +9 -0
- package/styled-components/cjs/components/Select/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Switch/Switch.js +17 -8
- package/styled-components/cjs/components/Switch/Switch.styles.js +11 -5
- package/styled-components/cjs/components/Switch/Switch.template-doc.mdx +37 -1
- package/styled-components/cjs/components/Switch/Switch.tokens.js +11 -0
- package/styled-components/cjs/components/Switch/_size/base.js +1 -1
- package/styled-components/cjs/components/Switch/_toggleSize/base.js +10 -0
- package/styled-components/cjs/components/Switch/_view/base.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +2 -11
- package/styled-components/cjs/components/TextField/TextField.styles.js +15 -12
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- 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 +20 -28
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.config.js +9 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +20 -28
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.config.js +9 -2
- package/styled-components/cjs/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
- package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/cjs/utils/index.js +1 -9
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
- package/styled-components/es/components/Cell/Cell.js +1 -3
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +1 -7
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +1 -4
- package/styled-components/es/components/Chip/Chip.js +1 -3
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -0
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +4 -18
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +50 -1
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/es/components/Select/Select.js +141 -182
- package/styled-components/es/components/Select/Select.styles.js +26 -11
- package/styled-components/es/components/Select/Select.tokens.js +60 -125
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +72 -18
- package/styled-components/es/components/Select/hooks/usePathMaps.js +1 -4
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
- package/styled-components/es/components/Select/reducers/index.js +2 -1
- package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +15 -22
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +25 -19
- package/styled-components/es/components/Select/ui/Target/Target.js +17 -35
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +16 -11
- 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 +99 -86
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +61 -23
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +28 -0
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +14 -0
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +1 -0
- package/styled-components/es/components/Select/utils/getView.js +2 -2
- package/styled-components/es/components/Select/utils/index.js +1 -4
- package/styled-components/es/components/Select/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/variations/_size/tokens.json +9 -0
- package/styled-components/es/components/Select/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Switch/Switch.js +13 -4
- package/styled-components/es/components/Switch/Switch.styles.js +10 -4
- package/styled-components/es/components/Switch/Switch.template-doc.mdx +37 -1
- package/styled-components/es/components/Switch/Switch.tokens.js +11 -0
- package/styled-components/es/components/Switch/_size/base.js +2 -2
- package/styled-components/es/components/Switch/_toggleSize/base.js +4 -0
- package/styled-components/es/components/Switch/_view/base.js +2 -2
- package/styled-components/es/components/TextField/TextField.js +2 -11
- package/styled-components/es/components/TextField/TextField.styles.js +15 -12
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +1 -7
- 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 +21 -29
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +40 -47
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.config.js +9 -2
- package/styled-components/es/examples/plasma_b2c/components/Switch/Switch.stories.tsx +7 -1
- package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +21 -29
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +40 -47
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js +9 -2
- package/styled-components/es/examples/plasma_web/components/Switch/Switch.stories.tsx +14 -1
- package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
- package/styled-components/es/index.js +0 -1
- package/styled-components/es/utils/index.js +1 -2
- package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +1 -0
- 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 +3 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
- package/types/components/Notification/Notification.styles.d.ts +2 -2
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
- package/types/components/Pagination/Pagination.styles.d.ts +4 -4
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +40 -40
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
- package/types/components/Range/Range.styles.d.ts +16 -16
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +11 -5
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +9 -0
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +58 -121
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +20 -41
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +11 -5
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +11 -0
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +1 -0
- package/types/components/Select/reducers/index.d.ts +1 -0
- 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 +2 -32
- 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 +0 -9
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +2 -14
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +9 -10
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +60 -628
- 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 +4 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +9 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +1 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +3 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +1 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +2 -0
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.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 +0 -3
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/variations/_size/base.d.ts +2 -0
- package/types/components/Select/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/variations/_view/base.d.ts +2 -0
- package/types/components/Select/variations/_view/base.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Switch/Switch.d.ts +3 -0
- package/types/components/Switch/Switch.d.ts.map +1 -1
- package/types/components/Switch/Switch.styles.d.ts +2 -0
- package/types/components/Switch/Switch.styles.d.ts.map +1 -1
- package/types/components/Switch/Switch.tokens.d.ts +9 -0
- package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
- package/types/components/Switch/Switch.types.d.ts +10 -2
- package/types/components/Switch/Switch.types.d.ts.map +1 -1
- package/types/components/Switch/_size/base.d.ts.map +1 -1
- package/types/components/Switch/_toggleSize/base.d.ts +2 -0
- package/types/components/Switch/_toggleSize/base.d.ts.map +1 -0
- package/types/components/Switch/_view/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +3 -1
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +1 -3
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +2 -2
- package/types/components/Toast/utils.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +7 -15
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +46 -53
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts +7 -0
- package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Switch/Switch.d.ts +6 -0
- package/types/examples/plasma_b2c/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +7 -15
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +46 -53
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts +7 -0
- package/types/examples/plasma_web/components/Switch/Switch.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Switch/Switch.d.ts +6 -0
- package/types/examples/plasma_web/components/Switch/Switch.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/types/types/index.d.ts +0 -2
- package/types/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +0 -3
- package/cjs/components/Select/FloatingPopover.js +0 -87
- package/cjs/components/Select/FloatingPopover.js.map +0 -1
- package/cjs/components/Select/Select.styles_1p5c9p3.css +0 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +0 -9
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +0 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
- package/cjs/components/Select/utils/getFallbackPlacements.js +0 -15
- package/cjs/components/Select/utils/getFallbackPlacements.js.map +0 -1
- package/cjs/components/Select/utils/getItemId.js +0 -10
- package/cjs/components/Select/utils/getItemId.js.map +0 -1
- package/cjs/components/Select/utils/getPlacement.js +0 -13
- package/cjs/components/Select/utils/getPlacement.js.map +0 -1
- package/cjs/components/Switch/Switch.styles_1kk0qzz.css +0 -4
- package/cjs/components/Switch/_size/base_1rjzpi4.css +0 -1
- package/cjs/components/Switch/_view/base_1mtyz12.css +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
- package/cjs/utils/fixedForwardRef.js +0 -12
- package/cjs/utils/fixedForwardRef.js.map +0 -1
- package/emotion/cjs/components/Select/FloatingPopover.js +0 -91
- package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +0 -14
- package/emotion/cjs/components/Select/utils/getItemId.js +0 -9
- package/emotion/cjs/components/Select/utils/getPlacement.js +0 -12
- package/emotion/cjs/types/DistributiveOmit.js +0 -5
- package/emotion/cjs/types/DistributivePick.js +0 -5
- package/emotion/cjs/utils/fixedForwardRef.js +0 -11
- package/emotion/es/components/Select/FloatingPopover.js +0 -84
- package/emotion/es/components/Select/utils/getFallbackPlacements.js +0 -8
- package/emotion/es/components/Select/utils/getItemId.js +0 -3
- package/emotion/es/components/Select/utils/getPlacement.js +0 -6
- package/emotion/es/types/DistributiveOmit.js +0 -1
- package/emotion/es/types/DistributivePick.js +0 -1
- package/emotion/es/utils/fixedForwardRef.js +0 -4
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +0 -3
- package/es/components/Select/FloatingPopover.js +0 -83
- package/es/components/Select/FloatingPopover.js.map +0 -1
- package/es/components/Select/Select.styles_1p5c9p3.css +0 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +0 -9
- package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +0 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +0 -3
- package/es/components/Select/utils/getFallbackPlacements.js +0 -11
- package/es/components/Select/utils/getFallbackPlacements.js.map +0 -1
- package/es/components/Select/utils/getItemId.js +0 -6
- package/es/components/Select/utils/getItemId.js.map +0 -1
- package/es/components/Select/utils/getPlacement.js +0 -9
- package/es/components/Select/utils/getPlacement.js.map +0 -1
- package/es/components/Switch/Switch.styles_1kk0qzz.css +0 -4
- package/es/components/Switch/_size/base_1rjzpi4.css +0 -1
- package/es/components/Switch/_view/base_1mtyz12.css +0 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +0 -1
- package/es/utils/fixedForwardRef.js +0 -8
- package/es/utils/fixedForwardRef.js.map +0 -1
- package/styled-components/cjs/components/Select/FloatingPopover.js +0 -91
- package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +0 -14
- package/styled-components/cjs/components/Select/utils/getItemId.js +0 -9
- package/styled-components/cjs/components/Select/utils/getPlacement.js +0 -12
- package/styled-components/cjs/types/DistributiveOmit.js +0 -5
- package/styled-components/cjs/types/DistributivePick.js +0 -5
- package/styled-components/cjs/utils/fixedForwardRef.js +0 -11
- package/styled-components/es/components/Select/FloatingPopover.js +0 -84
- package/styled-components/es/components/Select/utils/getFallbackPlacements.js +0 -8
- package/styled-components/es/components/Select/utils/getItemId.js +0 -3
- package/styled-components/es/components/Select/utils/getPlacement.js +0 -6
- package/styled-components/es/types/DistributiveOmit.js +0 -1
- package/styled-components/es/types/DistributivePick.js +0 -1
- package/styled-components/es/utils/fixedForwardRef.js +0 -4
- package/types/components/Select/FloatingPopover.d.ts +0 -5
- package/types/components/Select/FloatingPopover.d.ts.map +0 -1
- package/types/components/Select/utils/getFallbackPlacements.d.ts +0 -4
- package/types/components/Select/utils/getFallbackPlacements.d.ts.map +0 -1
- package/types/components/Select/utils/getItemId.d.ts +0 -2
- package/types/components/Select/utils/getItemId.d.ts.map +0 -1
- package/types/components/Select/utils/getPlacement.d.ts +0 -4
- package/types/components/Select/utils/getPlacement.d.ts.map +0 -1
- package/types/types/DistributiveOmit.d.ts +0 -2
- package/types/types/DistributiveOmit.d.ts.map +0 -1
- package/types/types/DistributivePick.d.ts +0 -2
- package/types/types/DistributivePick.d.ts.map +0 -1
- package/types/utils/fixedForwardRef.d.ts +0 -3
- package/types/utils/fixedForwardRef.d.ts.map +0 -1
|
@@ -9,17 +9,17 @@
|
|
|
9
9
|
.SliderBase_styles_1qt1224_fdg7yhg__8fd7c64a{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
|
10
10
|
.SliderBase_styles_1qt1224_i17ya4q3__8fd7c64a{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
11
11
|
|
|
12
|
-
.
|
|
12
|
+
.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65: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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65: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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
|
|
15
15
|
|
|
16
|
-
.
|
|
16
|
+
.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b:hover,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:hover{background-color:unset;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_s190z894__7642e26b{margin-left:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_sb3k3v1__7642e26b{margin-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_labelPlacementOuter__7642e26b .base_1i91sjp_olv9av6__7642e26b{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i13qvwoy__7642e26b{color:var(--plasma-textfield-clear-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_s1skqnhr__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b: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_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
|
17
17
|
|
|
18
18
|
.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;}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{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_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{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_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{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_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
23
23
|
|
|
24
24
|
.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);}
|
|
25
25
|
|
|
@@ -36,26 +36,27 @@
|
|
|
36
36
|
.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;}
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
.
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
39
|
+
.TextField_styles_grgg7q_i1j28rg8__04d4fe84{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;}
|
|
40
|
+
.TextField_styles_grgg7q_i13zudoe__04d4fe84{-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_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
41
|
+
.TextField_styles_grgg7q_so4bpie__04d4fe84{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;}
|
|
42
|
+
.TextField_styles_grgg7q_i13qvwoy__04d4fe84{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_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
|
|
43
|
+
.TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
|
44
|
+
.TextField_styles_grgg7q_ibt1ohz__04d4fe84{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);}
|
|
45
|
+
.TextField_styles_grgg7q_olv9av6__04d4fe84{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);}
|
|
46
|
+
.TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
|
|
47
|
+
.TextField_styles_grgg7q_suk2zst__04d4fe84{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;}
|
|
48
|
+
.TextField_styles_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
49
|
+
.TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
|
|
50
|
+
.TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
|
|
51
|
+
.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));}
|
|
51
52
|
|
|
52
53
|
|
|
53
54
|
|
|
54
|
-
.
|
|
55
|
-
.
|
|
56
|
-
.
|
|
55
|
+
.TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
|
|
56
|
+
.TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
57
|
+
.TextField_styles_grgg7q_hgy0im1__04d4fe84{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;}
|
|
57
58
|
|
|
58
|
-
.
|
|
59
|
+
.TextField_styles_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
59
60
|
|
|
60
61
|
.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);}
|
|
61
62
|
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:absolute;bottom:calc(var(--plasma-slider-rail-thickness) * -1.5 - var(--plasma-slider-range-value-bottom-offset));left:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:unset;right:0;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:var(--plasma-slider-range-value-horizontal-margin);}.Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf.Single_styles_1h7n2s2_sliderRangeValuesPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:var(--plasma-slider-range-value-horizontal-margin);}
|
|
17
17
|
.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementOuter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:var(--plasma-slider-label-wrapper-margin-right);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelContentReversed__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{width:var(--plasma-slider-size);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementInner__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-right:0;margin-bottom:var(--plasma-slider-label-wrapper-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf{-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelPlacementBottom__5fe9b6cf .Single_styles_1h7n2s2_l1p4kc08__5fe9b6cf{margin-top:var(--plasma-slider-label-wrapper-vertical-margin);margin-right:0;margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf .Single_styles_1h7n2s2_s1d2sfgl__5fe9b6cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{position:static;bottom:0;left:0;margin-bottom:var(--plasma-slider-range-value-vertical-margin);}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignCenter__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{left:0;right:0;bottom:0;margin-top:var(--plasma-slider-range-value-vertical-margin);margin-bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(--plasma-slider-rail-thickness) / 2 + var(--plasma-slider-size) / 2 + var(--plasma-slider-range-value-horizontal-offset) );}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignLeft__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf,.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf.Single_styles_1h7n2s2_sliderMaxRangeValue__5fe9b6cf{margin-right:0;margin-left:0;top:auto;bottom:0;}.Single_styles_1h7n2s2_ss3ujqx__5fe9b6cf.Single_styles_1h7n2s2_sliderVerticalOrientation__5fe9b6cf.Single_styles_1h7n2s2_sliderLabelAlignRight__5fe9b6cf .Single_styles_1h7n2s2_s1w9icbd__5fe9b6cf{left:calc(var(--plasma-slider-size) + var(--plasma-slider-rail-thickness));}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i13qvwoy__5f4dd9b9{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i19ry60d__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasChips__5f4dd9b9{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentLeft__5f4dd9b9{padding-left:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_i1j28rg8__5f4dd9b9.base_1xdmaqh_hasEmptyContentRight__5f4dd9b9{padding-right:var(--plasma-textfield-padding-with-chips);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l1gjsnfi__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9:not(.base_1xdmaqh_labelPlacementInner__5f4dd9b9) .base_1xdmaqh_s16itze4__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s1skqnhr__5f4dd9b9{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_hgy0im1__5f4dd9b9{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_t600610__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_l7hnwwb__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9,.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{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_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_smqgwd8__5f4dd9b9{margin:var(--plasma-textfield__before-text-margin);}.base_1xdmaqh_b13ve66i__5f4dd9b9 .base_1xdmaqh_s14qvple__5f4dd9b9{margin:var(--plasma-textfield__after-text-margin);}
|
|
20
20
|
|
|
21
|
-
.
|
|
21
|
+
.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65{--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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65: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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i13qvwoy__55992f65{color:var(--plasma-textfield-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65: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_qhyte8_bptx5xt__55992f65 .base_qhyte8_i1j28rg8__55992f65:focus-within .base_qhyte8_ibt1ohz__55992f65{color:var(--plasma-textfield__placeholder-color-focus);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_t600610__55992f65{color:var(--plasma-textfield__title-caption-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_l7hnwwb__55992f65{color:var(--plasma-textfield__left-helper-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_smqgwd8__55992f65{color:var(--plasma-textfield__before-text-color);}.base_qhyte8_bptx5xt__55992f65 .base_qhyte8_s14qvple__55992f65{color:var(--plasma-textfield__after-text-color);}
|
|
22
22
|
|
|
23
|
-
.
|
|
23
|
+
.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b[readonly] .base_1i91sjp_i1j28rg8__7642e26b:hover,.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i1j28rg8__7642e26b:hover{background-color:unset;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_s190z894__7642e26b{margin-left:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_sb3k3v1__7642e26b{margin-right:0;}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_labelPlacementOuter__7642e26b .base_1i91sjp_olv9av6__7642e26b{margin-bottom:var(--plasma-textfield__clear-label-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_i13qvwoy__7642e26b{color:var(--plasma-textfield-clear-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_s1skqnhr__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b{inset:var(--plasma-textfield__clear-hint-inner-label-placement-offset);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasHint__7642e26b .base_1i91sjp_szsveq4__7642e26b.base_1i91sjp_labelPlacementInner__7642e26b.base_1i91sjp_requiredAlignRight__7642e26b{inset:var(--plasma-textfield__clear-indicator-hint-placement-inner-right);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b{--plasma_private-textfield-divider-color:var(--plasma-textfield-divider-color);}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b .base_1i91sjp_i1j28rg8__7642e26b: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_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:hover{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-hover, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within{--plasma_private-textfield-divider-color:var( --plasma-textfield-divider-color-focus, var(--plasma-textfield-divider-color) );}.base_1i91sjp_bg547ku__7642e26b.base_1i91sjp_textfieldClear__7642e26b.base_1i91sjp_textfieldHasDivider__7642e26b:not([readonly]) .base_1i91sjp_i1j28rg8__7642e26b:focus-within .base_1i91sjp_ibt1ohz__7642e26b{color:var(--plasma-textfield__clear-placeholder-color-focus);}
|
|
24
24
|
|
|
25
25
|
.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;}
|
|
26
26
|
|
|
27
|
-
.
|
|
27
|
+
.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55{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_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_textfieldHasDivider__5cf81a55 .base_17ypmu7_i1j28rg8__5cf81a55:before{background-color:var(--plasma-textfield-divider-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i1j28rg8__5cf81a55:focus-within .base_17ypmu7_ibt1ohz__5cf81a55,.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_ibt1ohz__5cf81a55{color:var(--plasma-textfield__placeholder-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_i13qvwoy__5cf81a55{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_t600610__5cf81a55{color:var(--plasma-textfield__title-caption-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly] .base_17ypmu7_l7hnwwb__5cf81a55{color:var(--plasma-textfield__left-helper-color-readonly);}.base_17ypmu7_b1w985rt__5cf81a55[readonly].base_17ypmu7_labelPlacementOuter__5cf81a55 .base_17ypmu7_l1gjsnfi__5cf81a55{color:var(--plasma-textfield__label-color-readonly);}
|
|
28
28
|
|
|
29
|
-
.
|
|
29
|
+
.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementOuter__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i19ry60d__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_s14qvple__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_smqgwd8__caf0c2d1{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1:focus ~ .base_3domm_l1gjsnfi__caf0c2d1,.base_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_i13qvwoy__caf0c2d1.base_3domm_hasValue__caf0c2d1 ~ .base_3domm_l1gjsnfi__caf0c2d1{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_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{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_3domm_b15d3bnf__caf0c2d1.base_3domm_labelPlacementInner__caf0c2d1.base_3domm_textfieldClear__caf0c2d1 .base_3domm_l1gjsnfi__caf0c2d1{color:var(--plasma-textfield__clear-placeholder-color);}
|
|
30
30
|
|
|
31
31
|
.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);}
|
|
32
32
|
|
|
@@ -43,26 +43,27 @@
|
|
|
43
43
|
.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;}
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
51
|
-
.
|
|
52
|
-
.
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
46
|
+
.TextField_styles_grgg7q_i1j28rg8__04d4fe84{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;}
|
|
47
|
+
.TextField_styles_grgg7q_i13zudoe__04d4fe84{-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_grgg7q_i13zudoe__04d4fe84::-webkit-scrollbar{display:none;}.TextField_styles_grgg7q_i13zudoe__04d4fe84.TextField_styles_grgg7q_hasChips__04d4fe84{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
48
|
+
.TextField_styles_grgg7q_so4bpie__04d4fe84{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;}
|
|
49
|
+
.TextField_styles_grgg7q_i13qvwoy__04d4fe84{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_grgg7q_i13qvwoy__04d4fe84::-webkit-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::-moz-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84:-ms-input-placeholder{opacity:0;}.TextField_styles_grgg7q_i13qvwoy__04d4fe84::placeholder{opacity:0;}
|
|
50
|
+
.TextField_styles_grgg7q_i19ry60d__04d4fe84{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
|
|
51
|
+
.TextField_styles_grgg7q_ibt1ohz__04d4fe84{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);}
|
|
52
|
+
.TextField_styles_grgg7q_olv9av6__04d4fe84{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);}
|
|
53
|
+
.TextField_styles_grgg7q_t600610__04d4fe84{display:inline-block;margin-left:auto;}
|
|
54
|
+
.TextField_styles_grgg7q_suk2zst__04d4fe84{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;}
|
|
55
|
+
.TextField_styles_grgg7q_l1gjsnfi__04d4fe84{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
56
|
+
.TextField_styles_grgg7q_ssv2kwg__04d4fe84{color:var(--ssv2kwg-0);line-height:0;}
|
|
57
|
+
.TextField_styles_grgg7q_s190z894__04d4fe84.TextField_styles_grgg7q_ssv2kwg__04d4fe84{margin:var(--plasma-textfield__left-content-margin);}
|
|
58
|
+
.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));}
|
|
58
59
|
|
|
59
60
|
|
|
60
61
|
|
|
61
|
-
.
|
|
62
|
-
.
|
|
63
|
-
.
|
|
62
|
+
.TextField_styles_grgg7q_s16itze4__04d4fe84{color:var(--plasma-textfield__optional-color);}
|
|
63
|
+
.TextField_styles_grgg7q_s1skqnhr__04d4fe84{display:inline-block;line-height:0;}.TextField_styles_grgg7q_s1skqnhr__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
64
|
+
.TextField_styles_grgg7q_hgy0im1__04d4fe84{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;}
|
|
64
65
|
|
|
65
|
-
.
|
|
66
|
+
.TextField_styles_grgg7q_szsveq4__04d4fe84{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementOuter__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84.TextField_styles_grgg7q_textfieldHasHint__04d4fe84{right:calc(-1 * var(--plasma-textfield__indicator-size-outer));}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_grgg7q_szsveq4__04d4fe84.TextField_styles_grgg7q_labelPlacementInner__04d4fe84.TextField_styles_grgg7q_requiredAlignRight__04d4fe84{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
66
67
|
|
|
67
68
|
.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);}
|
|
68
69
|
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
.
|
|
1
|
+
.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_s10fscgc__e2c572a3{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_sdjnckq__e2c572a3{font-family:var(--plasma-switch-description-font-family);font-style:var(--plasma-switch-description-font-style);font-weight:var(--plasma-switch-description-font-weight);-webkit-letter-spacing:var(--plasma-switch-description-letter-spacing);-moz-letter-spacing:var(--plasma-switch-description-letter-spacing);-ms-letter-spacing:var(--plasma-switch-description-letter-spacing);letter-spacing:var(--plasma-switch-description-letter-spacing);line-height:var(--plasma-switch-description-line-height);font-size:var(--plasma-switch-description-font-size);}.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_s1ilr5eq__e2c572a3{margin:var(--plasma_private-switch__label-offset,0);}
|
|
2
2
|
|
|
3
|
-
.
|
|
3
|
+
.base_6i0904_b1wld3h3__fa866566 .base_6i0904_s2cs3kf__fa866566{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_6i0904_b1wld3h3__fa866566 .base_6i0904_s2cs3kf__fa866566::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_6i0904_b1wld3h3__fa866566:active:not([disabled]) .base_6i0904_s2cs3kf__fa866566::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
|
|
4
4
|
|
|
5
|
-
.
|
|
5
|
+
.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s2cs3kf__d59e59a0{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:not([disabled]) ~ .base_yxkf3s_s2cs3kf__d59e59a0:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked ~ .base_yxkf3s_s2cs3kf__d59e59a0{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked:not([disabled]) ~ .base_yxkf3s_s2cs3kf__d59e59a0:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s2cs3kf__d59e59a0::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked ~ .base_yxkf3s_s2cs3kf__d59e59a0::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s1ilr5eq__d59e59a0{color:var(--plasma-switch__label-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_sdjnckq__d59e59a0{color:var(--plasma-switch__description-color);}
|
|
6
|
+
|
|
7
|
+
.base_sz3n0x_bvwxj2r__a36bed54 .base_sz3n0x_s2cs3kf__a36bed54::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_sz3n0x_bvwxj2r__a36bed54 .base_sz3n0x_ssthlx1__a36bed54.base_sz3n0x_focusVisible__a36bed54 ~ .base_sz3n0x_s2cs3kf__a36bed54::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
|
|
6
8
|
|
|
7
9
|
.base_15j754u_bnochw__b189000a{opacity:var(--plasma-switch-disabled-opacity);}.base_15j754u_bnochw__b189000a[disabled]{cursor:not-allowed;}
|
|
8
10
|
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
11
|
+
.Switch_styles_bei7bh_b1fcyfkl__af9471a3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Switch_styles_bei7bh_b1fcyfkl__af9471a3:focus{outline:0 none;}
|
|
12
|
+
.Switch_styles_bei7bh_s10fscgc__af9471a3{width:100%;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;}.Switch_styles_bei7bh_s10fscgc__af9471a3.Switch_styles_bei7bh_switchLabelPositionBefore__af9471a3{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.Switch_styles_bei7bh_s10fscgc__af9471a3.Switch_styles_bei7bh_switchLabelPositionAfter__af9471a3{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
|
13
|
+
.Switch_styles_bei7bh_sdjnckq__af9471a3{position:relative;}
|
|
14
|
+
.Switch_styles_bei7bh_ssthlx1__af9471a3{position:absolute;right:0;margin:0;opacity:0;}.Switch_styles_bei7bh_ssthlx1__af9471a3:focus{outline:0 none;}
|
|
15
|
+
.Switch_styles_bei7bh_s1ilr5eq__af9471a3{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
16
|
+
.Switch_styles_bei7bh_s2cs3kf__af9471a3{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;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.Switch_styles_bei7bh_s2cs3kf__af9471a3::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.Switch_styles_bei7bh_ssthlx1__af9471a3:checked ~ .Switch_styles_bei7bh_s2cs3kf__af9471a3::after{right:0;left:auto;}
|
|
@@ -1,24 +1,27 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React, { forwardRef } from 'react';
|
|
3
3
|
import { base as base$1 } from './_size/base.js';
|
|
4
|
+
import { base as base$3 } from './_toggleSize/base.js';
|
|
4
5
|
import { base as base$2 } from './_view/base.js';
|
|
5
|
-
import { base as base$
|
|
6
|
-
import { base as base$
|
|
6
|
+
import { base as base$5 } from './_focused/base.js';
|
|
7
|
+
import { base as base$4 } from './_disabled/base.js';
|
|
7
8
|
import { cx } from '../../utils/index.js';
|
|
8
|
-
import { StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles.js';
|
|
9
|
+
import { StyledContent, StyledInput, StyledLabel, StyledTrigger, StyledDescription, base } from './Switch.styles.js';
|
|
9
10
|
import { classes } from './Switch.tokens.js';
|
|
10
11
|
|
|
11
12
|
var _StyledTrigger;
|
|
12
|
-
var _excluded = ["size", "view", "focused", "outlined", "disabled", "labelPosition", "label", "id", "style", "className", "checked", "pressed", "defaultChecked"];
|
|
13
|
+
var _excluded = ["size", "toggleSize", "view", "focused", "outlined", "disabled", "labelPosition", "label", "description", "id", "style", "className", "checked", "pressed", "defaultChecked"];
|
|
13
14
|
var switchRoot = function switchRoot(Root) {
|
|
14
15
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
15
16
|
var size = props.size,
|
|
17
|
+
toggleSize = props.toggleSize,
|
|
16
18
|
view = props.view,
|
|
17
19
|
focused = props.focused,
|
|
18
20
|
outlined = props.outlined,
|
|
19
21
|
disabled = props.disabled,
|
|
20
22
|
labelPosition = props.labelPosition,
|
|
21
23
|
label = props.label,
|
|
24
|
+
description = props.description,
|
|
22
25
|
id = props.id,
|
|
23
26
|
style = props.style,
|
|
24
27
|
className = props.className,
|
|
@@ -30,12 +33,15 @@ var switchRoot = function switchRoot(Root) {
|
|
|
30
33
|
return /*#__PURE__*/React.createElement(Root, {
|
|
31
34
|
view: view,
|
|
32
35
|
size: size,
|
|
36
|
+
toggleSize: toggleSize,
|
|
33
37
|
disabled: disabled,
|
|
34
38
|
focused: focused !== null && focused !== void 0 ? focused : outlined,
|
|
35
39
|
labelPosition: labelPosition,
|
|
36
40
|
id: id,
|
|
37
41
|
style: style,
|
|
38
|
-
className: cx(className
|
|
42
|
+
className: cx(className)
|
|
43
|
+
}, /*#__PURE__*/React.createElement(StyledContent, {
|
|
44
|
+
className: cx(classes["".concat(labelPosition, "SwitchLabelPosition")])
|
|
39
45
|
}, /*#__PURE__*/React.createElement(StyledInput, _extends({}, rest, {
|
|
40
46
|
ref: ref,
|
|
41
47
|
role: "switch",
|
|
@@ -48,7 +54,7 @@ var switchRoot = function switchRoot(Root) {
|
|
|
48
54
|
tabIndex: -1
|
|
49
55
|
}, label), _StyledTrigger || (_StyledTrigger = /*#__PURE__*/React.createElement(StyledTrigger, {
|
|
50
56
|
"aria-hidden": true
|
|
51
|
-
})));
|
|
57
|
+
}))), description && /*#__PURE__*/React.createElement(StyledDescription, null, description));
|
|
52
58
|
});
|
|
53
59
|
};
|
|
54
60
|
var switchConfig = {
|
|
@@ -63,12 +69,15 @@ var switchConfig = {
|
|
|
63
69
|
view: {
|
|
64
70
|
css: base$2
|
|
65
71
|
},
|
|
72
|
+
toggleSize: {
|
|
73
|
+
css: base$3
|
|
74
|
+
},
|
|
66
75
|
disabled: {
|
|
67
|
-
css: base$
|
|
76
|
+
css: base$4,
|
|
68
77
|
attrs: true
|
|
69
78
|
},
|
|
70
79
|
focused: {
|
|
71
|
-
css: base$
|
|
80
|
+
css: base$5
|
|
72
81
|
}
|
|
73
82
|
},
|
|
74
83
|
defaults: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n const {\n size,\n view,\n focused,\n outlined,\n disabled,\n labelPosition,\n\n label,\n\n id,\n style,\n className,\n\n // singleLine,\n\n checked,\n pressed,\n defaultChecked,\n\n ...rest\n } = props;\n\n const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n return (\n <Root\n view={view}\n size={size}\n disabled={disabled}\n focused={focused ?? outlined}\n labelPosition={labelPosition}\n id={id}\n style={style}\n className={cx(className
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { base as sizeCSS } from '../Switch/_size/base';\nimport { base as toggleSizeCSS } from '../Switch/_toggleSize/base';\nimport { base as viewCSS } from '../Switch/_view/base';\nimport { base as focusedCSS } from '../Switch/_focused/base';\nimport { base as disabledCSS } from '../Switch/_disabled/base';\nimport { cx } from '../../utils';\n\nimport { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base } from './Switch.styles';\nimport { SwitchProps } from './Switch.types';\nimport { classes } from './Switch.tokens';\n\nexport const switchRoot = (Root: RootProps<HTMLInputElement, SwitchProps>) =>\n forwardRef<HTMLInputElement, SwitchProps>((props, ref) => {\n const {\n size,\n toggleSize,\n view,\n focused,\n outlined,\n disabled,\n labelPosition,\n\n label,\n description,\n\n id,\n style,\n className,\n\n // singleLine,\n\n checked,\n pressed,\n defaultChecked,\n\n ...rest\n } = props;\n\n const exactChecked = Boolean((checked ?? pressed) !== undefined ? checked ?? pressed : defaultChecked);\n\n return (\n <Root\n view={view}\n size={size}\n toggleSize={toggleSize}\n disabled={disabled}\n focused={focused ?? outlined}\n labelPosition={labelPosition}\n id={id}\n style={style}\n className={cx(className)}\n >\n <StyledContent className={cx(classes[`${labelPosition}SwitchLabelPosition` as keyof typeof classes])}>\n <StyledInput\n {...rest}\n ref={ref}\n role=\"switch\"\n aria-checked={exactChecked}\n type=\"checkbox\"\n checked={checked ?? pressed}\n defaultChecked={defaultChecked}\n disabled={disabled}\n />\n <StyledLabel tabIndex={-1}>{label}</StyledLabel>\n <StyledTrigger aria-hidden />\n </StyledContent>\n {description && <StyledDescription>{description}</StyledDescription>}\n </Root>\n );\n });\n\nexport const switchConfig = {\n name: 'Switch',\n tag: 'label',\n base,\n layout: switchRoot,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n toggleSize: {\n css: toggleSizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n size: 's',\n view: 'default',\n },\n};\n"],"names":["switchRoot","Root","forwardRef","props","ref","size","toggleSize","view","focused","outlined","disabled","labelPosition","label","description","id","style","className","checked","pressed","defaultChecked","rest","_objectWithoutProperties","_excluded","exactChecked","Boolean","undefined","React","createElement","cx","StyledContent","classes","concat","StyledInput","_extends","role","type","StyledLabel","tabIndex","_StyledTrigger","StyledTrigger","StyledDescription","switchConfig","name","tag","base","layout","variations","css","sizeCSS","viewCSS","toggleSizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;IAcaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,IAA8C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACtD,IAAA,IACIC,IAAI,GAsBJF,KAAK,CAtBLE,IAAI;MACJC,UAAU,GAqBVH,KAAK,CArBLG,UAAU;MACVC,IAAI,GAoBJJ,KAAK,CApBLI,IAAI;MACJC,OAAO,GAmBPL,KAAK,CAnBLK,OAAO;MACPC,QAAQ,GAkBRN,KAAK,CAlBLM,QAAQ;MACRC,QAAQ,GAiBRP,KAAK,CAjBLO,QAAQ;MACRC,aAAa,GAgBbR,KAAK,CAhBLQ,aAAa;MAEbC,KAAK,GAcLT,KAAK,CAdLS,KAAK;MACLC,WAAW,GAaXV,KAAK,CAbLU,WAAW;MAEXC,EAAE,GAWFX,KAAK,CAXLW,EAAE;MACFC,KAAK,GAULZ,KAAK,CAVLY,KAAK;MACLC,SAAS,GASTb,KAAK,CATLa,SAAS;MAITC,OAAO,GAKPd,KAAK,CALLc,OAAO;MACPC,OAAO,GAIPf,KAAK,CAJLe,OAAO;MACPC,cAAc,GAGdhB,KAAK,CAHLgB,cAAc;AAEXC,MAAAA,IAAI,GAAAC,wBAAA,CACPlB,KAAK,EAAAmB,SAAA,CAAA,CAAA;IAET,IAAMC,YAAY,GAAGC,OAAO,CAAC,CAACP,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAO,MAAMO,SAAS,GAAGR,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAPA,OAAO,GAAIC,OAAO,GAAGC,cAAc,CAAC,CAAA;AAEtG,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA;AACDM,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,UAAU,EAAEA,UAAW;AACvBI,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,QAAS;AAC7BE,MAAAA,aAAa,EAAEA,aAAc;AAC7BG,MAAAA,EAAE,EAAEA,EAAG;AACPC,MAAAA,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAA;AAAE,KAAA,eAEzBU,KAAA,CAAAC,aAAA,CAACE,aAAa,EAAA;MAACb,SAAS,EAAEY,EAAE,CAACE,OAAO,IAAAC,MAAA,CAAIpB,aAAa,EAA8C,qBAAA,CAAA,CAAA,CAAA;KAC/Fe,eAAAA,KAAA,CAAAC,aAAA,CAACK,WAAW,EAAAC,QAAA,KACJb,IAAI,EAAA;AACRhB,MAAAA,GAAG,EAAEA,GAAI;AACT8B,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,cAAA,EAAcX,YAAa;AAC3BY,MAAAA,IAAI,EAAC,UAAU;AACflB,MAAAA,OAAO,EAAEA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,OAAO,GAAIC,OAAQ;AAC5BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BT,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,CACtB,CAAC,eACFgB,KAAA,CAAAC,aAAA,CAACS,WAAW,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAC,CAAA;KAAIzB,EAAAA,KAAmB,CAAC,EAAA0B,cAAA,KAAAA,cAAA,gBAChDZ,KAAA,CAAAC,aAAA,CAACY,aAAa,EAAA;AAAC,MAAA,aAAA,EAAA,IAAA;AAAW,KAAE,CAAC,CAClB,CAAC,EACf1B,WAAW,iBAAIa,KAAA,CAAAC,aAAA,CAACa,iBAAiB,EAAE3B,IAAAA,EAAAA,WAA+B,CACjE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM4B,YAAY,GAAG;AACxBC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,OAAO;AACZC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,MAAM,EAAE7C,UAAU;AAClB8C,EAAAA,UAAU,EAAE;AACRzC,IAAAA,IAAI,EAAE;AACF0C,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDzC,IAAAA,IAAI,EAAE;AACFwC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD3C,IAAAA,UAAU,EAAE;AACRyC,MAAAA,GAAG,EAAEG,MAAAA;KACR;AACDxC,IAAAA,QAAQ,EAAE;AACNqC,MAAAA,GAAG,EAAEI,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5C,IAAAA,OAAO,EAAE;AACLuC,MAAAA,GAAG,EAAEM,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjD,IAAAA,IAAI,EAAE,GAAG;AACTE,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -1,22 +1,32 @@
|
|
|
1
|
-
import './Switch.
|
|
1
|
+
import './Switch.styles_bei7bh.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
|
|
4
4
|
var base = "b1fcyfkl";
|
|
5
|
+
var StyledContent = /*#__PURE__*/styled('div')({
|
|
6
|
+
name: "StyledContent",
|
|
7
|
+
"class": "s10fscgc",
|
|
8
|
+
propsAsIs: false
|
|
9
|
+
});
|
|
10
|
+
var StyledDescription = /*#__PURE__*/styled('div')({
|
|
11
|
+
name: "StyledDescription",
|
|
12
|
+
"class": "sdjnckq",
|
|
13
|
+
propsAsIs: false
|
|
14
|
+
});
|
|
5
15
|
var StyledInput = /*#__PURE__*/styled('input')({
|
|
6
16
|
name: "StyledInput",
|
|
7
|
-
"class": "
|
|
17
|
+
"class": "ssthlx1",
|
|
8
18
|
propsAsIs: false
|
|
9
19
|
});
|
|
10
20
|
var StyledLabel = /*#__PURE__*/styled('span')({
|
|
11
21
|
name: "StyledLabel",
|
|
12
|
-
"class": "
|
|
22
|
+
"class": "s1ilr5eq",
|
|
13
23
|
propsAsIs: false
|
|
14
24
|
});
|
|
15
25
|
var StyledTrigger = /*#__PURE__*/styled('div')({
|
|
16
26
|
name: "StyledTrigger",
|
|
17
|
-
"class": "
|
|
27
|
+
"class": "s2cs3kf",
|
|
18
28
|
propsAsIs: false
|
|
19
29
|
});
|
|
20
30
|
|
|
21
|
-
export { StyledInput, StyledLabel, StyledTrigger, base };
|
|
31
|
+
export { StyledContent, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base };
|
|
22
32
|
//# sourceMappingURL=Switch.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n
|
|
1
|
+
{"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './Switch.tokens';\n\nexport const base = css`\n position: relative;\n display: flex;\n flex-direction: column;\n gap: var(${tokens.verticalGap});\n\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n &:focus {\n outline: 0 none;\n }\n`;\n\nexport const StyledContent = styled.div`\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n\n &.${classes.beforeSwitchLabelPosition} {\n justify-content: space-between;\n\n ${tokens.labelOffsetPrivate}: 0 var(${tokens.labelOffset}) 0 0;\n }\n\n &.${classes.afterSwitchLabelPosition} {\n justify-content: start;\n flex-direction: row-reverse;\n\n ${tokens.labelOffsetPrivate}: 0 0 0 var(${tokens.labelOffset});\n }\n`;\n\nexport const StyledDescription = styled.div`\n position: relative;\n`;\n\nexport const StyledInput = styled.input`\n position: absolute;\n right: 0;\n margin: 0;\n opacity: 0;\n\n &:focus {\n outline: 0 none;\n }\n`;\n\nexport const StyledLabel = styled.span`\n user-select: none;\n\n // TODO: multiline switch\n ${applyEllipsis()}\n`;\n\nexport const StyledTrigger = styled.div`\n position: relative;\n display: flex;\n align-items: center;\n transition: background-color 0.15s ease-in-out 0.1s;\n\n ::after {\n content: '';\n position: absolute;\n right: auto;\n left: 0;\n\n transition: width 0.15s ease-in-out 0s, left 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s;\n }\n\n ${StyledInput}:checked ~ &::after {\n right: 0;\n left: auto;\n }\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledDescription","StyledInput","StyledLabel","StyledTrigger"],"mappings":";;AAOO,IAAMA,IAAI,GAYhB,WAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBlC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAShC,EAAA;AAEM,IAAMG,WAAW,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMI,aAAa,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBlC;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
.b1fcyfkl{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-switch-vertical-gap);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}.b1fcyfkl:focus{outline:0 none;}
|
|
2
|
+
.s10fscgc{width:100%;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;}.s10fscgc.switch-label-position-before{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;--plasma_private-switch__label-offset:0 var(--plasma-switch__label-offset) 0 0;}.s10fscgc.switch-label-position-after{-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;--plasma_private-switch__label-offset:0 0 0 var(--plasma-switch__label-offset);}
|
|
3
|
+
.sdjnckq{position:relative;}
|
|
4
|
+
.ssthlx1{position:absolute;right:0;margin:0;opacity:0;}.ssthlx1:focus{outline:0 none;}
|
|
5
|
+
.s1ilr5eq{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
6
|
+
.s2cs3kf{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;-webkit-transition:background-color 0.15s ease-in-out 0.1s;transition:background-color 0.15s ease-in-out 0.1s;}.s2cs3kf::after{content:'';position:absolute;right:auto;left:0;-webkit-transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;transition:width 0.15s ease-in-out 0s,left 0.3s ease-in-out 0s,right 0.3s ease-in-out 0s;}.ssthlx1:checked ~ .s2cs3kf::after{right:0;left:auto;}
|