@salutejs/plasma-new-hope 0.326.0-canary.1986.15340000377.0 → 0.326.0-canary.2006.15341327171.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +5 -6
- package/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +6 -12
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +4 -0
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/{es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_7wqokd.css → cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css} +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +56 -61
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -13
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +37 -38
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +6 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -9
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -18
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +7 -8
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +7 -8
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +7 -8
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +7 -8
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +7 -8
- package/cjs/components/Dropdown/Dropdown.css +7 -8
- package/cjs/components/Dropdown/Dropdown.js +5 -7
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles.js +16 -17
- package/cjs/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.styles_1ao2kug.css +2 -0
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +4 -5
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.css +7 -8
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +7 -0
- package/cjs/components/Pagination/Pagination.css +52 -57
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +52 -57
- package/cjs/components/Select/FloatingPopover.js +5 -9
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.css +52 -57
- package/cjs/components/Select/Select.js +5 -14
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +17 -17
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_11cghkj.css +2 -0
- package/cjs/components/Select/Select.tokens.js +2 -9
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +10 -11
- package/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +11 -0
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +29 -34
- package/cjs/components/Table/ui/Cell/Cell.css +29 -34
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +29 -34
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +29 -34
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +29 -34
- package/cjs/index.css +42 -54
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/emotion/cjs/components/Autocomplete/Autocomplete.styles.js +6 -10
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
- package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +0 -58
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -12
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +23 -24
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +3 -10
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -9
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +0 -11
- package/emotion/cjs/components/Dropdown/Dropdown.js +5 -7
- package/emotion/cjs/components/Dropdown/Dropdown.styles.js +12 -13
- package/emotion/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +4 -5
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/emotion/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
- package/emotion/cjs/components/Note/Note.template-doc.mdx +38 -0
- package/emotion/cjs/components/Select/FloatingPopover.js +5 -9
- package/emotion/cjs/components/Select/Select.js +5 -13
- package/emotion/cjs/components/Select/Select.styles.js +10 -11
- package/emotion/cjs/components/Select/Select.template-doc.mdx +0 -58
- package/emotion/cjs/components/Select/Select.tokens.js +2 -9
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/cjs/components/Select/ui/index.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +2 -13
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -187
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +0 -186
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +2 -12
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -186
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +0 -186
- package/emotion/cjs/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/emotion/es/components/Autocomplete/Autocomplete.js +3 -3
- package/emotion/es/components/Autocomplete/Autocomplete.styles.js +5 -9
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +5 -5
- package/emotion/es/components/Combobox/Combobox.template-doc.mdx +0 -58
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +6 -14
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +22 -23
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +3 -10
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +5 -9
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +1 -2
- package/emotion/es/components/Dropdown/Dropdown.js +6 -8
- package/emotion/es/components/Dropdown/Dropdown.styles.js +11 -12
- package/emotion/es/components/Dropdown/Dropdown.tokens.js +2 -2
- package/emotion/es/components/Dropdown/FloatingPopover.js +4 -5
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/emotion/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +11 -11
- package/emotion/es/components/Note/Note.template-doc.mdx +38 -0
- package/emotion/es/components/Select/FloatingPopover.js +5 -9
- package/emotion/es/components/Select/Select.js +7 -15
- package/emotion/es/components/Select/Select.styles.js +9 -10
- package/emotion/es/components/Select/Select.template-doc.mdx +0 -58
- package/emotion/es/components/Select/Select.tokens.js +2 -9
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +6 -6
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/es/components/Select/ui/index.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +2 -10
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -187
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +0 -186
- package/emotion/es/examples/plasma_b2c/components/Table/Table.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +3 -10
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -186
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +0 -186
- package/emotion/es/examples/plasma_web/components/Table/Table.config.js +5 -5
- package/es/components/Autocomplete/Autocomplete.css +5 -6
- package/es/components/Autocomplete/Autocomplete.js +3 -3
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles.js +7 -12
- package/es/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/es/components/Autocomplete/Autocomplete.styles_1qe8z2l.css +4 -0
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/{cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_7wqokd.css → es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles_lpdinw.css} +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.css +2 -2
- package/es/components/Combobox/ComboboxNew/Combobox.css +56 -61
- package/es/components/Combobox/ComboboxNew/Combobox.js +5 -14
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +38 -38
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +6 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +1 -8
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +5 -9
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +17 -18
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +2 -2
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css → es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_1fy6e2z.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/Combobox/ComboboxOld/Combobox.css +7 -8
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +7 -8
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +7 -8
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +7 -8
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +7 -8
- package/es/components/Dropdown/Dropdown.css +7 -8
- package/es/components/Dropdown/Dropdown.js +6 -8
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles.js +17 -17
- package/es/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/es/components/Dropdown/Dropdown.styles_1ao2kug.css +2 -0
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +4 -5
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css +7 -8
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.css +6 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +3 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1lp7sqa.css +7 -0
- package/es/components/Pagination/Pagination.css +52 -57
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +52 -57
- package/es/components/Select/FloatingPopover.js +5 -9
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.css +52 -57
- package/es/components/Select/Select.js +6 -15
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +18 -17
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_11cghkj.css +2 -0
- package/es/components/Select/Select.tokens.js +2 -9
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +10 -11
- package/es/components/Select/ui/Inner/Inner.js +6 -6
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +4 -4
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +11 -0
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +29 -34
- package/es/components/Table/ui/Cell/Cell.css +29 -34
- package/es/components/Table/ui/EditableCell/EditableCell.css +29 -34
- package/es/components/Table/ui/HeadCell/HeadCell.css +29 -34
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +29 -34
- package/es/index.css +42 -54
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js +6 -9
- package/styled-components/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
- package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +0 -58
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -12
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +3 -10
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +5 -9
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +0 -11
- package/styled-components/cjs/components/Dropdown/Dropdown.js +5 -7
- package/styled-components/cjs/components/Dropdown/Dropdown.styles.js +9 -9
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +2 -2
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +4 -5
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
- package/styled-components/cjs/components/Note/Note.template-doc.mdx +38 -0
- package/styled-components/cjs/components/Select/FloatingPopover.js +5 -9
- package/styled-components/cjs/components/Select/Select.js +5 -13
- package/styled-components/cjs/components/Select/Select.styles.js +8 -8
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +0 -58
- package/styled-components/cjs/components/Select/Select.tokens.js +2 -9
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +5 -5
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/index.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +2 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -187
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +14 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +0 -186
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.js +2 -12
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -186
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +14 -14
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +0 -186
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.js +3 -3
- package/styled-components/es/components/Autocomplete/Autocomplete.styles.js +5 -8
- package/styled-components/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +3 -3
- package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +0 -58
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +6 -14
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +3 -10
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +5 -9
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -6
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +1 -2
- package/styled-components/es/components/Dropdown/Dropdown.js +6 -8
- package/styled-components/es/components/Dropdown/Dropdown.styles.js +8 -8
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +2 -2
- package/styled-components/es/components/Dropdown/FloatingPopover.js +4 -5
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +5 -5
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js +5 -5
- package/styled-components/es/components/Note/Note.template-doc.mdx +38 -0
- package/styled-components/es/components/Select/FloatingPopover.js +5 -9
- package/styled-components/es/components/Select/Select.js +7 -15
- package/styled-components/es/components/Select/Select.styles.js +7 -7
- package/styled-components/es/components/Select/Select.template-doc.mdx +0 -58
- package/styled-components/es/components/Select/Select.tokens.js +2 -9
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -6
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/es/components/Select/ui/index.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.js +2 -10
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +0 -187
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +14 -14
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +0 -186
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.config.js +8 -8
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.js +3 -10
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +0 -186
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +14 -14
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +0 -186
- package/styled-components/es/examples/plasma_web/components/Table/Table.config.js +3 -3
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts +0 -1
- package/types/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +2 -3
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -7
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -12
- 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/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.styles.d.ts +2 -3
- package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/FloatingPopover.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +0 -3
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/FloatingPopover.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +2 -3
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +0 -7
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +1 -13
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/index.d.ts +0 -1
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +0 -3
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles_30e80h.css +0 -5
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +0 -7
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +0 -56
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +0 -44
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +0 -53
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +0 -1
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +0 -3
- package/cjs/components/Dropdown/Dropdown.styles_zheit5.css +0 -3
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +0 -7
- package/cjs/components/Select/Select.styles_bjoo18.css +0 -3
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +0 -11
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +0 -54
- package/cjs/components/Select/ui/SelectAll/SelectAll.js +0 -44
- package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +0 -1
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +0 -53
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +0 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +0 -39
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +0 -30
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +0 -39
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +0 -30
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +0 -32
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +0 -23
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +0 -32
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +0 -23
- package/es/components/Autocomplete/Autocomplete.styles_30e80h.css +0 -5
- package/es/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +0 -7
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +0 -56
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +0 -36
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +0 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +0 -47
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +0 -1
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +0 -3
- package/es/components/Dropdown/Dropdown.styles_zheit5.css +0 -3
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_1algi32.css +0 -7
- package/es/components/Select/Select.styles_bjoo18.css +0 -3
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1qpfn0s.css +0 -11
- package/es/components/Select/ui/SelectAll/SelectAll.css +0 -54
- package/es/components/Select/ui/SelectAll/SelectAll.js +0 -36
- package/es/components/Select/ui/SelectAll/SelectAll.js.map +0 -1
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js +0 -47
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +0 -1
- package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +0 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +0 -39
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +0 -27
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +0 -39
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +0 -27
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +0 -32
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +0 -20
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +0 -32
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +0 -20
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts +0 -7
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +0 -1
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +0 -11
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectAll/SelectAll.d.ts +0 -7
- package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +0 -1
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +0 -11
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +0 -1
@@ -11,8 +11,6 @@ import { Combobox } from './Combobox';
|
|
11
11
|
type StorySelectProps = ComponentProps<typeof Combobox> & {
|
12
12
|
enableContentLeft?: boolean;
|
13
13
|
hasHint?: boolean;
|
14
|
-
selectAllLabel?: string;
|
15
|
-
selectAllSticky?: boolean;
|
16
14
|
};
|
17
15
|
|
18
16
|
const view = ['default', 'positive', 'warning', 'negative'];
|
@@ -461,7 +459,6 @@ const items = [
|
|
461
459
|
|
462
460
|
const SingleStory = (args: StorySelectProps) => {
|
463
461
|
const [value, setValue] = useState('');
|
464
|
-
|
465
462
|
return (
|
466
463
|
<div style={{ width: '400px' }}>
|
467
464
|
<Combobox
|
@@ -510,187 +507,3 @@ export const Multiple: StoryObj<StorySelectProps> = {
|
|
510
507
|
closeAfterSelect: false,
|
511
508
|
},
|
512
509
|
};
|
513
|
-
|
514
|
-
const flatItems = [
|
515
|
-
{
|
516
|
-
value: 'north_america',
|
517
|
-
label: 'Северная Америка',
|
518
|
-
},
|
519
|
-
{
|
520
|
-
value: 'rio_de_janeiro',
|
521
|
-
label: 'Рио-де-Жанейро',
|
522
|
-
},
|
523
|
-
{
|
524
|
-
value: 'sao_paulo',
|
525
|
-
label: 'Сан-Паулу',
|
526
|
-
},
|
527
|
-
{
|
528
|
-
value: 'buenos_aires',
|
529
|
-
label: 'Буэнос-Айрес',
|
530
|
-
},
|
531
|
-
{
|
532
|
-
value: 'cordoba',
|
533
|
-
label: 'Кордова',
|
534
|
-
},
|
535
|
-
{
|
536
|
-
value: 'bogota',
|
537
|
-
label: 'Богота',
|
538
|
-
},
|
539
|
-
{
|
540
|
-
value: 'medellin',
|
541
|
-
label: 'Медельин',
|
542
|
-
},
|
543
|
-
{
|
544
|
-
value: 'paris',
|
545
|
-
label: 'Париж',
|
546
|
-
},
|
547
|
-
{
|
548
|
-
value: 'lyon',
|
549
|
-
label: 'Лион',
|
550
|
-
},
|
551
|
-
{
|
552
|
-
value: 'berlin',
|
553
|
-
label: 'Берлин',
|
554
|
-
},
|
555
|
-
{
|
556
|
-
value: 'munich',
|
557
|
-
label: 'Мюнхен',
|
558
|
-
},
|
559
|
-
{
|
560
|
-
value: 'rome',
|
561
|
-
label: 'Рим',
|
562
|
-
},
|
563
|
-
{
|
564
|
-
value: 'milan',
|
565
|
-
label: 'Милан',
|
566
|
-
},
|
567
|
-
{
|
568
|
-
value: 'madrid',
|
569
|
-
label: 'Мадрид',
|
570
|
-
},
|
571
|
-
{
|
572
|
-
value: 'barcelona',
|
573
|
-
label: 'Барселона',
|
574
|
-
},
|
575
|
-
{
|
576
|
-
value: 'london',
|
577
|
-
label: 'Лондон',
|
578
|
-
},
|
579
|
-
{
|
580
|
-
value: 'manchester',
|
581
|
-
label: 'Манчестер',
|
582
|
-
},
|
583
|
-
{
|
584
|
-
value: 'beijing',
|
585
|
-
label: 'Пекин',
|
586
|
-
},
|
587
|
-
{
|
588
|
-
value: 'shanghai',
|
589
|
-
label: 'Шанхай',
|
590
|
-
},
|
591
|
-
{
|
592
|
-
value: 'tokyo',
|
593
|
-
label: 'Токио',
|
594
|
-
},
|
595
|
-
{
|
596
|
-
value: 'osaka',
|
597
|
-
label: 'Осака',
|
598
|
-
},
|
599
|
-
{
|
600
|
-
value: 'delhi',
|
601
|
-
label: 'Дели',
|
602
|
-
},
|
603
|
-
{
|
604
|
-
value: 'mumbai',
|
605
|
-
label: 'Мумбаи',
|
606
|
-
},
|
607
|
-
{
|
608
|
-
value: 'seoul',
|
609
|
-
label: 'Сеул',
|
610
|
-
},
|
611
|
-
{
|
612
|
-
value: 'busan',
|
613
|
-
label: 'Пусан',
|
614
|
-
},
|
615
|
-
{
|
616
|
-
value: 'bangkok',
|
617
|
-
label: 'Бангкок',
|
618
|
-
},
|
619
|
-
{
|
620
|
-
value: 'phuket',
|
621
|
-
label: 'Пхукет',
|
622
|
-
},
|
623
|
-
{
|
624
|
-
value: 'africa',
|
625
|
-
label: 'Африка',
|
626
|
-
},
|
627
|
-
];
|
628
|
-
|
629
|
-
const SelectAllStory = (args: StorySelectProps) => {
|
630
|
-
const [value, setValue] = useState([]);
|
631
|
-
const [checked, setChecked] = useState(false);
|
632
|
-
const [indeterminate, setIndeterminate] = useState(false);
|
633
|
-
|
634
|
-
const handleClick = () => {
|
635
|
-
if (checked && !indeterminate) {
|
636
|
-
setValue([]);
|
637
|
-
} else {
|
638
|
-
setValue(flatItems.map((item) => item.value));
|
639
|
-
}
|
640
|
-
};
|
641
|
-
|
642
|
-
React.useEffect(() => {
|
643
|
-
if (value.length === 0) {
|
644
|
-
setChecked(false);
|
645
|
-
setIndeterminate(false);
|
646
|
-
} else if (value.length === flatItems.length) {
|
647
|
-
setChecked(true);
|
648
|
-
setIndeterminate(false);
|
649
|
-
} else {
|
650
|
-
setChecked(true);
|
651
|
-
setIndeterminate(true);
|
652
|
-
}
|
653
|
-
}, [value]);
|
654
|
-
|
655
|
-
return (
|
656
|
-
<div style={{ width: '400px' }}>
|
657
|
-
<Combobox
|
658
|
-
placeholder="Placeholder"
|
659
|
-
multiple
|
660
|
-
items={flatItems}
|
661
|
-
value={value}
|
662
|
-
onChange={setValue}
|
663
|
-
listOverflow="auto"
|
664
|
-
listMaxHeight="300px"
|
665
|
-
selectAllOptions={{
|
666
|
-
sticky: args?.selectAllSticky || false,
|
667
|
-
label: args?.selectAllLabel,
|
668
|
-
checked,
|
669
|
-
indeterminate,
|
670
|
-
onClick: handleClick,
|
671
|
-
}}
|
672
|
-
/>
|
673
|
-
</div>
|
674
|
-
);
|
675
|
-
};
|
676
|
-
|
677
|
-
export const SelectAll: StoryObj<StorySelectProps> = {
|
678
|
-
render: (args) => <SelectAllStory {...args} />,
|
679
|
-
argTypes: {
|
680
|
-
selectAllSticky: {
|
681
|
-
control: 'boolean',
|
682
|
-
},
|
683
|
-
selectAllLabel: {
|
684
|
-
control: 'text',
|
685
|
-
},
|
686
|
-
},
|
687
|
-
args: {
|
688
|
-
selectAllSticky: false,
|
689
|
-
selectAllLabel: 'Выбрать все',
|
690
|
-
},
|
691
|
-
parameters: {
|
692
|
-
controls: {
|
693
|
-
include: ['selectAllSticky', 'selectAllLabel'],
|
694
|
-
},
|
695
|
-
},
|
696
|
-
};
|
@@ -15,22 +15,22 @@ var config = exports.config = {
|
|
15
15
|
},
|
16
16
|
variations: {
|
17
17
|
view: {
|
18
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"
|
19
|
-
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"
|
20
|
-
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"
|
21
|
-
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"
|
22
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"
|
23
|
-
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"
|
24
|
-
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"
|
25
|
-
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-light-surface-transparent-deep-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"
|
26
|
-
black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-solid-default);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-light-surface-solid-default-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"
|
27
|
-
white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-text-primary-hover);", ":var(--on-light-text-primary-active);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary-hover);", ":var(--on-light-text-secondary-active);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-dark-surface-solid-default-active);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":0.4;", ":var(--text-primary);"
|
18
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-secondary);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--inverse-text-primary-active);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary-hover);", ":var(--inverse-text-secondary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor),
|
19
|
+
positive: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-positive);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-positive);", ":var(--surface-positive-hover);", ":var(--surface-positive-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor),
|
20
|
+
warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-warning);", ":var(--surface-transparent-warning-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-warning);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-warning);", ":var(--surface-warning-hover);", ":var(--surface-warning-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor),
|
21
|
+
negative: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-tertiary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-primary);", ":var(--text-negative);", ":var(--text-accent);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-negative);", ":var(--text-tertiary);", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-negative);", ":var(--surface-negative-hover);", ":var(--surface-negative-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);", ":var(--text-secondary);"], _.selectTokens.textFieldColor, _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldPlaceholderColorFocus, _.selectTokens.textFieldBackgroundColor, _.selectTokens.textFieldBackgroundColorFocus, _.selectTokens.textFieldTextBeforeColor, _.selectTokens.textFieldTextAfterColor, _.selectTokens.textFieldLabelColor, _.selectTokens.textFieldLeftHelperColor, _.selectTokens.textFieldFocusColor, _.selectTokens.textFieldContentSlotColor, _.selectTokens.textFieldContentSlotColorHover, _.selectTokens.textFieldContentSlotColorActive, _.selectTokens.textFieldIndicatorColor, _.selectTokens.textFieldOptionalColor, _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor, _.selectTokens.textFieldHintIconColor),
|
22
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-hover);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-accent-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor),
|
23
|
+
secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--surface-transparent-secondary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor),
|
24
|
+
clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":var(--text-primary-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary-active);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--surface-clear);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor),
|
25
|
+
dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-light-surface-transparent-deep-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor),
|
26
|
+
black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-dark-text-primary-hover);", ":var(--on-dark-text-primary-active);", ":var(--on-dark-text-secondary);", ":var(--on-dark-text-secondary-hover);", ":var(--on-dark-text-secondary-active);", ":var(--on-light-surface-solid-default);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-light-surface-solid-default-active);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":0.4;", ":var(--text-primary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemBackgroundHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor),
|
27
|
+
white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-light-text-primary-hover);", ":var(--on-light-text-primary-active);", ":var(--on-light-text-secondary);", ":var(--on-light-text-secondary-hover);", ":var(--on-light-text-secondary-active);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-dark-surface-solid-default-active);", ":var(--surface-transparent-secondary);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":0.4;", ":var(--text-primary);"], _.selectTokens.buttonColor, _.selectTokens.buttonColorHover, _.selectTokens.buttonColorActive, _.selectTokens.buttonArrowColor, _.selectTokens.buttonArrowColorHover, _.selectTokens.buttonArrowColorActive, _.selectTokens.buttonBackgroundColor, _.selectTokens.buttonBackgroundColorHover, _.selectTokens.buttonBackgroundColorActive, _.selectTokens.itemBackgroundHover, _.selectTokens.disclosureIconColor, _.selectTokens.disclosureIconColorHover, _.selectTokens.itemDisabledOpacity, _.selectTokens.itemDisabledColor)
|
28
28
|
},
|
29
29
|
size: {
|
30
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.438rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.563rem -2.938rem auto auto;", ":0.563rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.488rem auto auto;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0
|
31
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":-0.125rem -0.438rem -0.125rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.312rem -2.813rem auto auto;", ":0.312rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.488rem auto auto;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0
|
32
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":-0.1875rem -0.438rem -0.1875rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.062rem -2.688rem auto auto;", ":0.062rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.238rem auto auto;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0
|
33
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.688rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.688rem -0.688rem -0.688rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.75rem -0.625rem -0.75rem -0.5rem;", ":2.375rem;", ":-0.188rem -2.1875rem auto auto;", ":-0.188rem -1.938rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.988rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0
|
30
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":0.375rem;", ":0.875rem;", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.438rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.563rem -2.938rem auto auto;", ":0.563rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.5625rem 0 0.125rem 0;", ":1.5625rem 0 0.5625rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.5rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.5rem auto auto -0.875rem;", ":1.5rem -0.875rem auto auto;", ":1.5rem -2.488rem auto auto;", ":0.25rem;", ":0.5rem;", ":auto;", ":2.75rem;", ":0 0.75rem 0 1rem;", ":0.625rem;", ":0rem;", ":1.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 -0.125rem 0 0.5rem;", ":3.5rem;", ":1.5rem 0 1.5rem;", ":0.125rem;", ":0.875rem;", ":1.5rem;", ":1rem 1.125rem;", ":0.75rem 1.125rem;", ":0.75rem;", ":0 0.5rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
|
31
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.375rem;", ":0.75rem;", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":-0.125rem -0.438rem -0.125rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.625rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.312rem -2.813rem auto auto;", ":0.312rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem 0 0.125rem 0;", ":1.375rem 0 0.375rem 0;", ":0.5rem;", ":0.375rem;", ":0 0 0 0;", ":0.375rem auto auto -0.75rem;", ":0 0 auto auto;", ":0.25rem -0.6875rem auto auto;", ":1.25rem auto auto -0.875rem;", ":1.25rem -0.875rem auto auto;", ":1.25rem -2.488rem auto auto;", ":0.25rem;", ":0.375rem;", ":auto;", ":2.25rem;", ":0 0.625rem 0 0.875rem;", ":0.5rem;", ":0rem;", ":1.25rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0 -0.125rem 0 0.375rem;", ":3rem;", ":1.25rem 0 1.25rem;", ":0.125rem;", ":0.75rem;", ":1.5rem;", ":0.75rem 0.875rem;", ":0.5rem 0.875rem;", ":0.625rem;", ":0 0.375rem 0 0;", ":1.5rem;", ":1.5rem;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.25rem;", ":1.25rem;", ":0.375rem;", ":0.375rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconMargin, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
|
32
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":0.375rem;", ":0.625rem;", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":-0.1875rem -0.438rem -0.1875rem 0.75rem;", ":0.25rem;", ":-0.438rem -0.438rem -0.438rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.688rem -0.5rem;", ":2.375rem;", ":0.062rem -2.688rem auto auto;", ":0.062rem -2.188rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.3125rem auto auto -0.6875rem;", ":0 0 auto auto;", ":0.25rem -0.625rem auto auto;", ":1.063rem auto auto -0.75rem;", ":1.063rem -0.75rem auto auto;", ":1.063rem -2.238rem auto auto;", ":0.25rem;", ":0.25rem;", ":auto;", ":1.75rem;", ":0 0.5rem 0 0.75rem;", ":0.375rem;", ":0rem;", ":1rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0 -0.125rem 0 0.25rem;", ":2.5rem;", ":1rem 0 1rem;", ":0.125rem;", ":0.625rem;", ":1.5rem;", ":0.5rem 0.75rem;", ":0.25rem 0.75rem;", ":0.5rem;", ":1.5rem;", ":1rem;", ":0 0.375rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.25rem;", ":0.875rem;", ":0.375rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize),
|
33
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":0.375rem;", ":0.5rem;", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":-0.0625rem -0.688rem -0.0625rem 0.75rem;", ":0.25rem;", ":-0.688rem -0.688rem -0.688rem 0;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.75rem -0.625rem -0.75rem -0.5rem;", ":2.375rem;", ":-0.188rem -2.1875rem auto auto;", ":-0.188rem -1.938rem auto auto;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.3125rem 0 0 0;", ":1.0625rem 0 0.3125rem 0;", ":0.375rem;", ":0.375rem;", ":0 0 0 0;", ":0.25rem auto auto -0.625rem;", ":0 0 auto auto;", ":0.125rem -0.6875rem auto auto;", ":0.813rem auto auto -0.625rem;", ":0.813rem -0.625rem auto auto;", ":0.813rem -1.988rem auto auto;", ":0.25rem;", ":0.125rem;", ":auto;", ":1.25rem;", ":0 0.375rem 0 0.625rem;", ":0.25rem;", ":0rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0 -0.125rem 0 0.25rem;", ":2rem;", ":0.75rem 0 0.75rem;", ":0.125rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem 0.5rem;", ":0.375rem;", ":1rem;", ":1rem;", ":0 0.25rem 0 0;", ":0rem;", ":0rem;", ":0rem;", ":0rem;", ":0.125rem;", ":0.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.875rem;", ":0.875rem;", ":0.25rem;", ":0.25rem;", ":var(--text-accent);", ":var(--on-dark-text-primary);", ":transparent;", ":0.125rem;", ":var(--text-secondary);", ":0.375rem;"], _.selectTokens.textFieldHeight, _.selectTokens.textFieldPadding, _.selectTokens.textFieldPaddingWithChips, _.selectTokens.textFieldBorderRadius, _.selectTokens.textFieldLeftContentMargin, _.selectTokens.textFieldRightContentMargin, _.selectTokens.textFieldRightContentWithHintMargin, _.selectTokens.textFieldContentRightWrapperGap, _.selectTokens.textFieldContentRightWrapperMargin, _.selectTokens.textFieldTextBeforeMargin, _.selectTokens.textFieldTextAfterMargin, _.selectTokens.textFieldFontFamily, _.selectTokens.textFieldFontSize, _.selectTokens.textFieldFontStyle, _.selectTokens.textFieldFontWeight, _.selectTokens.textFieldLetterSpacing, _.selectTokens.textFieldLineHeight, _.selectTokens.textFieldLabelOffset, _.selectTokens.textFieldLabelFontFamily, _.selectTokens.textFieldLabelFontSize, _.selectTokens.textFieldLabelFontStyle, _.selectTokens.textFieldLabelFontWeight, _.selectTokens.textFieldLabelLetterSpacing, _.selectTokens.textFieldLabelLineHeight, _.selectTokens.textFieldHintMargin, _.selectTokens.textFieldHintTargetSize, _.selectTokens.textFieldHintInnerLabelPlacementOffset, _.selectTokens.textFieldClearHintInnerLabelPlacementOffset, _.selectTokens.textFieldLeftHelperOffset, _.selectTokens.textFieldLeftHelperFontFamily, _.selectTokens.textFieldLeftHelperFontSize, _.selectTokens.textFieldLeftHelperFontStyle, _.selectTokens.textFieldLeftHelperFontWeight, _.selectTokens.textFieldLeftHelperLetterSpacing, _.selectTokens.textFieldLeftHelperLineHeight, _.selectTokens.textFieldLabelInnerPadding, _.selectTokens.textFieldContentLabelInnerPadding, _.selectTokens.textFieldIndicatorSizeInner, _.selectTokens.textFieldIndicatorSizeOuter, _.selectTokens.textFieldIndicatorLabelPlacementInner, _.selectTokens.textFieldIndicatorLabelPlacementOuter, _.selectTokens.textFieldIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldIndicatorLabelPlacementOuterRight, _.selectTokens.textFieldClearIndicatorLabelPlacementInner, _.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight, _.selectTokens.textFieldClearIndicatorHintInnerRight, _.selectTokens.textFieldChipGap, _.selectTokens.textFieldChipBorderRadius, _.selectTokens.textFieldChipWidth, _.selectTokens.textFieldChipHeight, _.selectTokens.textFieldChipPadding, _.selectTokens.textFieldChipClearContentMarginLeft, _.selectTokens.textFieldChipClearContentMarginRight, _.selectTokens.textFieldChipCloseIconSize, _.selectTokens.textFieldChipFontFamily, _.selectTokens.textFieldChipFontSize, _.selectTokens.textFieldChipFontStyle, _.selectTokens.textFieldChipFontWeight, _.selectTokens.textFieldChipLetterSpacing, _.selectTokens.textFieldChipLineHeight, _.selectTokens.buttonArrowMargin, _.selectTokens.targetHeight, _.selectTokens.buttonPadding, _.selectTokens.padding, _.selectTokens.borderRadius, _.selectTokens.itemHeight, _.selectTokens.itemPadding, _.selectTokens.itemPaddingTight, _.selectTokens.itemBorderRadius, _.selectTokens.itemIconSize, _.selectTokens.itemIconSizeTight, _.selectTokens.itemIconMargin, _.selectTokens.cellPadding, _.selectTokens.cellPaddingLeftContent, _.selectTokens.cellPaddingContent, _.selectTokens.cellPaddingRightContent, _.selectTokens.cellTextboxGap, _.selectTokens.cellGap, _.selectTokens.cellTitleFontFamily, _.selectTokens.cellTitleFontSize, _.selectTokens.cellTitleFontStyle, _.selectTokens.cellTitleFontWeight, _.selectTokens.cellTitleLetterSpacing, _.selectTokens.cellTitleLineHeight, _.selectTokens.fontFamily, _.selectTokens.fontSize, _.selectTokens.fontStyle, _.selectTokens.fontWeight, _.selectTokens.fontLetterSpacing, _.selectTokens.fontLineHeight, _.selectTokens.checkboxTriggerSize, _.selectTokens.checkboxTriggerSizeTight, _.selectTokens.checkboxTriggerBorderRadius, _.selectTokens.checkboxTriggerBorderRadiusTight, _.selectTokens.checkboxFillColor, _.selectTokens.checkboxIconColor, _.selectTokens.checkboxTriggerBorderCheckedColor, _.selectTokens.checkboxTriggerBorderWidth, _.selectTokens.checkboxTriggerBorderColor, _.selectTokens.indicatorSize)
|
34
34
|
},
|
35
35
|
labelPlacement: {
|
36
36
|
inner: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--plasma-input-label-color,var(--plasma-input-placeholder-color,var(--plasma-colors-secondary)));", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], _.selectTokens.textFieldPlaceholderColor, _.selectTokens.textFieldLabelInnerFontFamily, _.selectTokens.textFieldLabelInnerFontSize, _.selectTokens.textFieldLabelInnerFontStyle, _.selectTokens.textFieldLabelInnerFontWeight, _.selectTokens.textFieldLabelInnerLetterSpacing, _.selectTokens.textFieldLabelInnerLineHeight),
|
@@ -13,8 +13,6 @@ import { Select } from './Select';
|
|
13
13
|
type StorySelectProps = ComponentProps<typeof Select> & {
|
14
14
|
enableContentLeft?: boolean;
|
15
15
|
hasHint?: boolean;
|
16
|
-
selectAllLabel?: string;
|
17
|
-
selectAllSticky?: boolean;
|
18
16
|
};
|
19
17
|
|
20
18
|
const view = ['default', 'accent', 'secondary', 'clear', 'positive', 'warning', 'negative', 'dark', 'black', 'white'];
|
@@ -999,187 +997,3 @@ export const Common: StoryObj<StorySelectProps> = {
|
|
999
997
|
},
|
1000
998
|
render: (args) => <CommonStory {...args} />,
|
1001
999
|
};
|
1002
|
-
|
1003
|
-
const flatItems = [
|
1004
|
-
{
|
1005
|
-
value: 'north_america',
|
1006
|
-
label: 'Северная Америка',
|
1007
|
-
},
|
1008
|
-
{
|
1009
|
-
value: 'rio_de_janeiro',
|
1010
|
-
label: 'Рио-де-Жанейро',
|
1011
|
-
},
|
1012
|
-
{
|
1013
|
-
value: 'sao_paulo',
|
1014
|
-
label: 'Сан-Паулу',
|
1015
|
-
},
|
1016
|
-
{
|
1017
|
-
value: 'buenos_aires',
|
1018
|
-
label: 'Буэнос-Айрес',
|
1019
|
-
},
|
1020
|
-
{
|
1021
|
-
value: 'cordoba',
|
1022
|
-
label: 'Кордова',
|
1023
|
-
},
|
1024
|
-
{
|
1025
|
-
value: 'bogota',
|
1026
|
-
label: 'Богота',
|
1027
|
-
},
|
1028
|
-
{
|
1029
|
-
value: 'medellin',
|
1030
|
-
label: 'Медельин',
|
1031
|
-
},
|
1032
|
-
{
|
1033
|
-
value: 'paris',
|
1034
|
-
label: 'Париж',
|
1035
|
-
},
|
1036
|
-
{
|
1037
|
-
value: 'lyon',
|
1038
|
-
label: 'Лион',
|
1039
|
-
},
|
1040
|
-
{
|
1041
|
-
value: 'berlin',
|
1042
|
-
label: 'Берлин',
|
1043
|
-
},
|
1044
|
-
{
|
1045
|
-
value: 'munich',
|
1046
|
-
label: 'Мюнхен',
|
1047
|
-
},
|
1048
|
-
{
|
1049
|
-
value: 'rome',
|
1050
|
-
label: 'Рим',
|
1051
|
-
},
|
1052
|
-
{
|
1053
|
-
value: 'milan',
|
1054
|
-
label: 'Милан',
|
1055
|
-
},
|
1056
|
-
{
|
1057
|
-
value: 'madrid',
|
1058
|
-
label: 'Мадрид',
|
1059
|
-
},
|
1060
|
-
{
|
1061
|
-
value: 'barcelona',
|
1062
|
-
label: 'Барселона',
|
1063
|
-
},
|
1064
|
-
{
|
1065
|
-
value: 'london',
|
1066
|
-
label: 'Лондон',
|
1067
|
-
},
|
1068
|
-
{
|
1069
|
-
value: 'manchester',
|
1070
|
-
label: 'Манчестер',
|
1071
|
-
},
|
1072
|
-
{
|
1073
|
-
value: 'beijing',
|
1074
|
-
label: 'Пекин',
|
1075
|
-
},
|
1076
|
-
{
|
1077
|
-
value: 'shanghai',
|
1078
|
-
label: 'Шанхай',
|
1079
|
-
},
|
1080
|
-
{
|
1081
|
-
value: 'tokyo',
|
1082
|
-
label: 'Токио',
|
1083
|
-
},
|
1084
|
-
{
|
1085
|
-
value: 'osaka',
|
1086
|
-
label: 'Осака',
|
1087
|
-
},
|
1088
|
-
{
|
1089
|
-
value: 'delhi',
|
1090
|
-
label: 'Дели',
|
1091
|
-
},
|
1092
|
-
{
|
1093
|
-
value: 'mumbai',
|
1094
|
-
label: 'Мумбаи',
|
1095
|
-
},
|
1096
|
-
{
|
1097
|
-
value: 'seoul',
|
1098
|
-
label: 'Сеул',
|
1099
|
-
},
|
1100
|
-
{
|
1101
|
-
value: 'busan',
|
1102
|
-
label: 'Пусан',
|
1103
|
-
},
|
1104
|
-
{
|
1105
|
-
value: 'bangkok',
|
1106
|
-
label: 'Бангкок',
|
1107
|
-
},
|
1108
|
-
{
|
1109
|
-
value: 'phuket',
|
1110
|
-
label: 'Пхукет',
|
1111
|
-
},
|
1112
|
-
{
|
1113
|
-
value: 'africa',
|
1114
|
-
label: 'Африка',
|
1115
|
-
},
|
1116
|
-
];
|
1117
|
-
|
1118
|
-
const SelectAllStory = (args: StorySelectProps) => {
|
1119
|
-
const [value, setValue] = useState([]);
|
1120
|
-
const [checked, setChecked] = useState(false);
|
1121
|
-
const [indeterminate, setIndeterminate] = useState(false);
|
1122
|
-
|
1123
|
-
const handleClick = () => {
|
1124
|
-
if (checked && !indeterminate) {
|
1125
|
-
setValue([]);
|
1126
|
-
} else {
|
1127
|
-
setValue(flatItems.map((item) => item.value));
|
1128
|
-
}
|
1129
|
-
};
|
1130
|
-
|
1131
|
-
React.useEffect(() => {
|
1132
|
-
if (value.length === 0) {
|
1133
|
-
setChecked(false);
|
1134
|
-
setIndeterminate(false);
|
1135
|
-
} else if (value.length === flatItems.length) {
|
1136
|
-
setChecked(true);
|
1137
|
-
setIndeterminate(false);
|
1138
|
-
} else {
|
1139
|
-
setChecked(true);
|
1140
|
-
setIndeterminate(true);
|
1141
|
-
}
|
1142
|
-
}, [value]);
|
1143
|
-
|
1144
|
-
return (
|
1145
|
-
<div style={{ width: '400px' }}>
|
1146
|
-
<Select
|
1147
|
-
placeholder="Placeholder"
|
1148
|
-
multiselect
|
1149
|
-
items={flatItems}
|
1150
|
-
value={value}
|
1151
|
-
onChange={setValue}
|
1152
|
-
listOverflow="auto"
|
1153
|
-
listMaxHeight="300px"
|
1154
|
-
selectAllOptions={{
|
1155
|
-
sticky: args?.selectAllSticky || false,
|
1156
|
-
label: args?.selectAllLabel,
|
1157
|
-
checked,
|
1158
|
-
indeterminate,
|
1159
|
-
onClick: handleClick,
|
1160
|
-
}}
|
1161
|
-
/>
|
1162
|
-
</div>
|
1163
|
-
);
|
1164
|
-
};
|
1165
|
-
|
1166
|
-
export const SelectAll: StoryObj<StorySelectProps> = {
|
1167
|
-
render: (args) => <SelectAllStory {...args} />,
|
1168
|
-
argTypes: {
|
1169
|
-
selectAllSticky: {
|
1170
|
-
control: 'boolean',
|
1171
|
-
},
|
1172
|
-
selectAllLabel: {
|
1173
|
-
control: 'text',
|
1174
|
-
},
|
1175
|
-
},
|
1176
|
-
args: {
|
1177
|
-
selectAllSticky: false,
|
1178
|
-
selectAllLabel: 'Выбрать все',
|
1179
|
-
},
|
1180
|
-
parameters: {
|
1181
|
-
controls: {
|
1182
|
-
include: ['selectAllSticky', 'selectAllLabel'],
|
1183
|
-
},
|
1184
|
-
},
|
1185
|
-
};
|