@salutejs/plasma-new-hope 0.325.0 → 0.326.0-canary.1986.15322785467.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/Combobox/ComboboxNew/Combobox.css +61 -56
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +13 -4
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +38 -37
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_isfa46.css +7 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
- 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_1fy6e2z.css → cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +44 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +53 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/cjs/components/Pagination/Pagination.css +57 -52
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
- package/cjs/components/Select/FloatingPopover.js +9 -5
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.css +57 -52
- package/cjs/components/Select/Select.js +14 -5
- 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_bjoo18.css +3 -0
- package/cjs/components/Select/Select.tokens.js +9 -2
- 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 +11 -10
- package/cjs/components/Select/ui/Inner/Inner.js +5 -4
- 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_1qpfn0s.css +11 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.css +54 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.js +44 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +53 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +34 -29
- package/cjs/components/Table/ui/Cell/Cell.css +34 -29
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +34 -29
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +34 -29
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
- package/cjs/index.css +40 -30
- package/emotion/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +24 -23
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +30 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
- package/emotion/cjs/components/Select/FloatingPopover.js +9 -5
- package/emotion/cjs/components/Select/Select.js +13 -5
- package/emotion/cjs/components/Select/Select.styles.js +11 -10
- package/emotion/cjs/components/Select/Select.template-doc.mdx +58 -0
- package/emotion/cjs/components/Select/Select.tokens.js +9 -2
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +5 -4
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
- package/emotion/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +30 -0
- package/emotion/cjs/components/Select/ui/index.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.js +13 -2
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.js +12 -2
- package/emotion/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +23 -22
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +17 -17
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +23 -0
- package/emotion/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
- package/emotion/es/components/Select/FloatingPopover.js +9 -5
- package/emotion/es/components/Select/Select.js +15 -7
- package/emotion/es/components/Select/Select.styles.js +10 -9
- package/emotion/es/components/Select/Select.template-doc.mdx +58 -0
- package/emotion/es/components/Select/Select.tokens.js +9 -2
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +6 -5
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +14 -14
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
- package/emotion/es/components/Select/ui/SelectAll/SelectAll.styles.js +23 -0
- package/emotion/es/components/Select/ui/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.js +10 -2
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +186 -0
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.config.js +15 -15
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.js +10 -3
- package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +186 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +61 -56
- package/es/components/Combobox/ComboboxNew/Combobox.js +14 -5
- 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_isfa46.css +7 -0
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +8 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +18 -17
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
- 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_1fy6e2z.css → es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles_80gotw.css} +2 -2
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.css +56 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +36 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +47 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles_tjme4i.css +3 -0
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.css +12 -12
- package/es/components/Pagination/Pagination.css +57 -52
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +57 -52
- package/es/components/Select/FloatingPopover.js +9 -5
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.css +57 -52
- package/es/components/Select/Select.js +15 -6
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +17 -18
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_bjoo18.css +3 -0
- package/es/components/Select/Select.tokens.js +9 -2
- 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 +11 -10
- package/es/components/Select/ui/Inner/Inner.js +6 -5
- 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_1qpfn0s.css +11 -0
- package/es/components/Select/ui/SelectAll/SelectAll.css +54 -0
- package/es/components/Select/ui/SelectAll/SelectAll.js +36 -0
- package/es/components/Select/ui/SelectAll/SelectAll.js.map +1 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js +47 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles.js.map +1 -0
- package/es/components/Select/ui/SelectAll/SelectAll.styles_ql2mqj.css +3 -0
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +34 -29
- package/es/components/Table/ui/Cell/Cell.css +34 -29
- package/es/components/Table/ui/EditableCell/EditableCell.css +34 -29
- package/es/components/Table/ui/HeadCell/HeadCell.css +34 -29
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +34 -29
- package/es/index.css +40 -30
- package/package.json +4 -4
- package/styled-components/cjs/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +12 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +21 -21
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -4
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +39 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +27 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/index.js +11 -0
- package/styled-components/cjs/components/Select/FloatingPopover.js +9 -5
- package/styled-components/cjs/components/Select/Select.js +13 -5
- package/styled-components/cjs/components/Select/Select.styles.js +8 -8
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +58 -0
- package/styled-components/cjs/components/Select/Select.tokens.js +9 -2
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +5 -4
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.js +39 -0
- package/styled-components/cjs/components/Select/ui/SelectAll/SelectAll.styles.js +27 -0
- package/styled-components/cjs/components/Select/ui/index.js +11 -0
- 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 +13 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- 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 +186 -0
- 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 +12 -2
- package/styled-components/cjs/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- 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 +186 -0
- package/styled-components/es/components/Combobox/Combobox.template-doc.mdx +58 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +20 -20
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +10 -3
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +9 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js +5 -5
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.js +32 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.js +20 -0
- package/styled-components/es/components/Combobox/ComboboxNew/ui/index.js +2 -1
- package/styled-components/es/components/Select/FloatingPopover.js +9 -5
- package/styled-components/es/components/Select/Select.js +15 -7
- package/styled-components/es/components/Select/Select.styles.js +7 -7
- package/styled-components/es/components/Select/Select.template-doc.mdx +58 -0
- package/styled-components/es/components/Select/Select.tokens.js +9 -2
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +2 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -5
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +3 -3
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.js +32 -0
- package/styled-components/es/components/Select/ui/SelectAll/SelectAll.styles.js +20 -0
- package/styled-components/es/components/Select/ui/index.js +2 -1
- 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 +10 -2
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.stories.tsx +187 -0
- 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 +186 -0
- 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 +10 -3
- package/styled-components/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx +186 -0
- 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 +186 -0
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +3 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +7 -0
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +12 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/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/SelectAll/SelectAll.d.ts +7 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts +11 -0
- package/types/components/Combobox/ComboboxNew/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/ui/index.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +3 -0
- 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 +3 -1
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +7 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +13 -1
- 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/SelectAll/SelectAll.d.ts +7 -0
- package/types/components/Select/ui/SelectAll/SelectAll.d.ts.map +1 -0
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts +11 -0
- package/types/components/Select/ui/SelectAll/SelectAll.styles.d.ts.map +1 -0
- package/types/components/Select/ui/index.d.ts +1 -0
- package/types/components/Select/ui/index.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +3 -0
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/cjs/components/Select/Select.styles_11cghkj.css +0 -2
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
- package/es/components/Combobox/ComboboxNew/Combobox.styles_5uhl12.css +0 -6
- package/es/components/Select/Select.styles_11cghkj.css +0 -2
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css +0 -11
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './usePathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n Backspace: 'Backspace',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n focusedPath: FocusedPathState;\n dispatchFocusedPath: Dispatch<FocusedPathAction>;\n path: PathState;\n dispatchPath: Dispatch<PathAction>;\n pathMap: PathMapType;\n focusedToValueMap: FocusedToValueMapType;\n handleListToggle: (opened: boolean) => void;\n handlePressDown: (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n};\n\ntype ReturnedProps = {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n}: Props): ReturnedProps => {\n const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.code) {\n case keys.ArrowUp: {\n if (focusedPath.length) {\n if (currentIndex > 0) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.ArrowDown: {\n if (focusedPath.length) {\n if (currentIndex + 1 < currentLength) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.ArrowLeft: {\n if (path[0]) {\n if (focusedPath.length) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n } else {\n dispatchFocusedPath({ type: 'return_prev_focus' });\n }\n }\n\n if (path.length === 1) {\n handleListToggle(false);\n }\n }\n\n break;\n }\n\n case keys.ArrowRight: {\n if (path[0]) {\n if (!focusedPath.length) {\n break;\n }\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n if (currentItem?.disabled || currentItem?.isDisabled) {\n break;\n }\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n }\n }\n\n break;\n }\n\n case keys.Space: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n if (!currentItem || currentItem?.disabled) {\n break;\n }\n\n handlePressDown(currentItem);\n\n break;\n }\n\n case keys.Enter: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n if (currentItem?.disabled) {\n break;\n }\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n\n break;\n }\n\n handlePressDown(currentItem);\n\n break;\n }\n\n case keys.Tab:\n case keys.Escape: {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n handleListToggle(false);\n\n break;\n }\n\n case keys.Home: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.End: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.PageUp: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n }\n\n break;\n }\n\n case keys.PageDown: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentLength - currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n }\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","disabled","isDisabled","items","toString","preventDefault"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, Dispatch } from 'react';\nimport React from 'react';\n\nimport { PathAction, PathState, FocusedPathAction, FocusedPathState } from '../reducers';\nimport type { MergedDropdownNodeTransformed } from '../ui/Inner/ui/Item/Item.types';\n\nimport { PathMapType, FocusedToValueMapType } from './usePathMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n Backspace: 'Backspace',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Home: 'Home',\n End: 'End',\n PageUp: 'PageUp',\n PageDown: 'PageDown',\n};\n\nexport const getItemByFocused = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n return focusedToValueMap.get(focusedPathAsString);\n};\n\ntype Props = {\n focusedPath: FocusedPathState;\n dispatchFocusedPath: Dispatch<FocusedPathAction>;\n path: PathState;\n dispatchPath: Dispatch<PathAction>;\n pathMap: PathMapType;\n focusedToValueMap: FocusedToValueMapType;\n handleListToggle: (opened: boolean) => void;\n handlePressDown: (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => void;\n};\n\ntype ReturnedProps = {\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n};\n\nexport const useKeyNavigation = ({\n focusedPath,\n dispatchFocusedPath,\n path,\n dispatchPath,\n pathMap,\n focusedToValueMap,\n handleListToggle,\n handlePressDown,\n}: Props): ReturnedProps => {\n const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n switch (event.code) {\n case keys.ArrowUp: {\n if (focusedPath.length) {\n if (currentIndex > 0) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.ArrowDown: {\n if (focusedPath.length) {\n if (currentIndex + 1 < currentLength) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n }\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.ArrowLeft: {\n if (path[0]) {\n if (focusedPath.length) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n } else {\n dispatchFocusedPath({ type: 'return_prev_focus' });\n }\n }\n\n if (path.length === 1) {\n handleListToggle(false);\n }\n }\n\n break;\n }\n\n case keys.ArrowRight: {\n if (path[0]) {\n if (!focusedPath.length) {\n break;\n }\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n if (currentItem?.disabled || currentItem?.isDisabled) {\n break;\n }\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n }\n }\n\n break;\n }\n\n case keys.Space: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap);\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n if (!currentItem || currentItem?.disabled || currentItem?.isDisabled) {\n break;\n }\n\n handlePressDown(currentItem);\n\n break;\n }\n\n case keys.Enter: {\n event.preventDefault();\n\n const currentItem = getItemByFocused(focusedPath, focusedToValueMap)!;\n\n if (currentItem?.disabled || currentItem?.isDisabled) {\n break;\n }\n\n if (!path[0]) {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n break;\n }\n\n if (currentItem?.items) {\n if (path.length > focusedPath.length) {\n dispatchFocusedPath({ type: 'add_focus', value: 0 });\n } else {\n dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n }\n\n break;\n }\n\n handlePressDown(currentItem);\n\n break;\n }\n\n case keys.Tab:\n case keys.Escape: {\n dispatchFocusedPath({ type: 'reset' });\n dispatchPath({ type: 'reset' });\n handleListToggle(false);\n\n break;\n }\n\n case keys.Home: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'set_initial_focus' });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.End: {\n if (path[0]) {\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchPath({ type: 'opened_first_level' });\n dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n handleListToggle(true);\n }\n\n break;\n }\n\n case keys.PageUp: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n }\n\n break;\n }\n\n case keys.PageDown: {\n if (!path[0]) {\n break;\n }\n\n if (path.length > focusedPath.length) {\n dispatchPath({ type: 'removed_last_level' });\n }\n\n if (currentLength - currentIndex <= JUMP_SIZE) {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n } else {\n dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n }\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","Backspace","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getItemByFocused","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleListToggle","handlePressDown","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","disabled","isDisabled","items","toString","preventDefault"],"mappings":"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"}
|
@@ -1,4 +1,5 @@
|
|
1
|
-
.
|
1
|
+
.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
|
2
|
+
.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
|
2
3
|
|
3
4
|
|
4
5
|
.base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
|
@@ -40,14 +41,14 @@
|
|
40
41
|
|
41
42
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
42
43
|
|
43
|
-
.
|
44
|
+
.Item_styles_1qpfn0s_s1vls8ri__6e0dc038{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellContent__6e0dc038,.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextbox__6e0dc038{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038{position:relative;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038:before{content:' ';visibility:hidden;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
44
45
|
|
45
|
-
.
|
46
|
-
.
|
47
|
-
.
|
48
|
-
.
|
49
|
-
.
|
50
|
-
.
|
51
|
-
.
|
52
|
-
.
|
46
|
+
.Item_styles_1qpfn0s_s17z4dei__6e0dc038{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
47
|
+
.Item_styles_1qpfn0s_s1nd9idj__6e0dc038{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
48
|
+
.Item_styles_1qpfn0s_snb2nsj__6e0dc038{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
|
49
|
+
.Item_styles_1qpfn0s_s581hb1__6e0dc038{width:var(--s581hb1-0);height:var(--s581hb1-0);}
|
50
|
+
.Item_styles_1qpfn0s_dcgpql7__6e0dc038{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1qpfn0s_dcgpql7__6e0dc038:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
51
|
+
.Item_styles_1qpfn0s_izzpzvq__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
|
52
|
+
.Item_styles_1qpfn0s_stxu93x__6e0dc038{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
53
|
+
.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
53
54
|
|
@@ -44,7 +44,6 @@ var Inner = function Inner(_ref) {
|
|
44
44
|
placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right',
|
45
45
|
opened: isCurrentListOpen,
|
46
46
|
onToggle: handleToggle,
|
47
|
-
offset: 2,
|
48
47
|
target: /*#__PURE__*/React__default.default.createElement(Item.Item, {
|
49
48
|
item: item,
|
50
49
|
path: path,
|
@@ -54,12 +53,14 @@ var Inner = function Inner(_ref) {
|
|
54
53
|
ariaExpanded: isCurrentListOpen,
|
55
54
|
ariaLevel: nextLevel,
|
56
55
|
ariaLabel: item.label
|
57
|
-
})
|
56
|
+
}),
|
57
|
+
isInner: true
|
58
|
+
}, /*#__PURE__*/React__default.default.createElement(Select_styles.ListWrapper, {
|
59
|
+
listWidth: listWidth
|
58
60
|
}, /*#__PURE__*/React__default.default.createElement(Select_styles.Ul, {
|
59
61
|
role: "group",
|
60
62
|
id: listId,
|
61
63
|
isInnerUl: true,
|
62
|
-
listWidth: listWidth,
|
63
64
|
virtual: false
|
64
65
|
}, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
|
65
66
|
return /*#__PURE__*/React__default.default.createElement(Inner, {
|
@@ -71,7 +72,7 @@ var Inner = function Inner(_ref) {
|
|
71
72
|
index: innerIndex,
|
72
73
|
listWidth: listWidth
|
73
74
|
});
|
74
|
-
})));
|
75
|
+
}))));
|
75
76
|
}
|
76
77
|
return /*#__PURE__*/React__default.default.createElement(Item.Item, {
|
77
78
|
item: item,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n const handleToggle = (opened: boolean): void => {\n if (opened) {\n dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n } else {\n dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n }\n };\n\n const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n const treeId = safeUseId();\n const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n const nextLevel = currentLevel + 1;\n\n if (!isEmpty(item?.items)) {\n return (\n <FloatingPopover\n placement={item?.placement || 'right'}\n opened={isCurrentListOpen}\n onToggle={handleToggle}\n
|
1
|
+
{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { isEmpty } from 'src/utils';\n\nimport { Ul, ListWrapper } from '../../Select.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\n\nimport type { MergedDropdownNodeTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n const handleToggle = (opened: boolean): void => {\n if (opened) {\n dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n } else {\n dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n }\n };\n\n const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n const treeId = safeUseId();\n const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n const nextLevel = currentLevel + 1;\n\n if (!isEmpty(item?.items)) {\n return (\n <FloatingPopover\n placement={item?.placement || 'right'}\n opened={isCurrentListOpen}\n onToggle={handleToggle}\n target={\n <Item\n item={item}\n path={path}\n currentLevel={currentLevel}\n index={index}\n ariaControls={listId}\n ariaExpanded={isCurrentListOpen}\n ariaLevel={nextLevel}\n ariaLabel={item.label}\n />\n }\n isInner\n >\n <ListWrapper listWidth={listWidth}>\n <Ul role=\"group\" id={listId} isInnerUl virtual={false}>\n {item.items?.map((innerItem: MergedDropdownNodeTransformed, innerIndex: number) => (\n <Inner\n key={`${innerIndex}/${currentLevel}`}\n item={innerItem}\n currentLevel={nextLevel}\n path={path}\n dispatchPath={dispatchPath}\n index={innerIndex}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n </ListWrapper>\n </FloatingPopover>\n );\n }\n\n return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","isInnerUl","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}
|
@@ -1,13 +1,13 @@
|
|
1
|
-
require('./Item.
|
1
|
+
require('./Item.styles_1qpfn0s.css');
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
7
|
var Select_tokens = require('../../../../Select.tokens.js');
|
8
|
+
var common = require('../../../../../../engines/common.js');
|
8
9
|
var IconDisclosureRightCentered = require('../../../../../_Icon/Icons/IconDisclosureRightCentered.js');
|
9
10
|
var IconDone = require('../../../../../_Icon/Icons/IconDone.js');
|
10
|
-
var common = require('../../../../../../engines/common.js');
|
11
11
|
var Checkbox$1 = require('../../../../../Checkbox/Checkbox.js');
|
12
12
|
var Cell$1 = require('../../../../../Cell/Cell.js');
|
13
13
|
var Indicator$1 = require('../../../../../Indicator/Indicator.js');
|
@@ -122,7 +122,7 @@ var StyledText = /*#__PURE__*/react.styled('div')({
|
|
122
122
|
"class": "stxu93x",
|
123
123
|
propsAsIs: false
|
124
124
|
});
|
125
|
-
var
|
125
|
+
var _exp65 = function _exp65() {
|
126
126
|
return function (_ref5) {
|
127
127
|
var variant = _ref5.variant;
|
128
128
|
return "var(".concat(variant === 'tight' ? Select_tokens.tokens.itemPaddingTight : Select_tokens.tokens.itemPadding, ")");
|
@@ -133,7 +133,7 @@ var Wrapper = /*#__PURE__*/react.styled('li')({
|
|
133
133
|
"class": "w1hgpj20",
|
134
134
|
propsAsIs: false,
|
135
135
|
vars: {
|
136
|
-
"w1hgpj20-0": [/*#__PURE__*/
|
136
|
+
"w1hgpj20-0": [/*#__PURE__*/_exp65()]
|
137
137
|
}
|
138
138
|
});
|
139
139
|
var StyledCheckboxWrapper = /*#__PURE__*/react.styled('span')({
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n\n // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: ' ';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n margin: var(${tokens.disclosureIconMargin});\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0 calc(0.125rem + var(${tokens.dropdownBorderWidth}, 0rem));\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: var(${tokens.itemDisabledOpacity});\n color: var(${tokens.itemDisabledColor});\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0.0625rem',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","styled","name","class","propsAsIs","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrow","_exp53","IconDone","_exp55","_ref3","_ref3$size","StyledIconDone","DisclosureIconWrapper","_exp60","_ref4","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp66","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Item.styles.js","sources":["../../../../../../../src/components/Select/ui/Inner/ui/Item/Item.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus, applyEllipsis } from 'src/mixins';\nimport { component, mergeConfig } from 'src/engines';\nimport type { SelectProps } from 'src/components/Select';\n\nimport { classes, tokens, constants } from '../../../../Select.tokens';\nimport { checkboxConfig, checkboxTokens } from '../../../../../Checkbox';\nimport { cellConfig, cellTokens } from '../../../../../Cell';\nimport { indicatorConfig, indicatorTokens } from '../../../../../Indicator';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\n\nconst mergedCheckboxConfig = mergeConfig(checkboxConfig);\nconst Checkbox = component(mergedCheckboxConfig);\n\nconst mergedCellConfig = mergeConfig(cellConfig);\nconst Cell = component(mergedCellConfig);\n\nconst mergedIndicatorConfig = mergeConfig(indicatorConfig);\nconst Indicator = component(mergedIndicatorConfig);\n\nexport const StyledWrapper = styled.div<{ disabled?: boolean }>`\n ${cellTokens.cellTitleColor}: ${({ disabled }) =>\n disabled ? `var(${tokens.itemDisabledColor})` : `var(${constants.cellTitleColor})`};\n ${cellTokens.cellBackgroundColor}: var(${constants.cellBackgroundColor});\n ${cellTokens.cellPadding}: var(${tokens.cellPadding});\n ${cellTokens.cellPaddingLeftContent}: var(${tokens.cellPaddingLeftContent});\n ${cellTokens.cellPaddingContent}: var(${tokens.cellPaddingContent});\n ${cellTokens.cellPaddingRightContent}: var(${tokens.cellPaddingRightContent});\n ${cellTokens.cellTextboxGap}: var(${tokens.cellTextboxGap});\n ${cellTokens.cellGap}: var(${tokens.cellGap});\n ${cellTokens.cellTitleFontFamily}: var(${tokens.cellTitleFontFamily});\n ${cellTokens.cellTitleFontSize}: var(${tokens.cellTitleFontSize});\n ${cellTokens.cellTitleFontStyle}: var(${tokens.cellTitleFontStyle});\n ${cellTokens.cellTitleFontWeight}: var(${tokens.cellTitleFontWeight});\n ${cellTokens.cellTitleLetterSpacing}: var(${tokens.cellTitleLetterSpacing});\n ${cellTokens.cellTitleLineHeight}: var(${tokens.cellTitleLineHeight});\n width: 100%;\n\n // TODO: #1548\n & div.cell-content, & div.cell-textbox {\n flex: 1;\n }\n & div.cell-textbox-title {\n position: relative;\n }\n & div.cell-textbox-title:before {\n content: ' ';\n visibility: hidden;\n }\n & div.cell-textbox-title span {\n position: absolute;\n left: 0;\n right: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n`;\n\nexport const StyledCell = styled(Cell)``;\n\nexport const StyledCheckbox = styled(Checkbox)`\n ${checkboxTokens.triggerSize}: var(${tokens.checkboxTriggerSize});\n ${checkboxTokens.triggerBorderRadius}: var(${tokens.checkboxTriggerBorderRadius});\n ${checkboxTokens.fillColor}: var(${tokens.checkboxFillColor});\n ${checkboxTokens.iconColor}: var(${tokens.checkboxIconColor});\n ${checkboxTokens.triggerBorderWidth}: var(${tokens.checkboxTriggerBorderWidth});\n ${checkboxTokens.triggerBorderColor}: var(${tokens.checkboxTriggerBorderColor});\n ${checkboxTokens.triggerBorderCheckedColor}: var(${tokens.checkboxTriggerBorderCheckedColor});\n`;\n\nexport const StyledIndicator = styled(Indicator)`\n ${indicatorTokens.size}: var(${tokens.indicatorSize});\n ${indicatorTokens.color}: var(${tokens.checkboxFillColor});\n`;\n\n// TODO: Удалить после поддержки JS переменных в конфиге компонент\nexport const sizeMap: Record<string, string> = {\n xs: '1rem',\n s: '1.5rem',\n};\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const StyledIconDone = styled(IconDone)`\n width: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n height: ${({ size = 'xs' }) => `var(${tokens.disclosureIconSize}, ${sizeMap[size]})`};\n`;\n\nexport const DisclosureIconWrapper = styled.div`\n margin: var(${tokens.disclosureIconMargin});\n line-height: 0;\n color: var(${tokens.disclosureIconColor});\n\n &:hover {\n color: var(${tokens.disclosureIconColorHover});\n }\n`;\n\nexport const IconWrapper = styled.div<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n height: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemIconSizeTight : tokens.itemIconSize})`};\n margin: var(${tokens.itemIconMargin});\n line-height: 0;\n color: var(${tokens.checkboxFillColor});\n`;\n\nexport const StyledText = styled.div<{ color?: string }>`\n ${applyEllipsis()};\n flex: 1;\n`;\n\nexport const Wrapper = styled.li<{ variant: SelectProps['variant'] }>`\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n margin: 0;\n box-sizing: content-box;\n padding: ${({ variant }) => `var(${variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding})`};\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n background-color: var(${constants.itemBackground});\n color: var(--text-primary);\n border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n user-select: none;\n background-clip: padding-box;\n\n &:hover:not(.${classes.dropdownItemIsDisabled}) {\n cursor: pointer;\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsActive} {\n background-color: var(${tokens.itemBackgroundHover});\n }\n\n &.${classes.dropdownItemIsDisabled} {\n opacity: var(${tokens.itemDisabledOpacity});\n color: var(${tokens.itemDisabledColor});\n cursor: not-allowed;\n }\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineSize: '0',\n outlineOffset: '0',\n outlineColor: `var(${constants.focusColor})`,\n outlineRadius: `calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem))`,\n hasTransition: false,\n customFocusRules: `\n &.${classes.dropdownItemIsFocused}:before {\n outline: none;\n box-shadow: inset 0 0 0 0.0625rem var(${constants.focusColor});\n }\n `,\n })};\n`;\n\nexport const StyledCheckboxWrapper = styled.span``;\n"],"names":["mergedCheckboxConfig","mergeConfig","checkboxConfig","Checkbox","component","mergedCellConfig","cellConfig","Cell","mergedIndicatorConfig","indicatorConfig","Indicator","_exp2","_ref","disabled","concat","tokens","itemDisabledColor","constants","cellTitleColor","StyledWrapper","styled","name","class","propsAsIs","vars","_exp29","StyledCell","_exp30","StyledCheckbox","_exp45","StyledIndicator","_exp50","IconDisclosureRightCentered","_exp52","_ref2","_ref2$size","size","disclosureIconSize","xs","s","StyledArrow","_exp53","IconDone","_exp55","_ref3","_ref3$size","StyledIconDone","DisclosureIconWrapper","_exp60","_ref4","variant","itemIconSizeTight","itemIconSize","IconWrapper","StyledText","_exp65","_ref5","itemPaddingTight","itemPadding","Wrapper","StyledCheckboxWrapper"],"mappings":"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"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
.s1vls8ri{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.s1vls8ri div.cell-content,.s1vls8ri div.cell-textbox{-webkit-flex:1;-ms-flex:1;flex:1;}.s1vls8ri div.cell-textbox-title{position:relative;}.s1vls8ri div.cell-textbox-title:before{content:' ';visibility:hidden;}.s1vls8ri div.cell-textbox-title span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
2
|
+
|
3
|
+
.s17z4dei{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
4
|
+
.s1nd9idj{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
5
|
+
.snb2nsj{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
|
6
|
+
.s581hb1{width:var(--s581hb1-0);height:var(--s581hb1-0);}
|
7
|
+
.dcgpql7{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.dcgpql7:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
8
|
+
.izzpzvq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
|
9
|
+
.stxu93x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
10
|
+
.w1hgpj20{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.w1hgpj20:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-active{background-color:var(--plasma-select-item-background-hover);}.w1hgpj20.dropdown-item-is-disabled{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.w1hgpj20:focus{outline:none;}.w1hgpj20::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.w1hgpj20.dropdown-item-is-focused:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
11
|
+
|
@@ -0,0 +1,54 @@
|
|
1
|
+
.base_tj850e_b17hdes8__1acafc30 input[type='checkbox']:indeterminate + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}.base_tj850e_b17hdes8__1acafc30 input:checked + .base_tj850e_shwv1in__1acafc30 .base_tj850e_s1u3nd7e__1acafc30{background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-trigger-border-checked-color);}
|
2
|
+
|
3
|
+
.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1kd28bo_bxbqqc3__7f6d1a80 input:disabled + .base_1kd28bo_shwv1in__7f6d1a80{cursor:not-allowed;}
|
4
|
+
|
5
|
+
.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af.base_x86p0b_focusVisible__fe3a51af:focus::before,.base_x86p0b_b1y5wkm1__fe3a51af .base_x86p0b_checkboxTrigger__fe3a51af[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af{border-color:transparent;position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added] + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af{position:relative;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{content:'';position:absolute;top:-0.25rem;left:-0.25rem;right:-0.25rem;bottom:-0.25rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_x86p0b_b1y5wkm1__fe3a51af input[data-focus-visible-added]:checked + label .base_x86p0b_checkboxTrigger__fe3a51af::before,.base_x86p0b_b1y5wkm1__fe3a51af input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_x86p0b_checkboxTrigger__fe3a51af::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-focus-color);}
|
6
|
+
|
7
|
+
.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Checkbox_styles_1dv1w6k_b1udywkg__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
8
|
+
.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1dv1w6k_s165w87d__36f48cb9:focus{outline:0 none;}
|
9
|
+
.Checkbox_styles_1dv1w6k_sft3zxv__36f48cb9{padding:var(--plasma-checkbox-trigger-padding);}
|
10
|
+
.Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9{width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--plasma-checkbox-trigger-background-color);border:var(--plasma-checkbox-trigger-border-width) solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1dv1w6k_s1u3nd7e__36f48cb9 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
|
11
|
+
.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:inherit;cursor:pointer;}.Checkbox_styles_1dv1w6k_shwv1in__36f48cb9 .Checkbox_styles_1dv1w6k_singleLine__36f48cb9{width:100%;}
|
12
|
+
.Checkbox_styles_1dv1w6k_s1my1ay__36f48cb9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
|
13
|
+
.Checkbox_styles_1dv1w6k_s14u8fnn__36f48cb9{color:var(--plasma-checkbox-label-color);font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
|
14
|
+
.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1dv1w6k_s10clj68__36f48cb9.Checkbox_styles_1dv1w6k_onlyDescription__36f48cb9{margin-top:0;}
|
15
|
+
|
16
|
+
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
17
|
+
|
18
|
+
.CellTextboxTitle_styles_jogov7_s16psy9b__edbbb199{color:var(--plasma-cell-title-color);font-size:var(--plasma-cell-title-font-size);font-weight:var(--plasma-cell-title-font-weight);font-family:var(--plasma-cell-title-font-family);font-style:var(--plasma-cell-title-font-style);line-height:var(--plasma-cell-title-line-height);-webkit-letter-spacing:var(--plasma-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-cell-title-letter-spacing);letter-spacing:var(--plasma-cell-title-letter-spacing);}
|
19
|
+
|
20
|
+
.CellTextboxSubtitle_styles_n7i06q_s1bdz4u4__8e9f9a5a{color:var(--plasma-cell-subtitle-color);font-size:var(--plasma-cell-subtitle-font-size);font-weight:var(--plasma-cell-subtitle-font-weight);font-family:var(--plasma-cell-subtitle-font-family);font-style:var(--plasma-cell-subtitle-font-style);line-height:var(--plasma-cell-subtitle-line-height);-webkit-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-moz-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);-ms-letter-spacing:var(--plasma-cell-subtitle-letter-spacing);letter-spacing:var(--plasma-cell-subtitle-letter-spacing);}
|
21
|
+
|
22
|
+
.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFixed__a35afa10{width:var(--plasma-cell-width);}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingFilled__a35afa10{width:100%;}.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_b1wikybr__a35afa10.Cell_styles_1lali49_cellStretchingAuto__a35afa10{width:auto;}
|
23
|
+
.Cell_styles_1lali49_c1e5qbb3__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-cell-gap);height:auto;}
|
24
|
+
.Cell_styles_1lali49_cdgokyj__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;}
|
25
|
+
.Cell_styles_1lali49_c1k87ec1__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1k87ec1-0);-webkit-box-align:var(--c1k87ec1-0);-ms-flex-align:var(--c1k87ec1-0);align-items:var(--c1k87ec1-0);}
|
26
|
+
.Cell_styles_1lali49_c1spqh22__a35afa10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:var(--c1spqh22-0);-webkit-box-align:var(--c1spqh22-0);-ms-flex-align:var(--c1spqh22-0);align-items:var(--c1spqh22-0);text-align:right;}
|
27
|
+
|
28
|
+
.base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
|
29
|
+
|
30
|
+
.CellTextbox_styles_rgpies_cz0uqdu__c842929b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-cell-textbox-gap);}
|
31
|
+
|
32
|
+
.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
|
33
|
+
|
34
|
+
.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
|
35
|
+
|
36
|
+
.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
|
37
|
+
|
38
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
39
|
+
|
40
|
+
.Item_styles_1qpfn0s_s1vls8ri__6e0dc038{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellContent__6e0dc038,.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextbox__6e0dc038{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038{position:relative;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038:before{content:' ';visibility:hidden;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
41
|
+
|
42
|
+
.Item_styles_1qpfn0s_s17z4dei__6e0dc038{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
43
|
+
.Item_styles_1qpfn0s_s1nd9idj__6e0dc038{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
44
|
+
.Item_styles_1qpfn0s_snb2nsj__6e0dc038{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
|
45
|
+
.Item_styles_1qpfn0s_s581hb1__6e0dc038{width:var(--s581hb1-0);height:var(--s581hb1-0);}
|
46
|
+
.Item_styles_1qpfn0s_dcgpql7__6e0dc038{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1qpfn0s_dcgpql7__6e0dc038:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
47
|
+
.Item_styles_1qpfn0s_izzpzvq__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
|
48
|
+
.Item_styles_1qpfn0s_stxu93x__6e0dc038{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
49
|
+
.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
50
|
+
|
51
|
+
|
52
|
+
.SelectAll_styles_ql2mqj_w1r0n22v__b71a8639{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
53
|
+
.SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
|
54
|
+
.SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var Item_styles = require('../Inner/ui/Item/Item.styles.js');
|
7
|
+
var SelectAll_styles = require('./SelectAll.styles.js');
|
8
|
+
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
10
|
+
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
12
|
+
|
13
|
+
var SelectAll = function SelectAll(_ref) {
|
14
|
+
var variant = _ref.variant,
|
15
|
+
selectAllOptions = _ref.selectAllOptions;
|
16
|
+
return /*#__PURE__*/React__default.default.createElement(SelectAll_styles.Wrapper, {
|
17
|
+
variant: variant,
|
18
|
+
onClick: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.onClick,
|
19
|
+
sticky: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.sticky
|
20
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.Wrapper, {
|
21
|
+
variant: variant
|
22
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.IconWrapper, {
|
23
|
+
variant: variant
|
24
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckboxWrapper, {
|
25
|
+
onClick: function onClick(e) {
|
26
|
+
return e.preventDefault();
|
27
|
+
}
|
28
|
+
}, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCheckbox, {
|
29
|
+
checked: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.checked,
|
30
|
+
indeterminate: selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.indeterminate,
|
31
|
+
appearance: "default"
|
32
|
+
}))), /*#__PURE__*/React__default.default.createElement(Item_styles.StyledWrapper, null, /*#__PURE__*/React__default.default.createElement(Item_styles.StyledCell
|
33
|
+
// TODO: #1548
|
34
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
35
|
+
// @ts-ignore
|
36
|
+
, {
|
37
|
+
title: /*#__PURE__*/React__default.default.createElement("span", null, (selectAllOptions === null || selectAllOptions === void 0 ? void 0 : selectAllOptions.label) || 'Выбрать всё')
|
38
|
+
}))), /*#__PURE__*/React__default.default.createElement(SelectAll_styles.DividerWrapper, null, /*#__PURE__*/React__default.default.createElement(SelectAll_styles.Divider, {
|
39
|
+
variant: variant
|
40
|
+
})));
|
41
|
+
};
|
42
|
+
|
43
|
+
exports.SelectAll = SelectAll;
|
44
|
+
//# sourceMappingURL=SelectAll.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SelectAll.js","sources":["../../../../../src/components/Select/ui/SelectAll/SelectAll.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport {\n IconWrapper,\n StyledCell,\n StyledCheckbox,\n StyledCheckboxWrapper,\n StyledWrapper,\n Wrapper as ItemWrapper,\n} from '../Inner/ui/Item/Item.styles';\nimport type { SelectAllProps, SelectProps } from '../../Select.types';\n\nimport { Divider, Wrapper, DividerWrapper } from './SelectAll.styles';\n\nexport const SelectAll: FC<{\n variant: SelectProps['variant'];\n selectAllOptions: SelectAllProps;\n}> = ({ variant, selectAllOptions }) => (\n <Wrapper variant={variant} onClick={selectAllOptions?.onClick} sticky={selectAllOptions?.sticky}>\n <ItemWrapper variant={variant}>\n <IconWrapper variant={variant}>\n <StyledCheckboxWrapper onClick={(e) => e.preventDefault()}>\n <StyledCheckbox\n checked={selectAllOptions?.checked}\n indeterminate={selectAllOptions?.indeterminate}\n appearance=\"default\"\n />\n </StyledCheckboxWrapper>\n </IconWrapper>\n\n <StyledWrapper>\n <StyledCell\n // TODO: #1548\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n title={<span>{selectAllOptions?.label || 'Выбрать всё'}</span>}\n />\n </StyledWrapper>\n </ItemWrapper>\n\n <DividerWrapper>\n <Divider variant={variant} />\n </DividerWrapper>\n </Wrapper>\n);\n"],"names":["SelectAll","_ref","variant","selectAllOptions","React","createElement","Wrapper","onClick","sticky","ItemWrapper","IconWrapper","StyledCheckboxWrapper","e","preventDefault","StyledCheckbox","checked","indeterminate","appearance","StyledWrapper","StyledCell","title","label","DividerWrapper","Divider"],"mappings":";;;;;;;;;;;;IAcaA,SAGX,GAAG,SAHQA,SAGXA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB,CAAA;AAAA,EAAA,oBAC7BC,sBAAA,CAAAC,aAAA,CAACC,wBAAO,EAAA;AAACJ,IAAAA,OAAO,EAAEA,OAAQ;AAACK,IAAAA,OAAO,EAAEJ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEI,OAAQ;AAACC,IAAAA,MAAM,EAAEL,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEK,MAAAA;AAAO,GAAA,eAC5FJ,sBAAA,CAAAC,aAAA,CAACI,mBAAW,EAAA;AAACP,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,sBAAA,CAAAC,aAAA,CAACK,uBAAW,EAAA;AAACR,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAC1BE,sBAAA,CAAAC,aAAA,CAACM,iCAAqB,EAAA;IAACJ,OAAO,EAAE,SAAAA,OAAAA,CAACK,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAACC,cAAc,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,eACtDT,sBAAA,CAAAC,aAAA,CAACS,0BAAc,EAAA;AACXC,IAAAA,OAAO,EAAEZ,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEY,OAAQ;AACnCC,IAAAA,aAAa,EAAEb,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEa,aAAc;AAC/CC,IAAAA,UAAU,EAAC,SAAA;AAAS,GACvB,CACkB,CACd,CAAC,eAEdb,sBAAA,CAAAC,aAAA,CAACa,yBAAa,EAAA,IAAA,eACVd,sBAAA,CAAAC,aAAA,CAACc,sBAAAA;AACG;AACA;AACA;AAAA,IAAA;AACAC,IAAAA,KAAK,eAAEhB,sBAAA,CAAAC,aAAA,eAAO,CAAAF,gBAAgB,KAAhBA,IAAAA,IAAAA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,gBAAgB,CAAEkB,KAAK,KAAI,aAAoB,CAAA;AAAE,GAClE,CACU,CACN,CAAC,eAEdjB,sBAAA,CAAAC,aAAA,CAACiB,+BAAc,EACXlB,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACkB,wBAAO,EAAA;AAACrB,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CAChB,CACX,CAAC,CAAA;AAAA;;;;"}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
require('./SelectAll.styles_ql2mqj.css');
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var react = require('@linaria/react');
|
7
|
+
var Select_tokens = require('../../Select.tokens.js');
|
8
|
+
|
9
|
+
var _exp = function _exp() {
|
10
|
+
return function (_ref) {
|
11
|
+
var sticky = _ref.sticky;
|
12
|
+
return sticky ? 'sticky' : 'static';
|
13
|
+
};
|
14
|
+
};
|
15
|
+
var _exp3 = function _exp3() {
|
16
|
+
return function (_ref2) {
|
17
|
+
var variant = _ref2.variant;
|
18
|
+
return "var(".concat(variant === 'tight' ? Select_tokens.tokens.dividerMarginBottomTight : Select_tokens.tokens.dividerMarginBottom, ")");
|
19
|
+
};
|
20
|
+
};
|
21
|
+
var Wrapper = /*#__PURE__*/react.styled('div')({
|
22
|
+
name: "Wrapper",
|
23
|
+
"class": "w1r0n22v",
|
24
|
+
propsAsIs: false,
|
25
|
+
vars: {
|
26
|
+
"w1r0n22v-0": [/*#__PURE__*/_exp()],
|
27
|
+
"w1r0n22v-1": [/*#__PURE__*/_exp3()]
|
28
|
+
}
|
29
|
+
});
|
30
|
+
var DividerWrapper = /*#__PURE__*/react.styled('div')({
|
31
|
+
name: "DividerWrapper",
|
32
|
+
"class": "d19w91z6",
|
33
|
+
propsAsIs: false
|
34
|
+
});
|
35
|
+
var _exp9 = function _exp9() {
|
36
|
+
return function (_ref3) {
|
37
|
+
var variant = _ref3.variant;
|
38
|
+
return "var(".concat(variant === 'tight' ? Select_tokens.tokens.dividerMarginTopTight : Select_tokens.tokens.dividerMarginTop, ")");
|
39
|
+
};
|
40
|
+
};
|
41
|
+
var Divider = /*#__PURE__*/react.styled('div')({
|
42
|
+
name: "Divider",
|
43
|
+
"class": "d1nbef5q",
|
44
|
+
propsAsIs: false,
|
45
|
+
vars: {
|
46
|
+
"d1nbef5q-0": [/*#__PURE__*/_exp9()]
|
47
|
+
}
|
48
|
+
});
|
49
|
+
|
50
|
+
exports.Divider = Divider;
|
51
|
+
exports.DividerWrapper = DividerWrapper;
|
52
|
+
exports.Wrapper = Wrapper;
|
53
|
+
//# sourceMappingURL=SelectAll.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SelectAll.styles.js","sources":["../../../../../src/components/Select/ui/SelectAll/SelectAll.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { SelectProps } from '../../Select.types';\nimport { tokens, constants } from '../../Select.tokens';\n\nexport const Wrapper = styled.div<{ variant: SelectProps['variant']; sticky?: boolean }>`\n position: ${({ sticky }) => (sticky ? 'sticky' : 'static')};\n z-index: 10;\n top: 0;\n display: flex;\n flex-direction: column;\n background: var(${constants.background});\n margin-bottom: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom})`};\n border-top-left-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n border-top-right-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n`;\n\nexport const DividerWrapper = styled.div`\n background: var(${constants.background});\n`;\n\nexport const Divider = styled.div<{ variant: SelectProps['variant'] }>`\n height: 0.0625rem;\n margin-top: ${({ variant }) =>\n `var(${variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop})`};\n margin-right: var(${tokens.dividerMarginRight});\n margin-left: var(${tokens.dividerMarginLeft});\n background: var(${tokens.dividerColor});\n`;\n"],"names":["_exp","_ref","sticky","_exp3","_ref2","variant","tokens","dividerMarginBottomTight","dividerMarginBottom","Wrapper","styled","name","class","propsAsIs","vars","DividerWrapper","_exp9","_ref3","dividerMarginTopTight","dividerMarginTop","Divider"],"mappings":";;;;;;;AAGwD,IAAAA,IAAA,GAFtCA,SAEsCA,IAAAA,GAAA;AAAA,EAAA,OAGxC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAcA,MAAM,GAAG,QAAQ,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAL5CA,SAK4CA,KAAAA,GAAA;AAAA,EAAA,OAMzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACTA,OAAO,KAAK,OAAO,GAAGC,oBAAM,CAACC,wBAAwB,GAAGD,oBAAM,CAACE,mBAAmB,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACbd,IAA8C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAMzCG,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMY,cAAc,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEnC,EAAA;AAAC,IAAAG,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAIgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,OAAAA,GAAAA,KAAAA,CAAAA,OAAAA,CAAAA;AAAAA,IAAAA,OAAAA,MAAAA,CAAAA,MAAAA,CACNA,OAAO,KAAK,OAAO,GAAGC,oBAAM,CAACY,qBAAqB,GAAGZ,oBAAM,CAACa,gBAAgB,EAAA,GAAA,CAAA,CAAA;GAAG,CAAA;AAAA,CAAA,CAAA;AAHvF,IAAMC,OAAO,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAEXE,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAI7F;;;;;;"}
|
@@ -0,0 +1,3 @@
|
|
1
|
+
.w1r0n22v{position:var(--w1r0n22v-0);z-index:10;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:var(--surface-solid-card);margin-bottom:var(--w1r0n22v-1);border-top-left-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));border-top-right-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));}
|
2
|
+
.d19w91z6{background:var(--surface-solid-card);}
|
3
|
+
.d1nbef5q{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
|
@@ -37,14 +37,14 @@
|
|
37
37
|
|
38
38
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
39
39
|
|
40
|
-
.
|
41
|
-
|
42
|
-
.
|
43
|
-
.
|
44
|
-
.
|
45
|
-
.
|
46
|
-
.
|
47
|
-
.
|
48
|
-
.
|
49
|
-
.
|
40
|
+
.Item_styles_1qpfn0s_s1vls8ri__6e0dc038{--plasma-cell-title-color:var(--s1vls8ri-0);--plasma-cell-background-color:var(--surface-clear);--plasma-cell-padding:var(--plasma-select-cell-padding);--plasma-cell-padding-left-content:var(--plasma-select-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-select-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-select-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-select-cell-textbox-gap);--plasma-cell-gap:var(--plasma-select-cell-gap);--plasma-cell-title-font-family:var(--plasma-select-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-select-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-select-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-select-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-select-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-select-cell-title-line-height);width:100%;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellContent__6e0dc038,.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextbox__6e0dc038{-webkit-flex:1;-ms-flex:1;flex:1;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038{position:relative;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038:before{content:' ';visibility:hidden;}.Item_styles_1qpfn0s_s1vls8ri__6e0dc038 div.Item_styles_1qpfn0s_cellTextboxTitle__6e0dc038 span{position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
41
|
+
|
42
|
+
.Item_styles_1qpfn0s_s17z4dei__6e0dc038{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-width:var(--plasma-select-checkbox-trigger-border-width);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);--plasma-checkbox-trigger-border-checked-color:var(--plasma-select-checkbox-trigger-border-checked-color);}
|
43
|
+
.Item_styles_1qpfn0s_s1nd9idj__6e0dc038{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
|
44
|
+
.Item_styles_1qpfn0s_snb2nsj__6e0dc038{width:var(--snb2nsj-0);height:var(--snb2nsj-0);}
|
45
|
+
.Item_styles_1qpfn0s_s581hb1__6e0dc038{width:var(--s581hb1-0);height:var(--s581hb1-0);}
|
46
|
+
.Item_styles_1qpfn0s_dcgpql7__6e0dc038{margin:var(--plasma-select-disclosure-icon-margin);line-height:0;color:var(--plasma-select-disclosure-icon-color);}.Item_styles_1qpfn0s_dcgpql7__6e0dc038:hover{color:var(--plasma-select-disclosure-icon-color-hover);}
|
47
|
+
.Item_styles_1qpfn0s_izzpzvq__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:none;-ms-flex:none;flex:none;width:var(--izzpzvq-0);height:var(--izzpzvq-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}
|
48
|
+
.Item_styles_1qpfn0s_stxu93x__6e0dc038{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
|
49
|
+
.Item_styles_1qpfn0s_w1hgpj20__6e0dc038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1hgpj20-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background-color:var(--surface-clear);color:var(--text-primary);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:hover:not(.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038){cursor:pointer;background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsActive__6e0dc038{background-color:var(--plasma-select-item-background-hover);}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsDisabled__6e0dc038{opacity:var(--plasma-select-item-disabled-opacity);color:var(--plasma-select-item-disabled-color);cursor:not-allowed;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038:focus{outline:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_1qpfn0s_w1hgpj20__6e0dc038.Item_styles_1qpfn0s_dropdownItemIsFocused__6e0dc038:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
|
50
50
|
|