@salutejs/plasma-new-hope 0.88.0-canary.1233.9508031978.0 → 0.88.0-canary.1249.9498396051.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Chip/Chip.tokens.js +0 -2
- package/cjs/components/Chip/Chip.tokens.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +2 -2
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/cjs/components/Combobox/utils/index.js +0 -103
- package/cjs/components/Combobox/utils/index.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js +18 -32
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +49 -58
- package/cjs/components/Pagination/Pagination.js +5 -12
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/Pagination.tokens.js +11 -9
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +50 -59
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +26 -20
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +20 -5
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +4 -0
- package/cjs/components/Select/Select.css +60 -65
- package/cjs/components/Select/Select.js +201 -254
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +36 -51
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_1q3i6gw.css +4 -0
- package/cjs/components/Select/Select.tokens.js +166 -58
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyNavigation.js.map +1 -0
- package/{es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.css → cjs/components/Select/ui/SelectChip/SelectChip.css} +1 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.js +39 -0
- package/cjs/components/Select/ui/SelectChip/SelectChip.js.map +1 -0
- package/cjs/components/Select/{elements/Target/elements/Textfield/elements/Chip/Chip.styles.js → ui/SelectChip/SelectChip.styles.js} +8 -5
- package/cjs/components/Select/ui/SelectChip/SelectChip.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +35 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +41 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +35 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +41 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +35 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +41 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +35 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +41 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +35 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.js +40 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +1 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +19 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +1 -0
- package/cjs/components/Select/ui/SelectItem/variations/_size/base.js +9 -0
- package/cjs/components/Select/ui/SelectItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Select/ui/SelectItem/variations/_view/base.js +9 -0
- package/cjs/components/Select/ui/SelectItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Select/{elements/Target/elements/Textfield/Textfield.css → ui/SelectTarget/SelectTarget.css} +7 -13
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +148 -0
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -0
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +112 -0
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +1 -0
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +6 -0
- package/cjs/components/Select/utils/index.js +112 -0
- package/cjs/components/Select/utils/index.js.map +1 -0
- package/cjs/components/Select/variations/_target/base.js +9 -0
- package/cjs/components/Select/variations/_target/base.js.map +1 -0
- package/cjs/components/Select/variations/_target/base_x642ct.css +1 -0
- package/cjs/engines/common.js.map +1 -1
- package/cjs/index.css +27 -43
- package/cjs/index.js +18 -6
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Chip/Chip.tokens.js +0 -2
- package/es/components/Chip/Chip.tokens.js.map +1 -1
- package/es/components/Combobox/Combobox.js +2 -2
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -1
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map +1 -1
- package/es/components/Combobox/utils/index.js +3 -102
- package/es/components/Combobox/utils/index.js.map +1 -1
- package/es/components/Dropdown/Dropdown.tokens.js +18 -32
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Pagination/Pagination.css +49 -58
- package/es/components/Pagination/Pagination.js +5 -12
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/Pagination.tokens.js +11 -9
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +50 -59
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +29 -23
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +19 -6
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +4 -0
- package/es/components/Select/Select.css +60 -65
- package/es/components/Select/Select.js +198 -250
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +34 -48
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_1q3i6gw.css +4 -0
- package/es/components/Select/Select.tokens.js +166 -58
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyNavigation.js.map +1 -0
- package/{cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.css → es/components/Select/ui/SelectChip/SelectChip.css} +1 -1
- package/es/components/Select/ui/SelectChip/SelectChip.js +35 -0
- package/es/components/Select/ui/SelectChip/SelectChip.js.map +1 -0
- package/es/components/Select/ui/SelectChip/SelectChip.styles.js +22 -0
- package/es/components/Select/ui/SelectChip/SelectChip.styles.js.map +1 -0
- package/es/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +35 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +36 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +35 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +36 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +35 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +36 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +35 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +36 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectItem/SelectItem.css +35 -0
- package/es/components/Select/ui/SelectItem/SelectItem.js +35 -0
- package/es/components/Select/ui/SelectItem/SelectItem.js.map +1 -0
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js +15 -0
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +1 -0
- package/es/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +1 -0
- package/es/components/Select/ui/SelectItem/variations/_size/base.js +5 -0
- package/es/components/Select/ui/SelectItem/variations/_size/base.js.map +1 -0
- package/es/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +1 -0
- package/es/components/Select/ui/SelectItem/variations/_view/base.js +5 -0
- package/es/components/Select/ui/SelectItem/variations/_view/base.js.map +1 -0
- package/es/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +1 -0
- package/es/components/Select/{elements/Target/elements/Textfield/Textfield.css → ui/SelectTarget/SelectTarget.css} +7 -13
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +144 -0
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -0
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +103 -0
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +1 -0
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +6 -0
- package/es/components/Select/utils/index.js +105 -0
- package/es/components/Select/utils/index.js.map +1 -0
- package/es/components/Select/variations/_target/base.js +5 -0
- package/es/components/Select/variations/_target/base.js.map +1 -0
- package/es/components/Select/variations/_target/base_x642ct.css +1 -0
- package/es/engines/common.js.map +1 -1
- package/es/index.css +27 -43
- package/es/index.js +7 -4
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.template-doc.mdx +3 -3
- package/styled-components/cjs/components/Chip/Chip.tokens.js +0 -2
- package/styled-components/cjs/components/Combobox/Combobox.js +6 -6
- package/styled-components/cjs/components/Combobox/hooks/index.js +1 -14
- package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +5 -4
- package/styled-components/cjs/components/Combobox/utils/index.js +1 -105
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +18 -32
- package/styled-components/cjs/components/Pagination/Pagination.js +5 -12
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +2 -2
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +11 -9
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +35 -22
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +8 -3
- package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Select/Select.js +193 -249
- package/styled-components/cjs/components/Select/Select.styles.js +23 -28
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +115 -0
- package/styled-components/cjs/components/Select/Select.tokens.js +167 -73
- package/styled-components/cjs/components/Select/hooks/index.js +12 -0
- package/styled-components/cjs/components/Select/index.js +20 -3
- package/styled-components/cjs/components/Select/{elements/Target/elements/Textfield/elements/Chip/Chip.js → ui/SelectChip/SelectChip.js} +27 -24
- package/styled-components/cjs/components/Select/ui/SelectChip/SelectChip.styles.js +25 -0
- package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.js +29 -0
- package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/tokens.json +8 -0
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.js +29 -0
- package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json +12 -0
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json +9 -0
- package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.js +29 -0
- package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/tokens.json +20 -0
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/tokens.json +10 -0
- package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.js +29 -0
- package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/tokens.json +12 -0
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/tokens.json +9 -0
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +29 -0
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +13 -0
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/tokens.json +19 -0
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/tokens.json +9 -0
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +157 -0
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +69 -0
- package/styled-components/cjs/components/Select/ui/index.js +77 -0
- package/styled-components/cjs/components/Select/utils/index.js +102 -51
- package/styled-components/cjs/components/Select/variations/_target/base.js +8 -0
- package/styled-components/cjs/components/Select/variations/_target/tokens.json +1 -0
- package/styled-components/cjs/components/_Icon/index.js +1 -15
- package/styled-components/cjs/examples/_helpers.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +10 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.js +13 -9
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +202 -768
- package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +10 -20
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.js +13 -9
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +198 -768
- package/styled-components/cjs/hooks/index.js +0 -7
- package/styled-components/cjs/utils/index.js +0 -7
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Button/Button.template-doc.mdx +3 -3
- package/styled-components/es/components/Chip/Chip.tokens.js +0 -2
- package/styled-components/es/components/Combobox/Combobox.js +2 -2
- package/styled-components/es/components/Combobox/hooks/index.js +1 -2
- package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +2 -1
- package/styled-components/es/components/Combobox/utils/index.js +1 -105
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +18 -32
- package/styled-components/es/components/Pagination/Pagination.js +5 -12
- package/styled-components/es/components/Pagination/Pagination.styles.js +2 -2
- package/styled-components/es/components/Pagination/Pagination.tokens.js +11 -9
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +33 -22
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +8 -3
- package/styled-components/es/components/Segment/Segment.template-doc.mdx +1 -1
- package/styled-components/es/components/Select/Select.js +190 -245
- package/styled-components/es/components/Select/Select.styles.js +21 -25
- package/styled-components/es/components/Select/Select.template-doc.mdx +115 -0
- package/styled-components/es/components/Select/Select.tokens.js +166 -72
- package/styled-components/es/components/Select/hooks/index.js +1 -0
- package/styled-components/es/components/Select/index.js +2 -2
- package/styled-components/es/components/Select/ui/SelectChip/SelectChip.js +31 -0
- package/styled-components/es/components/Select/ui/SelectChip/SelectChip.styles.js +19 -0
- package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.js +23 -0
- package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/tokens.json +8 -0
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.js +23 -0
- package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/tokens.json +12 -0
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/tokens.json +9 -0
- package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.js +23 -0
- package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/tokens.json +20 -0
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/tokens.json +10 -0
- package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.js +23 -0
- package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/tokens.json +12 -0
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/tokens.json +9 -0
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +23 -0
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +8 -0
- package/styled-components/es/components/Select/ui/SelectItem/variations/_size/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectItem/variations/_size/tokens.json +19 -0
- package/styled-components/es/components/Select/ui/SelectItem/variations/_view/base.js +2 -0
- package/styled-components/es/components/Select/ui/SelectItem/variations/_view/tokens.json +9 -0
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +148 -0
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +62 -0
- package/styled-components/es/components/Select/ui/index.js +6 -0
- package/styled-components/es/components/Select/utils/index.js +106 -8
- package/styled-components/es/components/Select/variations/_target/base.js +2 -0
- package/styled-components/es/components/Select/variations/_target/tokens.json +1 -0
- package/styled-components/es/components/_Icon/index.js +1 -3
- package/styled-components/es/examples/_helpers.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +10 -20
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.js +12 -3
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +202 -768
- package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +7 -7
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +10 -20
- package/styled-components/es/examples/plasma_web/components/Select/Select.js +12 -3
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +198 -768
- package/styled-components/es/hooks/index.js +0 -1
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Chip/Chip.tokens.d.ts +0 -2
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Combobox/hooks/index.d.ts +0 -1
- package/types/components/Combobox/hooks/index.d.ts.map +1 -1
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map +1 -1
- package/types/components/Combobox/utils/index.d.ts +1 -13
- package/types/components/Combobox/utils/index.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.tokens.d.ts +17 -17
- package/types/components/Dropdown/Dropdown.tokens.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +9 -5
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +11 -9
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.types.d.ts +1 -6
- package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +43 -53
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts +2 -5
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +8 -7
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +6 -11
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +165 -71
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +65 -128
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/index.d.ts +2 -0
- package/types/components/Select/hooks/index.d.ts.map +1 -0
- package/types/components/Select/hooks/useKeyNavigation.d.ts.map +1 -0
- package/types/components/Select/index.d.ts +3 -3
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/ui/SelectChip/SelectChip.d.ts +7 -0
- package/types/components/Select/ui/SelectChip/SelectChip.d.ts.map +1 -0
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +3 -0
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts +37 -0
- package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts.map +1 -0
- package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts +29 -0
- package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts.map +1 -0
- package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts +3 -0
- package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts +3 -0
- package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts.map +1 -0
- package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts +2 -0
- package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts +2 -0
- package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts +29 -0
- package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts.map +1 -0
- package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts +3 -0
- package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts +3 -0
- package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts.map +1 -0
- package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts +2 -0
- package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts +2 -0
- package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts +37 -0
- package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts.map +1 -0
- package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts +3 -0
- package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts +3 -0
- package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts.map +1 -0
- package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts +2 -0
- package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts +2 -0
- package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts +29 -0
- package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts.map +1 -0
- package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts +3 -0
- package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts +3 -0
- package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts.map +1 -0
- package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts +2 -0
- package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts +2 -0
- package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts +53 -0
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +1 -0
- package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts +3 -0
- package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +3 -0
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts.map +1 -0
- package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts +2 -0
- package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts +2 -0
- package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts +7 -0
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -0
- package/types/components/Select/{elements/SelectNotFoundContent/SelectNotFoundContent.styles.d.ts → ui/SelectTarget/SelectTarget.styles.d.ts} +12 -6
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +1 -0
- package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts +60 -0
- package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts.map +1 -0
- package/types/components/Select/ui/index.d.ts +7 -0
- package/types/components/Select/ui/index.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +13 -8
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/variations/_target/base.d.ts +2 -0
- package/types/components/Select/variations/_target/base.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +0 -2
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/engines/common.d.ts +1 -1
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -1
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Pagination/Pagination.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +5 -15
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +55 -70
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts +1 -1
- package/types/examples/plasma_web/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Pagination/Pagination.d.ts +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +5 -15
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +55 -70
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Combobox/hooks/useKeyNavigation.js.map +0 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +0 -3
- package/cjs/components/Select/Select.styles_zx0ztg.css +0 -5
- package/cjs/components/Select/elements/Inner/Inner.css +0 -106
- package/cjs/components/Select/elements/Inner/Inner.js +0 -82
- package/cjs/components/Select/elements/Inner/Inner.js.map +0 -1
- package/cjs/components/Select/elements/Inner/elements/Item/Item.css +0 -106
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js +0 -99
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js.map +0 -1
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js +0 -104
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js.map +0 -1
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles_545sy7.css +0 -8
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.css +0 -30
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +0 -20
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js.map +0 -1
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +0 -41
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js.map +0 -1
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles_r1sne.css +0 -4
- package/cjs/components/Select/elements/Target/Target.css +0 -66
- package/cjs/components/Select/elements/Target/Target.js +0 -63
- package/cjs/components/Select/elements/Target/Target.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Button/Button.css +0 -33
- package/cjs/components/Select/elements/Target/elements/Button/Button.js +0 -59
- package/cjs/components/Select/elements/Target/elements/Button/Button.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +0 -52
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles_1r519o1.css +0 -5
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +0 -113
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +0 -113
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles_hp8mkt.css +0 -12
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +0 -36
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map +0 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles_k6znfr.css +0 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +0 -314
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/components/Select/hooks/usePathMaps.js +0 -37
- package/cjs/components/Select/hooks/usePathMaps.js.map +0 -1
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/cjs/components/Select/reducers/focusedPathReducer.js +0 -37
- package/cjs/components/Select/reducers/focusedPathReducer.js.map +0 -1
- package/cjs/components/Select/reducers/pathReducer.js +0 -41
- package/cjs/components/Select/reducers/pathReducer.js.map +0 -1
- package/cjs/components/Select/utils/getButtonLabel.js +0 -47
- package/cjs/components/Select/utils/getButtonLabel.js.map +0 -1
- package/cjs/components/Select/utils/getCorrectHeight.js +0 -13
- package/cjs/components/Select/utils/getCorrectHeight.js.map +0 -1
- package/cjs/components/Select/utils/getView.js +0 -27
- package/cjs/components/Select/utils/getView.js.map +0 -1
- package/cjs/components/Select/utils/initialItemsTransform.js +0 -19
- package/cjs/components/Select/utils/initialItemsTransform.js.map +0 -1
- package/cjs/components/Select/utils/sizeToIconSize.js +0 -11
- package/cjs/components/Select/utils/sizeToIconSize.js.map +0 -1
- package/cjs/components/Select/utils/updateAncestors.js +0 -32
- package/cjs/components/Select/utils/updateAncestors.js.map +0 -1
- package/cjs/components/Select/utils/updateDescendants.js +0 -16
- package/cjs/components/Select/utils/updateDescendants.js.map +0 -1
- package/cjs/components/Select/utils/updateSingleAncestors.js +0 -13
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +0 -33
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +0 -31
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js.map +0 -1
- package/cjs/hooks/useOutsideClick.js +0 -26
- package/cjs/hooks/useOutsideClick.js.map +0 -1
- package/cjs/utils/isEmpty.js +0 -49
- package/cjs/utils/isEmpty.js.map +0 -1
- package/es/components/Combobox/hooks/useKeyNavigation.js.map +0 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +0 -3
- package/es/components/Select/Select.styles_zx0ztg.css +0 -5
- package/es/components/Select/elements/Inner/Inner.css +0 -106
- package/es/components/Select/elements/Inner/Inner.js +0 -78
- package/es/components/Select/elements/Inner/Inner.js.map +0 -1
- package/es/components/Select/elements/Inner/elements/Item/Item.css +0 -106
- package/es/components/Select/elements/Inner/elements/Item/Item.js +0 -95
- package/es/components/Select/elements/Inner/elements/Item/Item.js.map +0 -1
- package/es/components/Select/elements/Inner/elements/Item/Item.styles.js +0 -93
- package/es/components/Select/elements/Inner/elements/Item/Item.styles.js.map +0 -1
- package/es/components/Select/elements/Inner/elements/Item/Item.styles_545sy7.css +0 -8
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.css +0 -30
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +0 -16
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js.map +0 -1
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +0 -34
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js.map +0 -1
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles_r1sne.css +0 -4
- package/es/components/Select/elements/Target/Target.css +0 -66
- package/es/components/Select/elements/Target/Target.js +0 -59
- package/es/components/Select/elements/Target/Target.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Button/Button.css +0 -33
- package/es/components/Select/elements/Target/elements/Button/Button.js +0 -55
- package/es/components/Select/elements/Target/elements/Button/Button.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js +0 -44
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Button/Button.styles_1r519o1.css +0 -5
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js +0 -109
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +0 -98
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles_hp8mkt.css +0 -12
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +0 -32
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +0 -19
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map +0 -1
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles_k6znfr.css +0 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +0 -309
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +0 -1
- package/es/components/Select/hooks/usePathMaps.js +0 -33
- package/es/components/Select/hooks/usePathMaps.js.map +0 -1
- package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/es/components/Select/reducers/focusedPathReducer.js +0 -33
- package/es/components/Select/reducers/focusedPathReducer.js.map +0 -1
- package/es/components/Select/reducers/pathReducer.js +0 -37
- package/es/components/Select/reducers/pathReducer.js.map +0 -1
- package/es/components/Select/utils/getButtonLabel.js +0 -43
- package/es/components/Select/utils/getButtonLabel.js.map +0 -1
- package/es/components/Select/utils/getCorrectHeight.js +0 -9
- package/es/components/Select/utils/getCorrectHeight.js.map +0 -1
- package/es/components/Select/utils/getView.js +0 -23
- package/es/components/Select/utils/getView.js.map +0 -1
- package/es/components/Select/utils/initialItemsTransform.js +0 -15
- package/es/components/Select/utils/initialItemsTransform.js.map +0 -1
- package/es/components/Select/utils/sizeToIconSize.js +0 -7
- package/es/components/Select/utils/sizeToIconSize.js.map +0 -1
- package/es/components/Select/utils/updateAncestors.js +0 -28
- package/es/components/Select/utils/updateAncestors.js.map +0 -1
- package/es/components/Select/utils/updateDescendants.js +0 -12
- package/es/components/Select/utils/updateDescendants.js.map +0 -1
- package/es/components/Select/utils/updateSingleAncestors.js +0 -9
- package/es/components/Select/utils/updateSingleAncestors.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +0 -29
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +0 -27
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map +0 -1
- package/es/hooks/useOutsideClick.js +0 -22
- package/es/hooks/useOutsideClick.js.map +0 -1
- package/es/utils/isEmpty.js +0 -45
- package/es/utils/isEmpty.js.map +0 -1
- package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.js +0 -18
- package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js +0 -24
- package/styled-components/cjs/components/Select/elements/Inner/Inner.js +0 -80
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js +0 -97
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js +0 -63
- package/styled-components/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +0 -19
- package/styled-components/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +0 -25
- package/styled-components/cjs/components/Select/elements/Target/Target.js +0 -62
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.js +0 -58
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +0 -30
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +0 -111
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +0 -63
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +0 -21
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +0 -316
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +0 -33
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/styled-components/cjs/components/Select/reducers/focusedPathReducer.js +0 -40
- package/styled-components/cjs/components/Select/reducers/index.js +0 -38
- package/styled-components/cjs/components/Select/reducers/pathReducer.js +0 -44
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +0 -43
- package/styled-components/cjs/components/Select/utils/getCorrectHeight.js +0 -12
- package/styled-components/cjs/components/Select/utils/getView.js +0 -26
- package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +0 -18
- package/styled-components/cjs/components/Select/utils/sizeToIconSize.js +0 -10
- package/styled-components/cjs/components/Select/utils/updateAncestors.js +0 -31
- package/styled-components/cjs/components/Select/utils/updateDescendants.js +0 -15
- package/styled-components/cjs/components/Select/utils/updateSingleAncestors.js +0 -12
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +0 -32
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +0 -30
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Select/style.css +0 -38
- package/styled-components/cjs/examples/plasma_web/components/Select/style.css +0 -38
- package/styled-components/cjs/hooks/useOutsideClick.js +0 -24
- package/styled-components/cjs/utils/isEmpty.js +0 -47
- package/styled-components/es/components/Select/elements/InfiniteLoader/InfiniteLoader.js +0 -11
- package/styled-components/es/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js +0 -17
- package/styled-components/es/components/Select/elements/Inner/Inner.js +0 -73
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.js +0 -88
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.styles.js +0 -56
- package/styled-components/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +0 -12
- package/styled-components/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +0 -18
- package/styled-components/es/components/Select/elements/Target/Target.js +0 -55
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.js +0 -51
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.styles.js +0 -23
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.js +0 -104
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +0 -56
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +0 -28
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +0 -14
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +0 -310
- package/styled-components/es/components/Select/hooks/usePathMaps.js +0 -27
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/styled-components/es/components/Select/reducers/focusedPathReducer.js +0 -34
- package/styled-components/es/components/Select/reducers/index.js +0 -3
- package/styled-components/es/components/Select/reducers/pathReducer.js +0 -38
- package/styled-components/es/components/Select/utils/getButtonLabel.js +0 -37
- package/styled-components/es/components/Select/utils/getCorrectHeight.js +0 -6
- package/styled-components/es/components/Select/utils/getView.js +0 -20
- package/styled-components/es/components/Select/utils/initialItemsTransform.js +0 -12
- package/styled-components/es/components/Select/utils/sizeToIconSize.js +0 -4
- package/styled-components/es/components/Select/utils/updateAncestors.js +0 -25
- package/styled-components/es/components/Select/utils/updateDescendants.js +0 -9
- package/styled-components/es/components/Select/utils/updateSingleAncestors.js +0 -6
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +0 -25
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +0 -23
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownCentered.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureRightCentered.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Select/style.css +0 -38
- package/styled-components/es/examples/plasma_web/components/Select/style.css +0 -38
- package/styled-components/es/hooks/useOutsideClick.js +0 -18
- package/styled-components/es/utils/isEmpty.js +0 -42
- package/types/components/Combobox/Select.types.d.ts +0 -99
- package/types/components/Combobox/Select.types.d.ts.map +0 -1
- package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map +0 -1
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.d.ts +0 -6
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.d.ts.map +0 -1
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts +0 -29
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts.map +0 -1
- package/types/components/Select/elements/Inner/Inner.d.ts +0 -4
- package/types/components/Select/elements/Inner/Inner.d.ts.map +0 -1
- package/types/components/Select/elements/Inner/Inner.type.d.ts +0 -13
- package/types/components/Select/elements/Inner/Inner.type.d.ts.map +0 -1
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts +0 -4
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts.map +0 -1
- package/types/components/Select/elements/Inner/elements/Item/Item.styles.d.ts +0 -18
- package/types/components/Select/elements/Inner/elements/Item/Item.styles.d.ts.map +0 -1
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts +0 -58
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts.map +0 -1
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.d.ts +0 -4
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.d.ts.map +0 -1
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.d.ts.map +0 -1
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts +0 -8
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts.map +0 -1
- package/types/components/Select/elements/Target/Target.d.ts +0 -4
- package/types/components/Select/elements/Target/Target.d.ts.map +0 -1
- package/types/components/Select/elements/Target/Target.types.d.ts +0 -14
- package/types/components/Select/elements/Target/Target.types.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts +0 -4
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts +0 -49
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts +0 -4
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts +0 -4
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.styles.d.ts +0 -60
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.styles.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts +0 -4
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.d.ts +0 -9
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.d.ts.map +0 -1
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.d.ts +0 -3
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.d.ts.map +0 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +0 -43
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +0 -8
- package/types/components/Select/hooks/usePathMaps.d.ts.map +0 -1
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
- package/types/components/Select/reducers/focusedPathReducer.d.ts +0 -16
- package/types/components/Select/reducers/focusedPathReducer.d.ts.map +0 -1
- package/types/components/Select/reducers/index.d.ts +0 -4
- package/types/components/Select/reducers/index.d.ts.map +0 -1
- package/types/components/Select/reducers/pathReducer.d.ts +0 -20
- package/types/components/Select/reducers/pathReducer.d.ts.map +0 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +0 -3
- package/types/components/Select/utils/getButtonLabel.d.ts.map +0 -1
- package/types/components/Select/utils/getCorrectHeight.d.ts +0 -3
- package/types/components/Select/utils/getCorrectHeight.d.ts.map +0 -1
- package/types/components/Select/utils/getView.d.ts +0 -3
- package/types/components/Select/utils/getView.d.ts.map +0 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +0 -3
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +0 -1
- package/types/components/Select/utils/sizeToIconSize.d.ts +0 -3
- package/types/components/Select/utils/sizeToIconSize.d.ts.map +0 -1
- package/types/components/Select/utils/updateAncestors.d.ts +0 -4
- package/types/components/Select/utils/updateAncestors.d.ts.map +0 -1
- package/types/components/Select/utils/updateDescendants.d.ts +0 -4
- package/types/components/Select/utils/updateDescendants.d.ts.map +0 -1
- package/types/components/Select/utils/updateSingleAncestors.d.ts +0 -4
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts.map +0 -1
- package/types/hooks/useOutsideClick.d.ts +0 -3
- package/types/hooks/useOutsideClick.d.ts.map +0 -1
- package/types/utils/isEmpty.d.ts +0 -3
- package/types/utils/isEmpty.d.ts.map +0 -1
- /package/cjs/components/{Combobox → Select}/hooks/useKeyNavigation.js +0 -0
- /package/es/components/{Combobox → Select}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/{Combobox → Select}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/{Combobox/Select.types.js → Select/ui/SelectChip/SelectChip.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{elements/Inner/Inner.type.js → ui/SelectDivider/SelectDivider.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{elements/Inner/elements/Item/Item.types.js → ui/SelectFooter/SelectFooter.type.js} +0 -0
- /package/styled-components/cjs/components/Select/{elements/SelectNotFoundContent/SelectNotFoundContent.types.js → ui/SelectGroup/SelectGroup.type.js} +0 -0
- /package/styled-components/cjs/components/Select/{elements/Target/Target.types.js → ui/SelectHeader/SelectHeader.type.js} +0 -0
- /package/styled-components/cjs/components/Select/{elements/Target/elements/Button/Button.types.js → ui/SelectItem/SelectItem.type.js} +0 -0
- /package/styled-components/cjs/components/Select/{elements/Target/elements/Textfield/Textfield.types.js → ui/SelectTarget/SelectTarget.types.js} +0 -0
- /package/styled-components/es/components/{Combobox → Select}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/es/components/{Combobox/Select.types.js → Select/ui/SelectChip/SelectChip.types.js} +0 -0
- /package/styled-components/es/components/Select/{elements/Inner/Inner.type.js → ui/SelectDivider/SelectDivider.types.js} +0 -0
- /package/styled-components/es/components/Select/{elements/Inner/elements/Item/Item.types.js → ui/SelectFooter/SelectFooter.type.js} +0 -0
- /package/styled-components/es/components/Select/{elements/SelectNotFoundContent/SelectNotFoundContent.types.js → ui/SelectGroup/SelectGroup.type.js} +0 -0
- /package/styled-components/es/components/Select/{elements/Target/Target.types.js → ui/SelectHeader/SelectHeader.type.js} +0 -0
- /package/styled-components/es/components/Select/{elements/Target/elements/Button/Button.types.js → ui/SelectItem/SelectItem.type.js} +0 -0
- /package/styled-components/es/components/Select/{elements/Target/elements/Textfield/Textfield.types.js → ui/SelectTarget/SelectTarget.types.js} +0 -0
- /package/types/components/{Combobox → Select}/hooks/useKeyNavigation.d.ts +0 -0
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Select.
|
1
|
+
import './Select.styles_1q3i6gw.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -7,70 +7,55 @@ var react = require('@linaria/react');
|
|
7
7
|
require('@linaria/core');
|
8
8
|
var common = require('../../engines/common.js');
|
9
9
|
var Popover$1 = require('../Popover/Popover.js');
|
10
|
-
var getCorrectHeight = require('./utils/getCorrectHeight.js');
|
11
|
-
require('react');
|
12
|
-
require('../../utils/react.js');
|
13
|
-
var Select_tokens = require('./Select.tokens.js');
|
14
10
|
|
11
|
+
var StyledRoot = /*#__PURE__*/react.styled('div')({
|
12
|
+
name: "StyledRoot",
|
13
|
+
"class": "spxbau6",
|
14
|
+
propsAsIs: false
|
15
|
+
});
|
16
|
+
var StyledSelect = /*#__PURE__*/react.styled('div')({
|
17
|
+
name: "StyledSelect",
|
18
|
+
"class": "s1yey2x3",
|
19
|
+
propsAsIs: false
|
20
|
+
});
|
21
|
+
|
22
|
+
// issue #823
|
15
23
|
var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
|
16
|
-
var
|
24
|
+
var _exp12 = function _exp12() {
|
17
25
|
return Popover;
|
18
26
|
};
|
19
|
-
var
|
20
|
-
name: "StyledPopover",
|
21
|
-
"class": "spxbau6",
|
22
|
-
propsAsIs: true
|
23
|
-
});
|
24
|
-
var _exp7 = function _exp7() {
|
27
|
+
var _exp15 = function _exp15() {
|
25
28
|
return function (_ref) {
|
26
|
-
var
|
27
|
-
|
29
|
+
var usePortal = _ref.usePortal,
|
30
|
+
selectWidth = _ref.selectWidth;
|
31
|
+
return usePortal ? "".concat(selectWidth, "px") : '100%';
|
28
32
|
};
|
29
33
|
};
|
30
|
-
var
|
34
|
+
var StyledPopover = /*#__PURE__*/react.styled(_exp12())({
|
35
|
+
name: "StyledPopover",
|
36
|
+
"class": "svro45w",
|
37
|
+
propsAsIs: true,
|
38
|
+
vars: {
|
39
|
+
"svro45w-0": [/*#__PURE__*/_exp15()]
|
40
|
+
}
|
41
|
+
});
|
42
|
+
var _exp16 = function _exp16() {
|
31
43
|
return function (_ref2) {
|
32
|
-
var
|
33
|
-
return
|
34
|
-
};
|
35
|
-
};
|
36
|
-
var _exp9 = function _exp9() {
|
37
|
-
return function (_ref3) {
|
38
|
-
var listOverflow = _ref3.listOverflow;
|
39
|
-
return listOverflow || 'initial';
|
40
|
-
};
|
41
|
-
};
|
42
|
-
var _exp10 = function _exp10() {
|
43
|
-
return function (_ref4) {
|
44
|
-
var isInnerUl = _ref4.isInnerUl;
|
45
|
-
return isInnerUl ? "calc(var(".concat(Select_tokens.tokens.padding, ") * -1) 0 0 var(").concat(Select_tokens.tokens.padding, ")") : 0;
|
44
|
+
var disabled = _ref2.disabled;
|
45
|
+
return disabled ? 'not-allowed' : 'pointer';
|
46
46
|
};
|
47
47
|
};
|
48
|
-
var
|
49
|
-
name: "
|
50
|
-
"class": "
|
48
|
+
var StyledNativeSelect = /*#__PURE__*/react.styled('select')({
|
49
|
+
name: "StyledNativeSelect",
|
50
|
+
"class": "sgpldc9",
|
51
51
|
propsAsIs: false,
|
52
52
|
vars: {
|
53
|
-
"
|
54
|
-
"u1yey2x3-1": [/*#__PURE__*/_exp8()],
|
55
|
-
"u1yey2x3-2": [/*#__PURE__*/_exp9()],
|
56
|
-
"u1yey2x3-3": [/*#__PURE__*/_exp10()]
|
53
|
+
"sgpldc9-0": [/*#__PURE__*/_exp16()]
|
57
54
|
}
|
58
55
|
});
|
59
|
-
var base = "bvro45w";
|
60
|
-
var OuterLabel = /*#__PURE__*/react.styled('label')({
|
61
|
-
name: "OuterLabel",
|
62
|
-
"class": "ogpldc9",
|
63
|
-
propsAsIs: false
|
64
|
-
});
|
65
|
-
var HelperText = /*#__PURE__*/react.styled('div')({
|
66
|
-
name: "HelperText",
|
67
|
-
"class": "h2ef052",
|
68
|
-
propsAsIs: false
|
69
|
-
});
|
70
56
|
|
71
|
-
exports.
|
72
|
-
exports.OuterLabel = OuterLabel;
|
57
|
+
exports.StyledNativeSelect = StyledNativeSelect;
|
73
58
|
exports.StyledPopover = StyledPopover;
|
74
|
-
exports.
|
75
|
-
exports.
|
59
|
+
exports.StyledRoot = StyledRoot;
|
60
|
+
exports.StyledSelect = StyledSelect;
|
76
61
|
//# sourceMappingURL=Select.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\
|
1
|
+
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { tokens, classes } from './Select.tokens';\n\nconst { nativeSelectVisible, selectTarget } = classes;\n\nexport const StyledRoot = styled.div`\n width: 100%;\n position: relative;\n\n .${String(nativeSelectVisible)} {\n display: block;\n }\n\n & .${popoverClasses.wrapper} {\n display: block;\n }\n`;\n\nexport const StyledSelect = styled.div`\n box-sizing: border-box;\n overflow-y: auto;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n display: block;\n\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n }\n`;\n\nexport const StyledNativeSelect = styled.select`\n display: none;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: transparent;\n border: none;\n outline: none;\n opacity: 1;\n position: absolute;\n inset: -0.125rem;\n z-index: 1;\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n font-size: 1rem;\n\n &:hover:not(:disabled) + .${String(popoverClasses.wrapper)} .${String(selectTarget)} {\n background: var(${tokens.targetBackgroundColorHover});\n }\n\n &:focus-visible {\n border-radius: var(${tokens.borderRadius});\n box-shadow: 0 0 0 0.0625rem var(${tokens.focusColor});\n }\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledSelect","Popover","component","popoverConfig","_exp12","_exp15","_ref","usePortal","selectWidth","concat","StyledPopover","vars","_exp16","_ref2","disabled","StyledNativeSelect"],"mappings":";;;;;;;;;AASO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAajC,EAAA;;AAED;AACA,IAAME,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,MAAA,GArCvBA,SAqCuBA,MAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,MAAA,GAvCzBA,SAuCyBA,MAAAA,GAAA;AAAA,EAAA,OAI1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBD,SAAS,GAAAE,EAAAA,CAAAA,MAAA,CAAMD,WAAY,UAAM,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJnF,IAAME,aAAa,gBAAGd,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIlBN,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAAC,IAAAO,MAAA,GA7CgBA,SA6ChBA,MAAAA,GAAA;AAAA,EAAA,OAeY,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,aAAa,GAAG,SAAU,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAb/D,IAAMC,kBAAkB,gBAAGnB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAa1BC,MAAwD,EAAA,CAAA;AAAA,GAAA;AAAA,CAWrE;;;;;;;"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
.spxbau6{width:100%;position:relative;}.spxbau6 .native-select-visible{display:block;}.spxbau6 .popover-wrapper{display:block;}
|
2
|
+
.s1yey2x3{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
|
3
|
+
.svro45w{display:block;}.svro45w .popover-root,.svro45w .popover-target{width:var(--svro45w-0);}
|
4
|
+
.sgpldc9{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:1;position:absolute;inset:-0.125rem;z-index:1;cursor:var(--sgpldc9-0);font-size:1rem;}.sgpldc9:hover:not(:disabled) + .popover-wrapper .select-target{background:var(--plasma-select-target-background-color-hover);}.sgpldc9:focus-visible{border-radius:var(--plasma-select-border-radius);box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}
|
@@ -3,82 +3,190 @@
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
4
4
|
|
5
5
|
var classes = {
|
6
|
-
|
7
|
-
|
8
|
-
|
6
|
+
selectTarget: 'select-target',
|
7
|
+
selectTargeText: 'select-target-text',
|
8
|
+
selectTargetLabel: 'select-target-label',
|
9
9
|
selectTargetArrow: 'select-target-arrow',
|
10
10
|
arrowInverse: 'arrow-inverse',
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
11
|
+
selectItemIsSelected: 'select-item-is-selected',
|
12
|
+
selectItemIsDisabled: 'select-item-is-disabled',
|
13
|
+
nativeSelectVisible: 'native-select-visible',
|
14
|
+
hasNoFocus: 'has-no-focus',
|
15
|
+
hasChips: 'has-chips',
|
16
|
+
innerLabelUp: 'inner-label-up'
|
16
17
|
};
|
17
18
|
var tokens = {
|
19
|
+
background: '--plasma-select-background',
|
20
|
+
boxShadow: '--plasma-select-box-shadow',
|
21
|
+
width: '--plasma-select-width',
|
22
|
+
height: '--plasma-select-height',
|
18
23
|
borderRadius: '--plasma-select-border-radius',
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
24
|
+
paddingTop: '--plasma-select-padding-top',
|
25
|
+
paddingRight: '--plasma-select-padding-right',
|
26
|
+
paddingBottom: '--plasma-select-padding-bottom',
|
27
|
+
paddingLeft: '--plasma-select-padding-left',
|
28
|
+
itemBackground: '--plasma-select-item-background',
|
29
|
+
itemColor: '--plasma-select-item-color',
|
30
|
+
itemBackgroundHover: '--plasma-select-item-background-hover',
|
31
|
+
itemBackgroundSelected: '--plasma-select-item-background-selected',
|
32
|
+
itemColorSelected: '--plasma-select-item-color-selected',
|
33
|
+
itemBackgroundSelectedHover: '--plasma-select-item-background-selected-hover',
|
34
|
+
itemColorSelectedHover: '--plasma-select-item-color-selected-hover',
|
35
|
+
itemWidth: '--plasma-select-item-width',
|
27
36
|
itemHeight: '--plasma-select-item-height',
|
28
37
|
itemBorderRadius: '--plasma-select-item-border-radius',
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
38
|
+
itemPaddingTop: '--plasma-select-item-padding-top',
|
39
|
+
itemPaddingRight: '--plasma-select-item-padding-right',
|
40
|
+
itemPaddingBottom: '--plasma-select-item-padding-bottom',
|
41
|
+
itemPaddingLeft: '--plasma-select-item-padding-left',
|
42
|
+
itemMarginTop: '--plasma-select-item-margin-top',
|
43
|
+
itemMarginRight: '--plasma-select-item-margin-right',
|
44
|
+
itemMarginBottom: '--plasma-select-item-margin-bottom',
|
45
|
+
itemMarginLeft: '--plasma-select-item-margin-left',
|
46
|
+
itemFontFamily: '--plasma-select-item-font-family',
|
47
|
+
itemFontSize: '--plasma-select-item-font-size',
|
48
|
+
itemFontStyle: '--plasma-select-item-font-style',
|
49
|
+
itemFontWeightBold: '--plasma-select-item-letter-spacing',
|
50
|
+
itemFontLetterSpacing: '--plasma-select-item-line-height',
|
51
|
+
itemFontLineHeight: '--plasma-select-item-font-weight',
|
52
|
+
itemContentLeftColor: '--plasma-select-item-content-left-color',
|
53
|
+
itemContentRightColor: '--plasma-select-item-content-right-color',
|
54
|
+
itemContentLeftWidth: '--plasma-select-item-content-left-width',
|
55
|
+
itemContentRightWidth: '--plasma-select-item-content-right-width',
|
56
|
+
footerBackground: '--plasma-select-footer-background',
|
57
|
+
footerWidth: '--plasma-select-footer-width',
|
58
|
+
footerHeight: '--plasma-select-footer-height',
|
59
|
+
footerPaddingTop: '--plasma-select-footer-padding-top',
|
60
|
+
footerPaddingRight: '--plasma-select-footer-padding-right',
|
61
|
+
footerPaddingBottom: '--plasma-select-footer-padding-bottom',
|
62
|
+
footerPaddingLeft: '--plasma-select-footer-padding-left',
|
63
|
+
footerMarginTop: '--plasma-select-footer-margin-top',
|
64
|
+
footerMarginRight: '--plasma-select-footer-margin-right',
|
65
|
+
footerMarginBottom: '--plasma-select-footer-margin-bottom',
|
66
|
+
footerMarginLeft: '--plasma-select-footer-margin-left',
|
67
|
+
footerFontFamily: '--plasma-select-footer-font-family',
|
68
|
+
footerFontSize: '--plasma-select-footer-font-size',
|
69
|
+
footerFontStyle: '--plasma-select-footer-font-style',
|
70
|
+
footerFontWeightBold: '--plasma-select-footer-letter-spacing',
|
71
|
+
footerFontLetterSpacing: '--plasma-select-footer-line-height',
|
72
|
+
footerFontLineHeight: '--plasma-select-footer-font-weight',
|
73
|
+
headerBackground: '--plasma-select-header-background',
|
74
|
+
headerWidth: '--plasma-select-header-width',
|
75
|
+
headerHeight: '--plasma-select-header-height',
|
76
|
+
headerPaddingTop: '--plasma-select-header-padding-top',
|
77
|
+
headerPaddingRight: '--plasma-select-header-padding-right',
|
78
|
+
headerPaddingBottom: '--plasma-select-header-padding-bottom',
|
79
|
+
headerPaddingLeft: '--plasma-select-header-padding-left',
|
80
|
+
headerMarginTop: '--plasma-select-header-margin-top',
|
81
|
+
headerMarginRight: '--plasma-select-header-margin-right',
|
82
|
+
headerMarginBottom: '--plasma-select-header-margin-bottom',
|
83
|
+
headerMarginLeft: '--plasma-select-header-margin-left',
|
84
|
+
headerFontFamily: '--plasma-select-header-font-family',
|
85
|
+
headerFontSize: '--plasma-select-header-font-size',
|
86
|
+
headerFontStyle: '--plasma-select-header-font-style',
|
87
|
+
headerFontWeightBold: '--plasma-select-header-letter-spacing',
|
88
|
+
headerFontLetterSpacing: '--plasma-select-header-line-height',
|
89
|
+
headerFontLineHeight: '--plasma-select-header-font-weight',
|
90
|
+
dividerColor: '--plasma-select-divider-color',
|
91
|
+
dividerWidth: '--plasma-select-divider-width',
|
92
|
+
dividerHeight: '--plasma-select-divider-height',
|
93
|
+
dividerMarginTop: '--plasma-select-divider-margin-top',
|
94
|
+
dividerMarginRight: '--plasma-select-divider-margin-right',
|
95
|
+
dividerMarginBottom: '--plasma-select-divider-margin-bottom',
|
96
|
+
dividerMarginLeft: '--plasma-select-divider-margin-left',
|
97
|
+
groupBackground: '--plasma-select-group-background',
|
98
|
+
groupWidth: '--plasma-select-group-width',
|
99
|
+
groupHeight: '--plasma-select-group-height',
|
100
|
+
groupPaddingTop: '--plasma-select-group-padding-top',
|
101
|
+
groupPaddingRight: '--plasma-select-group-padding-right',
|
102
|
+
groupPaddingBottom: '--plasma-select-group-padding-bottom',
|
103
|
+
groupPaddingLeft: '--plasma-select-group-padding-left',
|
104
|
+
groupMarginTop: '--plasma-select-group-margin-top',
|
105
|
+
groupMarginRight: '--plasma-select-group-margin-right',
|
106
|
+
groupMarginBottom: '--plasma-select-group-margin-bottom',
|
107
|
+
groupMarginLeft: '--plasma-select-group-margin-left',
|
108
|
+
groupLabelColor: '--plasma-select-group-label-color',
|
109
|
+
groupLabelFontFamily: '--plasma-select-group-label-font-family',
|
110
|
+
groupLabelFontSize: '--plasma-select-group-label-font-size',
|
111
|
+
groupLabelFontStyle: '--plasma-select-group-label-font-style',
|
112
|
+
groupLabelFontWeight: '--plasma-select-group-label-font-weight',
|
113
|
+
groupLabelLetterSpacing: '--plasma-select-group-label-letter-spacing',
|
114
|
+
groupLabelLineHeight: '--plasma-select-group-label-line-height',
|
115
|
+
groupLabelPaddingTop: '--plasma-select-group-label-padding-top',
|
116
|
+
groupLabelPaddingRight: '--plasma-select-group-label-padding-right',
|
117
|
+
groupLabelPaddingBottom: '--plasma-select-group-label-padding-bottom',
|
118
|
+
groupLabelPaddingLeft: '--plasma-select-group-label-padding-left',
|
119
|
+
groupLabelMarginTop: '--plasma-select-group-label-margin-top',
|
120
|
+
groupLabelMarginRight: '--plasma-select-group-label-margin-right',
|
121
|
+
groupLabelMarginBottom: '--plasma-select-group-label-margin-bottom',
|
122
|
+
groupLabelMarginLeft: '--plasma-select-group-label-margin-left',
|
123
|
+
targetColor: '--plasma-select-target-color',
|
124
|
+
targetLabelColor: '--plasma-select-target-label-color',
|
125
|
+
targetArrowColor: '--plasma-select-target-arrow-color',
|
126
|
+
targetArrowRight: '--plasma-select-target-arrow-right',
|
127
|
+
targetBackgroundColor: '--plasma-select-target-background-color',
|
128
|
+
targetBackgroundColorHover: '--plasma-select-target-background-color-hover',
|
129
|
+
targetBackgroundColorActive: '--plasma-select-target-background-color-active',
|
130
|
+
targetBackgroundColorOpen: '--plasma-select-target-background-color-open',
|
131
|
+
targetBorderColor: '--plasma-select-target-border-color',
|
132
|
+
targetBorderColorHover: '--plasma-select-target-border-color-hover',
|
133
|
+
targetBorderColorActive: '--plasma-select-target-border-color-active',
|
134
|
+
targetBorderColorOpen: '--plasma-select-target-border-color-open',
|
135
|
+
targetInnerTop: '--plasma-select-target-inner-top',
|
136
|
+
targetPadding: '--plasma-select-target-padding',
|
137
|
+
targetPaddingWithInput: '--plasma-select-target-with-input',
|
138
|
+
targetPaddingHasChips: '--plasma-select-target-padding-has-chips',
|
61
139
|
targetHeight: '--plasma-select-target-height',
|
62
|
-
|
140
|
+
targetWidth: '--plasma-select-target-width',
|
141
|
+
targetRadius: '--plasma-select-target-radius',
|
142
|
+
targetFontFamily: '--plasma-select-target-font-family',
|
143
|
+
targetFontSize: '--plasma-select-target-font-size',
|
144
|
+
targetFontStyle: '--plasma-select-target-font-style',
|
145
|
+
targetFontWeight: '--plasma-select-target-font-weight',
|
146
|
+
targetLetterSpacing: '--plasma-select-target-letter-spacing',
|
147
|
+
targetLineHeight: '--plasma-select-target-line-height',
|
148
|
+
targetLabelInnerTop: '--plasma-select-target-label-inner-top',
|
149
|
+
targetLabelInnerFontFamily: '--plasma-select-target-label-inner-font-family',
|
150
|
+
targetLabelInnerFontSize: '--plasma-select-target-label-inner-font-family',
|
151
|
+
targetLabelInnerFontStyle: '--plasma-select-target-label-inner-font-style',
|
152
|
+
targetLabelInnerFontWeight: '--plasma-select-target-label-inner-font-weight',
|
153
|
+
targetLabelInnerLetterSpacing: '--plasma-select-target-label-inner-letter-spacing',
|
154
|
+
targetLabelInnerLineHeight: '--plasma-select-target-label-inner-line-height',
|
155
|
+
chipGap: '--plasma-select-chip-gap',
|
63
156
|
chipBackground: '--plasma-select-chip-background',
|
157
|
+
chipColor: '--plasma-select-chip-color',
|
64
158
|
chipBackgroundHover: '--plasma-select-chip-background-hover',
|
159
|
+
chipColorHover: '--plasma-select-chip-color-hover',
|
160
|
+
chipScaleHover: '--plasma-select-chip-scale-hover',
|
161
|
+
chipBackgroundReadOnly: '--plasma-select-chip-background-readonly',
|
162
|
+
chipColorReadOnly: '--plasma-select-chip-color-readonly',
|
163
|
+
chipBackgroundReadOnlyHover: '--plasma-select-chip-background-readonly-hover',
|
164
|
+
chipColorReadOnlyHover: '--plasma-select-chip-color-readonly-hover',
|
65
165
|
chipBackgroundActive: '--plasma-select-chip-background-active',
|
66
|
-
|
166
|
+
chipColorActive: '--plasma-select-chip-color-active',
|
167
|
+
chipScaleActive: '--plasma-select-chip-scale-active',
|
168
|
+
chipFocusColor: '--plasma-select-chip-focus-color',
|
169
|
+
chipCloseIconColor: '--plasma-select-chip-close-icon-color',
|
170
|
+
chipOutlineSize: '--plasma-select-chip-outline-size',
|
67
171
|
chipBorderRadius: '--plasma-select-chip-border-radius',
|
172
|
+
chipWidth: '--plasma-select-chip-width',
|
68
173
|
chipHeight: '--plasma-select-chip-height',
|
174
|
+
chipPaddingTop: '--plasma-select-chip-padding-top',
|
69
175
|
chipPaddingRight: '--plasma-select-chip-padding-right',
|
176
|
+
chipPaddingBottom: '--plasma-select-chip-padding-bottom',
|
70
177
|
chipPaddingLeft: '--plasma-select-chip-padding-left',
|
71
178
|
chipCloseIconSize: '--plasma-select-chip-close-icon-size',
|
179
|
+
chipFontFamily: '--plasma-select-chip-font-family',
|
180
|
+
chipFontSize: '--plasma-select-chip-font-size',
|
181
|
+
chipFontStyle: '--plasma-select-chip-font-style',
|
182
|
+
chipFontWeight: '--plasma-select-chip-font-weight',
|
183
|
+
chipLetterSpacing: '--plasma-select-chip-letter-spacing',
|
184
|
+
chipLineHeight: '--plasma-select-chip-line-height',
|
72
185
|
chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
|
73
186
|
chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
helperTextOffset: '--plasma-select-helper-text-offset',
|
78
|
-
spinnerSize: '--plasma-select-spinner-size',
|
79
|
-
spinnerSizeTight: '--plasma-select-spinner-size-tight',
|
80
|
-
notFoundContentPadding: '--plasma-select-not-found-content-padding',
|
81
|
-
notFoundContentGap: '--plasma-select-not-found-content-gap'
|
187
|
+
chipOpacityReadonly: '--plasma-select-chip-opacity-readonly',
|
188
|
+
disabledOpacity: '--plasma-select-disabled-opacity',
|
189
|
+
focusColor: '--plasma-select-focus-color'
|
82
190
|
};
|
83
191
|
|
84
192
|
exports.classes = classes;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.tokens.js","sources":["../../../src/components/Select/Select.tokens.ts"],"sourcesContent":["export const classes = {\n dropdownItemIsFocused: 'dropdown-item-is-focused',\n dropdownItemIsDisabled: 'dropdown-item-is-disabled',\n dropdownItemIsActive: 'dropdown-item-is-active',\n selectTargetArrow: 'select-target-arrow',\n arrowInverse: 'arrow-inverse',\n textfieldTarget: 'select-textfield-target',\n selectChipIsFocused: 'select-chip-is-focused',\n selectWithoutBoxShadow: 'select-without-box-shadow',\n selectItemCheckbox: 'select-item-checkbox',\n selectSpinner: 'select-spinner',\n};\n\nexport const tokens = {\n borderRadius: '--plasma-select-border-radius',\n padding: '--plasma-select-padding',\n focusOffset: '--plasma-select-focus-offset',\n\n fontFamily: '--plasma-select-font-family',\n fontSize: '--plasma-select-font-size',\n fontStyle: '--plasma-select-font-style',\n fontWeight: '--plasma-select-font-weight',\n fontLetterSpacing: '--plasma-select-font-letter-spacing',\n fontLineHeight: '--plasma-select-font-line-height',\n\n itemHeight: '--plasma-select-item-height',\n itemBorderRadius: '--plasma-select-item-border-radius',\n itemPadding: '--plasma-select-item-padding',\n itemPaddingTight: '--plasma-select-item-padding-tight',\n itemIconSize: '--plasma-select-item-icon-size',\n itemIconSizeTight: '--plasma-select-item-icon-size-tight',\n itemIconMargin: '--plasma-select-item-icon-margin',\n\n checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',\n checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',\n checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',\n checkboxTriggerBorderRadiusTight: '--plasma-select-checkbox-trigger-border-radius-tight',\n checkboxFillColor: '--plasma-select-checkbox-fill-color',\n checkboxIconColor: '--plasma-select-checkbox-icon-color',\n checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',\n\n indicatorSize: '--plasma-select-indicator-size',\n\n targetButtonColor: '--plasma-select-target-button-color',\n targetButtonColorHover: '--plasma-select-target-button-color-hover',\n targetButtonColorActive: '--plasma-select-target-button-color-active',\n targetButtonArrowColor: '--plasma-select-target-button-arrow-color',\n targetButtonArrowColorHover: '--plasma-select-target-button-arrow-color-hover',\n targetButtonArrowColorActive: '--plasma-select-target-button-arrow-color-active',\n targetTextfieldArrowColor: '--plasma-select-target-textfield-arrow-color',\n targetTextfieldArrowColorHover: '--plasma-select-target-textfield-arrow-color-hover',\n targetTextfieldArrowColorActive: '--plasma-select-target-textfield-arrow-color-active',\n targetButtonArrowMargin: '--plasma-select-target-button-arrow-margin',\n targetTextfieldArrowMargin: '--plasma-select-target-textfield-arrow-margin',\n targetButtonBackgroundColor: '--plasma-select-target-button-background-color',\n targetButtonBackgroundColorHover: '--plasma-select-target-button-background-color-hover',\n targetButtonBackgroundColorActive: '--plasma-select-target-button-background-color-active',\n targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',\n targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',\n targetButtonPadding: '--plasma-select-target-button-padding',\n targetTextfieldPadding: '--plasma-select-target-textfield-padding',\n targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',\n targetHeight: '--plasma-select-target-height',\n\n chipColor: '--plasma-select-chip-color',\n chipBackground: '--plasma-select-chip-background',\n chipBackgroundHover: '--plasma-select-chip-background-hover',\n chipBackgroundActive: '--plasma-select-chip-background-active',\n chipGap: '--plasma-select-chip-gap',\n chipBorderRadius: '--plasma-select-chip-border-radius',\n chipHeight: '--plasma-select-chip-height',\n chipPaddingRight: '--plasma-select-chip-padding-right',\n chipPaddingLeft: '--plasma-select-chip-padding-left',\n chipCloseIconSize: '--plasma-select-chip-close-icon-size',\n chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',\n\n labelOffset: '--plasma-select-label-offset',\n\n innerLabelGap: '--plasma-select-inner-label-gap',\n\n helperTextColor: '--plasma-select-helper-text-color',\n helperTextOffset: '--plasma-select-helper-text-offset',\n\n spinnerSize: '--plasma-select-spinner-size',\n spinnerSizeTight: '--plasma-select-spinner-size-tight',\n\n notFoundContentPadding: '--plasma-select-not-found-content-padding',\n notFoundContentGap: '--plasma-select-not-found-content-gap',\n};\n\nexport const constants = {\n focusColor: '--surface-accent',\n focusSize: '0.0625rem',\n background: '--surface-solid-card',\n boxShadow: '--shadow-down-soft-s',\n disclosureIconColor: '--text-secondary',\n disclosureIconColorHover: '--text-secondary-hover',\n itemBackground: '--plasma-colors-transparent',\n itemBackgroundHover: '--surface-transparent-secondary',\n textfieldTargetColor: '--text-primary',\n textfieldOuterLabelColor: '--text-primary',\n textfieldInnerLabelColor: '--text-secondary',\n textfieldPlaceholderColor: '--text-secondary',\n};\n"],"names":["classes","dropdownItemIsFocused","dropdownItemIsDisabled","dropdownItemIsActive","selectTargetArrow","arrowInverse","textfieldTarget","selectChipIsFocused","selectWithoutBoxShadow","selectItemCheckbox","selectSpinner","tokens","borderRadius","padding","focusOffset","fontFamily","fontSize","fontStyle","fontWeight","fontLetterSpacing","fontLineHeight","itemHeight","itemBorderRadius","itemPadding","itemPaddingTight","itemIconSize","itemIconSizeTight","itemIconMargin","checkboxTriggerSize","checkboxTriggerSizeTight","checkboxTriggerBorderRadius","checkboxTriggerBorderRadiusTight","checkboxFillColor","checkboxIconColor","checkboxTriggerBorderColor","indicatorSize","targetButtonColor","targetButtonColorHover","targetButtonColorActive","targetButtonArrowColor","targetButtonArrowColorHover","targetButtonArrowColorActive","targetTextfieldArrowColor","targetTextfieldArrowColorHover","targetTextfieldArrowColorActive","targetButtonArrowMargin","targetTextfieldArrowMargin","targetButtonBackgroundColor","targetButtonBackgroundColorHover","targetButtonBackgroundColorActive","targetTextfieldBackgroundColor","targetTextfieldBackgroundColorOpened","targetButtonPadding","targetTextfieldPadding","targetTextfieldChipPadding","targetHeight","chipColor","chipBackground","chipBackgroundHover","chipBackgroundActive","chipGap","chipBorderRadius","chipHeight","chipPaddingRight","chipPaddingLeft","chipCloseIconSize","chipClearContentMarginLeft","chipClearContentMarginRight","labelOffset","innerLabelGap","helperTextColor","helperTextOffset","spinnerSize","spinnerSizeTight","notFoundContentPadding","notFoundContentGap"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Select.tokens.js","sources":["../../../src/components/Select/Select.tokens.ts"],"sourcesContent":["export const classes = {\n selectTarget: 'select-target',\n selectTargeText: 'select-target-text',\n selectTargetLabel: 'select-target-label',\n selectTargetArrow: 'select-target-arrow',\n arrowInverse: 'arrow-inverse',\n selectItemIsSelected: 'select-item-is-selected',\n selectItemIsDisabled: 'select-item-is-disabled',\n nativeSelectVisible: 'native-select-visible',\n hasNoFocus: 'has-no-focus',\n hasChips: 'has-chips',\n innerLabelUp: 'inner-label-up',\n};\n\nexport const tokens = {\n background: '--plasma-select-background',\n boxShadow: '--plasma-select-box-shadow',\n width: '--plasma-select-width',\n height: '--plasma-select-height',\n borderRadius: '--plasma-select-border-radius',\n paddingTop: '--plasma-select-padding-top',\n paddingRight: '--plasma-select-padding-right',\n paddingBottom: '--plasma-select-padding-bottom',\n paddingLeft: '--plasma-select-padding-left',\n\n itemBackground: '--plasma-select-item-background',\n itemColor: '--plasma-select-item-color',\n itemBackgroundHover: '--plasma-select-item-background-hover',\n itemBackgroundSelected: '--plasma-select-item-background-selected',\n itemColorSelected: '--plasma-select-item-color-selected',\n itemBackgroundSelectedHover: '--plasma-select-item-background-selected-hover',\n itemColorSelectedHover: '--plasma-select-item-color-selected-hover',\n itemWidth: '--plasma-select-item-width',\n itemHeight: '--plasma-select-item-height',\n itemBorderRadius: '--plasma-select-item-border-radius',\n itemPaddingTop: '--plasma-select-item-padding-top',\n itemPaddingRight: '--plasma-select-item-padding-right',\n itemPaddingBottom: '--plasma-select-item-padding-bottom',\n itemPaddingLeft: '--plasma-select-item-padding-left',\n itemMarginTop: '--plasma-select-item-margin-top',\n itemMarginRight: '--plasma-select-item-margin-right',\n itemMarginBottom: '--plasma-select-item-margin-bottom',\n itemMarginLeft: '--plasma-select-item-margin-left',\n itemFontFamily: '--plasma-select-item-font-family',\n itemFontSize: '--plasma-select-item-font-size',\n itemFontStyle: '--plasma-select-item-font-style',\n itemFontWeightBold: '--plasma-select-item-letter-spacing',\n itemFontLetterSpacing: '--plasma-select-item-line-height',\n itemFontLineHeight: '--plasma-select-item-font-weight',\n itemContentLeftColor: '--plasma-select-item-content-left-color',\n itemContentRightColor: '--plasma-select-item-content-right-color',\n itemContentLeftWidth: '--plasma-select-item-content-left-width',\n itemContentRightWidth: '--plasma-select-item-content-right-width',\n\n footerBackground: '--plasma-select-footer-background',\n footerWidth: '--plasma-select-footer-width',\n footerHeight: '--plasma-select-footer-height',\n footerPaddingTop: '--plasma-select-footer-padding-top',\n footerPaddingRight: '--plasma-select-footer-padding-right',\n footerPaddingBottom: '--plasma-select-footer-padding-bottom',\n footerPaddingLeft: '--plasma-select-footer-padding-left',\n footerMarginTop: '--plasma-select-footer-margin-top',\n footerMarginRight: '--plasma-select-footer-margin-right',\n footerMarginBottom: '--plasma-select-footer-margin-bottom',\n footerMarginLeft: '--plasma-select-footer-margin-left',\n footerFontFamily: '--plasma-select-footer-font-family',\n footerFontSize: '--plasma-select-footer-font-size',\n footerFontStyle: '--plasma-select-footer-font-style',\n footerFontWeightBold: '--plasma-select-footer-letter-spacing',\n footerFontLetterSpacing: '--plasma-select-footer-line-height',\n footerFontLineHeight: '--plasma-select-footer-font-weight',\n\n headerBackground: '--plasma-select-header-background',\n headerWidth: '--plasma-select-header-width',\n headerHeight: '--plasma-select-header-height',\n headerPaddingTop: '--plasma-select-header-padding-top',\n headerPaddingRight: '--plasma-select-header-padding-right',\n headerPaddingBottom: '--plasma-select-header-padding-bottom',\n headerPaddingLeft: '--plasma-select-header-padding-left',\n headerMarginTop: '--plasma-select-header-margin-top',\n headerMarginRight: '--plasma-select-header-margin-right',\n headerMarginBottom: '--plasma-select-header-margin-bottom',\n headerMarginLeft: '--plasma-select-header-margin-left',\n headerFontFamily: '--plasma-select-header-font-family',\n headerFontSize: '--plasma-select-header-font-size',\n headerFontStyle: '--plasma-select-header-font-style',\n headerFontWeightBold: '--plasma-select-header-letter-spacing',\n headerFontLetterSpacing: '--plasma-select-header-line-height',\n headerFontLineHeight: '--plasma-select-header-font-weight',\n\n dividerColor: '--plasma-select-divider-color',\n dividerWidth: '--plasma-select-divider-width',\n dividerHeight: '--plasma-select-divider-height',\n dividerMarginTop: '--plasma-select-divider-margin-top',\n dividerMarginRight: '--plasma-select-divider-margin-right',\n dividerMarginBottom: '--plasma-select-divider-margin-bottom',\n dividerMarginLeft: '--plasma-select-divider-margin-left',\n\n groupBackground: '--plasma-select-group-background',\n groupWidth: '--plasma-select-group-width',\n groupHeight: '--plasma-select-group-height',\n groupPaddingTop: '--plasma-select-group-padding-top',\n groupPaddingRight: '--plasma-select-group-padding-right',\n groupPaddingBottom: '--plasma-select-group-padding-bottom',\n groupPaddingLeft: '--plasma-select-group-padding-left',\n groupMarginTop: '--plasma-select-group-margin-top',\n groupMarginRight: '--plasma-select-group-margin-right',\n groupMarginBottom: '--plasma-select-group-margin-bottom',\n groupMarginLeft: '--plasma-select-group-margin-left',\n groupLabelColor: '--plasma-select-group-label-color',\n groupLabelFontFamily: '--plasma-select-group-label-font-family',\n groupLabelFontSize: '--plasma-select-group-label-font-size',\n groupLabelFontStyle: '--plasma-select-group-label-font-style',\n groupLabelFontWeight: '--plasma-select-group-label-font-weight',\n groupLabelLetterSpacing: '--plasma-select-group-label-letter-spacing',\n groupLabelLineHeight: '--plasma-select-group-label-line-height',\n groupLabelPaddingTop: '--plasma-select-group-label-padding-top',\n groupLabelPaddingRight: '--plasma-select-group-label-padding-right',\n groupLabelPaddingBottom: '--plasma-select-group-label-padding-bottom',\n groupLabelPaddingLeft: '--plasma-select-group-label-padding-left',\n groupLabelMarginTop: '--plasma-select-group-label-margin-top',\n groupLabelMarginRight: '--plasma-select-group-label-margin-right',\n groupLabelMarginBottom: '--plasma-select-group-label-margin-bottom',\n groupLabelMarginLeft: '--plasma-select-group-label-margin-left',\n\n targetColor: '--plasma-select-target-color',\n targetLabelColor: '--plasma-select-target-label-color',\n targetArrowColor: '--plasma-select-target-arrow-color',\n targetArrowRight: '--plasma-select-target-arrow-right',\n targetBackgroundColor: '--plasma-select-target-background-color',\n targetBackgroundColorHover: '--plasma-select-target-background-color-hover',\n targetBackgroundColorActive: '--plasma-select-target-background-color-active',\n targetBackgroundColorOpen: '--plasma-select-target-background-color-open',\n targetBorderColor: '--plasma-select-target-border-color',\n targetBorderColorHover: '--plasma-select-target-border-color-hover',\n targetBorderColorActive: '--plasma-select-target-border-color-active',\n targetBorderColorOpen: '--plasma-select-target-border-color-open',\n targetInnerTop: '--plasma-select-target-inner-top',\n targetPadding: '--plasma-select-target-padding',\n targetPaddingWithInput: '--plasma-select-target-with-input',\n targetPaddingHasChips: '--plasma-select-target-padding-has-chips',\n targetHeight: '--plasma-select-target-height',\n targetWidth: '--plasma-select-target-width',\n targetRadius: '--plasma-select-target-radius',\n targetFontFamily: '--plasma-select-target-font-family',\n targetFontSize: '--plasma-select-target-font-size',\n targetFontStyle: '--plasma-select-target-font-style',\n targetFontWeight: '--plasma-select-target-font-weight',\n targetLetterSpacing: '--plasma-select-target-letter-spacing',\n targetLineHeight: '--plasma-select-target-line-height',\n targetLabelInnerTop: '--plasma-select-target-label-inner-top',\n targetLabelInnerFontFamily: '--plasma-select-target-label-inner-font-family',\n targetLabelInnerFontSize: '--plasma-select-target-label-inner-font-family',\n targetLabelInnerFontStyle: '--plasma-select-target-label-inner-font-style',\n targetLabelInnerFontWeight: '--plasma-select-target-label-inner-font-weight',\n targetLabelInnerLetterSpacing: '--plasma-select-target-label-inner-letter-spacing',\n targetLabelInnerLineHeight: '--plasma-select-target-label-inner-line-height',\n\n chipGap: '--plasma-select-chip-gap',\n chipBackground: '--plasma-select-chip-background',\n chipColor: '--plasma-select-chip-color',\n chipBackgroundHover: '--plasma-select-chip-background-hover',\n chipColorHover: '--plasma-select-chip-color-hover',\n chipScaleHover: '--plasma-select-chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-select-chip-background-readonly',\n chipColorReadOnly: '--plasma-select-chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-select-chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-select-chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-select-chip-background-active',\n chipColorActive: '--plasma-select-chip-color-active',\n chipScaleActive: '--plasma-select-chip-scale-active',\n chipFocusColor: '--plasma-select-chip-focus-color',\n chipCloseIconColor: '--plasma-select-chip-close-icon-color',\n chipOutlineSize: '--plasma-select-chip-outline-size',\n chipBorderRadius: '--plasma-select-chip-border-radius',\n chipWidth: '--plasma-select-chip-width',\n chipHeight: '--plasma-select-chip-height',\n chipPaddingTop: '--plasma-select-chip-padding-top',\n chipPaddingRight: '--plasma-select-chip-padding-right',\n chipPaddingBottom: '--plasma-select-chip-padding-bottom',\n chipPaddingLeft: '--plasma-select-chip-padding-left',\n chipCloseIconSize: '--plasma-select-chip-close-icon-size',\n chipFontFamily: '--plasma-select-chip-font-family',\n chipFontSize: '--plasma-select-chip-font-size',\n chipFontStyle: '--plasma-select-chip-font-style',\n chipFontWeight: '--plasma-select-chip-font-weight',\n chipLetterSpacing: '--plasma-select-chip-letter-spacing',\n chipLineHeight: '--plasma-select-chip-line-height',\n chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-select-chip-opacity-readonly',\n\n disabledOpacity: '--plasma-select-disabled-opacity',\n focusColor: '--plasma-select-focus-color',\n};\n"],"names":["classes","selectTarget","selectTargeText","selectTargetLabel","selectTargetArrow","arrowInverse","selectItemIsSelected","selectItemIsDisabled","nativeSelectVisible","hasNoFocus","hasChips","innerLabelUp","tokens","background","boxShadow","width","height","borderRadius","paddingTop","paddingRight","paddingBottom","paddingLeft","itemBackground","itemColor","itemBackgroundHover","itemBackgroundSelected","itemColorSelected","itemBackgroundSelectedHover","itemColorSelectedHover","itemWidth","itemHeight","itemBorderRadius","itemPaddingTop","itemPaddingRight","itemPaddingBottom","itemPaddingLeft","itemMarginTop","itemMarginRight","itemMarginBottom","itemMarginLeft","itemFontFamily","itemFontSize","itemFontStyle","itemFontWeightBold","itemFontLetterSpacing","itemFontLineHeight","itemContentLeftColor","itemContentRightColor","itemContentLeftWidth","itemContentRightWidth","footerBackground","footerWidth","footerHeight","footerPaddingTop","footerPaddingRight","footerPaddingBottom","footerPaddingLeft","footerMarginTop","footerMarginRight","footerMarginBottom","footerMarginLeft","footerFontFamily","footerFontSize","footerFontStyle","footerFontWeightBold","footerFontLetterSpacing","footerFontLineHeight","headerBackground","headerWidth","headerHeight","headerPaddingTop","headerPaddingRight","headerPaddingBottom","headerPaddingLeft","headerMarginTop","headerMarginRight","headerMarginBottom","headerMarginLeft","headerFontFamily","headerFontSize","headerFontStyle","headerFontWeightBold","headerFontLetterSpacing","headerFontLineHeight","dividerColor","dividerWidth","dividerHeight","dividerMarginTop","dividerMarginRight","dividerMarginBottom","dividerMarginLeft","groupBackground","groupWidth","groupHeight","groupPaddingTop","groupPaddingRight","groupPaddingBottom","groupPaddingLeft","groupMarginTop","groupMarginRight","groupMarginBottom","groupMarginLeft","groupLabelColor","groupLabelFontFamily","groupLabelFontSize","groupLabelFontStyle","groupLabelFontWeight","groupLabelLetterSpacing","groupLabelLineHeight","groupLabelPaddingTop","groupLabelPaddingRight","groupLabelPaddingBottom","groupLabelPaddingLeft","groupLabelMarginTop","groupLabelMarginRight","groupLabelMarginBottom","groupLabelMarginLeft","targetColor","targetLabelColor","targetArrowColor","targetArrowRight","targetBackgroundColor","targetBackgroundColorHover","targetBackgroundColorActive","targetBackgroundColorOpen","targetBorderColor","targetBorderColorHover","targetBorderColorActive","targetBorderColorOpen","targetInnerTop","targetPadding","targetPaddingWithInput","targetPaddingHasChips","targetHeight","targetWidth","targetRadius","targetFontFamily","targetFontSize","targetFontStyle","targetFontWeight","targetLetterSpacing","targetLineHeight","targetLabelInnerTop","targetLabelInnerFontFamily","targetLabelInnerFontSize","targetLabelInnerFontStyle","targetLabelInnerFontWeight","targetLabelInnerLetterSpacing","targetLabelInnerLineHeight","chipGap","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipBorderRadius","chipWidth","chipHeight","chipPaddingTop","chipPaddingRight","chipPaddingBottom","chipPaddingLeft","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","disabledOpacity","focusColor"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyNavigation.js","sources":["../../../../src/components/Select/hooks/useKeyNavigation.ts"],"sourcesContent":["import { KeyboardEvent, useCallback, useEffect, useState } from 'react';\n\nimport type { UseKeyNavigationProps } from '../Select.types';\n\nexport const Keys = {\n Enter: 'Enter',\n Space: 'Space',\n Tab: 'Tab',\n Escape: 'Escape',\n ArrowLeft: 'ArrowLeft',\n ArrowRight: 'ArrowRight',\n ArrowUp: 'ArrowUp',\n ArrowDown: 'ArrowDown',\n Backspace: 'Backspace',\n ShiftLeft: 'ShiftLeft',\n ShiftRight: 'ShiftRight',\n};\n\nexport const useKeyNavigation = ({\n controlledRefs: { targetRef, chipsRefs, selectRef, itemsRefs, inputRef },\n opened,\n enumerationType,\n valueType,\n componentType = 'select',\n value,\n search,\n updateValue,\n updateOpened,\n}: UseKeyNavigationProps) => {\n const [selectItemIndex, setSelectItemIndex] = useState(-1);\n const [selectChipIndex, setSelectChipIndex] = useState(-1);\n\n useEffect(() => {\n if (!opened) {\n setSelectItemIndex(-1);\n setSelectChipIndex(-1);\n\n return;\n }\n\n itemsRefs?.current?.[selectItemIndex]?.focus();\n }, [opened]);\n\n useEffect(() => {\n itemsRefs?.current?.[selectItemIndex]?.focus();\n }, [value, search]);\n\n const onKeyDownTarget = useCallback(\n (event: KeyboardEvent<HTMLButtonElement | HTMLInputElement>) => {\n const { code } = event;\n\n const chipsRefsCount = chipsRefs.current.length;\n let scrollIntoView = false;\n let newOpened = opened;\n let newSelectItemIndex = selectItemIndex;\n let newSelectChipIndex = selectChipIndex;\n let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n event.preventDefault();\n }\n\n if (code === Keys.Escape) {\n newOpened = false;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n focusedItem = targetRef.current;\n }\n\n if (code === Keys.ArrowLeft && valueType === 'multiple' && enumerationType === 'chip') {\n const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n newSelectChipIndex =\n document.activeElement === inputRef?.current ? chipsRefsCount - 1 : newSelectChipIndex;\n\n focusedItem = chipsRefs.current?.[newSelectChipIndex];\n\n scrollIntoView = true;\n }\n\n if (code === Keys.ArrowRight && valueType === 'multiple' && enumerationType === 'chip') {\n const index = selectChipIndex + 1 === chipsRefsCount ? selectChipIndex : selectChipIndex + 1;\n\n newSelectChipIndex = document.activeElement === targetRef.current ? 0 : index;\n focusedItem =\n index === selectChipIndex\n ? (inputRef?.current as HTMLInputElement)\n : chipsRefs.current?.[newSelectChipIndex];\n\n scrollIntoView = true;\n }\n\n if (code === Keys.Backspace && document.activeElement !== inputRef?.current) {\n const index = selectChipIndex - 1 <= 0 ? 0 : selectChipIndex - 1;\n\n newSelectChipIndex = chipsRefsCount === 0 ? -1 : index;\n focusedItem = chipsRefsCount === 0 ? (inputRef || targetRef)?.current : chipsRefs?.current?.[index];\n\n scrollIntoView = true;\n }\n\n if (\n code === Keys.ArrowUp ||\n code === Keys.ArrowDown ||\n (code === Keys.Enter && componentType !== 'combobox') ||\n (code === Keys.Space && componentType !== 'combobox')\n ) {\n newOpened = true;\n newSelectItemIndex = selectItemIndex === -1 ? 0 : selectItemIndex;\n focusedItem = itemsRefs.current?.[newSelectItemIndex];\n }\n\n // INFO: Для кейсов, когда поведение закрытия может контролироваться снаружи\n if (code !== Keys.Enter || componentType !== 'combobox') {\n updateOpened(newOpened, event);\n }\n\n setSelectItemIndex(newSelectItemIndex);\n setSelectChipIndex(newSelectChipIndex);\n\n focusedItem?.focus();\n\n if (scrollIntoView) {\n focusedItem?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n },\n [opened, selectItemIndex, selectChipIndex, valueType, enumerationType, componentType, updateOpened],\n );\n\n const onKeyDownSelect = useCallback(\n (event: KeyboardEvent<HTMLDivElement>) => {\n const { code, shiftKey } = event;\n\n const itemsRefsCount = itemsRefs.current.length;\n const chipsRefsCount = chipsRefs.current.length;\n let scrollIntoView = false;\n let newOpened = opened;\n let newSelectItemIndex = selectItemIndex;\n let newSelectChipIndex = selectChipIndex;\n let focusedItem: HTMLElement | HTMLInputElement | null = null;\n\n if (code === Keys.Enter || code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Escape) {\n newOpened = false;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n focusedItem = (inputRef || targetRef).current;\n }\n\n if (code === Keys.Tab) {\n newOpened = false;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n focusedItem = (shiftKey\n ? selectRef.current?.previousSibling\n : selectRef.current?.nextSibling) as HTMLElement;\n }\n\n if (code === Keys.ArrowUp) {\n newSelectItemIndex = newSelectItemIndex - 1 === -1 ? itemsRefsCount - 1 : newSelectItemIndex - 1;\n focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n }\n\n if (code === Keys.ArrowDown) {\n newSelectItemIndex = newSelectItemIndex + 1 === itemsRefsCount ? 0 : newSelectItemIndex + 1;\n focusedItem = itemsRefs?.current?.[newSelectItemIndex];\n }\n\n if (\n (code === Keys.ArrowRight || code === Keys.ArrowLeft) &&\n valueType === 'multiple' &&\n enumerationType === 'chip' &&\n chipsRefsCount\n ) {\n newSelectChipIndex = chipsRefsCount - 1;\n newSelectItemIndex = -1;\n focusedItem = chipsRefs?.current?.[newSelectChipIndex];\n\n scrollIntoView = true;\n }\n\n if (code === Keys.Enter || (code === Keys.Space && componentType !== 'combobox')) {\n const item = itemsRefs.current[newSelectItemIndex] as HTMLElement;\n\n // TODO: #1016\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n if (item.ariaDisabled) {\n return;\n }\n\n updateValue(item, event);\n\n newOpened = valueType === 'single' ? false : opened;\n focusedItem = valueType === 'single' ? targetRef.current : focusedItem;\n }\n\n const isValidKeyCode = [\n Keys.ShiftLeft,\n Keys.ShiftRight,\n Keys.ArrowDown,\n Keys.ArrowLeft,\n Keys.ArrowRight,\n Keys.ArrowUp,\n Keys.Enter,\n Keys.Escape,\n Keys.Tab,\n ].includes(code);\n\n if (componentType === 'combobox' && !isValidKeyCode) {\n event.stopPropagation();\n\n focusedItem = inputRef?.current as HTMLInputElement;\n newSelectItemIndex = -1;\n newSelectChipIndex = -1;\n }\n\n updateOpened(newOpened, event);\n setSelectItemIndex(newSelectItemIndex);\n setSelectChipIndex(newSelectChipIndex);\n\n focusedItem?.focus();\n\n if (scrollIntoView) {\n focusedItem?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n },\n [\n opened,\n selectItemIndex,\n selectChipIndex,\n valueType,\n enumerationType,\n componentType,\n updateOpened,\n updateValue,\n ],\n );\n\n return { onKeyDownTarget, onKeyDownSelect } as const;\n};\n"],"names":["Keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Backspace","ShiftLeft","ShiftRight","useKeyNavigation","_ref","_ref$controlledRefs","controlledRefs","targetRef","chipsRefs","selectRef","itemsRefs","inputRef","opened","enumerationType","valueType","_ref$componentType","componentType","value","search","updateValue","updateOpened","_useState","useState","_useState2","_slicedToArray","selectItemIndex","setSelectItemIndex","_useState3","_useState4","selectChipIndex","setSelectChipIndex","useEffect","_itemsRefs$current","current","focus","_itemsRefs$current2","onKeyDownTarget","useCallback","event","_focusedItem","code","chipsRefsCount","length","scrollIntoView","newOpened","newSelectItemIndex","newSelectChipIndex","focusedItem","preventDefault","_chipsRefs$current","index","document","activeElement","_chipsRefs$current2","_ref2","_chipsRefs$current3","_itemsRefs$current3","_focusedItem2","behavior","block","inline","onKeyDownSelect","_focusedItem3","shiftKey","itemsRefsCount","_selectRef$current","_selectRef$current2","previousSibling","nextSibling","_itemsRefs$current4","_itemsRefs$current5","_chipsRefs$current4","item","ariaDisabled","isValidKeyCode","includes","stopPropagation","_focusedItem4"],"mappings":"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"}
|
@@ -18,4 +18,4 @@
|
|
18
18
|
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
19
19
|
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
20
20
|
|
21
|
-
.
|
21
|
+
.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-color-hover:var(--plasma-select-chip-color-hover);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-color-active:var(--plasma-select-chip-color-active);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-background-readonly:var(--plasma-select-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-select-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-select-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-select-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-width:var(--plasma-select-chip-width);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-chip-font-family);--plasma-chip-font-size:var(--plasma-select-chip-font-size);--plasma-chip-font-style:var(--plasma-select-chip-font-style);--plasma-chip-font-weight:var(--plasma-select-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-select-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-select-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-select-focus-color);position:relative;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1::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.0625rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1.SelectChip_styles_1u4uw04_focusVisible__c23911c1:focus::before,.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[readonly]{opacity:var(--plasma-select-chip-opacity-readonly);}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var SelectChip_styles = require('./SelectChip.styles.js');
|
7
|
+
|
8
|
+
/**
|
9
|
+
* Чип, отображающий выбранный элемент
|
10
|
+
*/
|
11
|
+
var SelectChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
12
|
+
var value = _ref.value,
|
13
|
+
text = _ref.text,
|
14
|
+
index = _ref.index,
|
15
|
+
disabled = _ref.disabled,
|
16
|
+
readOnly = _ref.readOnly,
|
17
|
+
onClick = _ref.onClick,
|
18
|
+
onClear = _ref.onClear,
|
19
|
+
onKeyDown = _ref.onKeyDown;
|
20
|
+
var onClearHandle = React.useCallback(function () {
|
21
|
+
onClear(value, text);
|
22
|
+
}, [onClear, value, text]);
|
23
|
+
var onKeyDownHandle = React.useCallback(function (event) {
|
24
|
+
onKeyDown === null || onKeyDown === void 0 || onKeyDown(value, text, index, event);
|
25
|
+
}, [onKeyDown]);
|
26
|
+
return /*#__PURE__*/React.createElement(SelectChip_styles.StyledChip, {
|
27
|
+
ref: ref,
|
28
|
+
tabIndex: -1,
|
29
|
+
disabled: disabled,
|
30
|
+
readOnly: readOnly,
|
31
|
+
onClick: onClick,
|
32
|
+
onClear: onClearHandle,
|
33
|
+
onKeyDown: onKeyDownHandle,
|
34
|
+
text: "".concat(text)
|
35
|
+
});
|
36
|
+
});
|
37
|
+
|
38
|
+
exports.SelectChip = SelectChip;
|
39
|
+
//# sourceMappingURL=SelectChip.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SelectChip.js","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport { StyledChip } from './SelectChip.styles';\nimport type { SelectChipProps } from './SelectChip.types';\n\n/**\n * Чип, отображающий выбранный элемент\n */\nexport const SelectChip = forwardRef<HTMLButtonElement, SelectChipProps>(\n ({ value, text, index, disabled, readOnly, onClick, onClear, onKeyDown }, ref) => {\n const onClearHandle = useCallback(() => {\n onClear(value, text);\n }, [onClear, value, text]);\n\n const onKeyDownHandle = useCallback(\n (event: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(value, text, index, event);\n },\n [onKeyDown],\n );\n\n return (\n <StyledChip\n ref={ref}\n tabIndex={-1}\n disabled={disabled}\n readOnly={readOnly}\n onClick={onClick}\n onClear={onClearHandle}\n onKeyDown={onKeyDownHandle}\n text={`${text}`}\n />\n );\n },\n);\n"],"names":["SelectChip","forwardRef","_ref","ref","value","text","index","disabled","readOnly","onClick","onClear","onKeyDown","onClearHandle","useCallback","onKeyDownHandle","event","React","createElement","StyledChip","tabIndex","concat"],"mappings":";;;;;;;AAKA;AACA;AACA;AACO,IAAMA,UAAU,gBAAGC,gBAAU,CAChC,UAAAC,IAAA,EAA0EC,GAAG,EAAK;AAAA,EAAA,IAA/EC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IAAEC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAEC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAEC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IAAEC,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAClE,EAAA,IAAMC,aAAa,GAAGC,iBAAW,CAAC,YAAM;AACpCH,IAAAA,OAAO,CAACN,KAAK,EAAEC,IAAI,CAAC,CAAA;GACvB,EAAE,CAACK,OAAO,EAAEN,KAAK,EAAEC,IAAI,CAAC,CAAC,CAAA;AAE1B,EAAA,IAAMS,eAAe,GAAGD,iBAAW,CAC/B,UAACE,KAA6C,EAAK;AAC/CJ,IAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAGP,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAES,KAAK,CAAC,CAAA;AAC1C,GAAC,EACD,CAACJ,SAAS,CACd,CAAC,CAAA;AAED,EAAA,oBACIK,KAAA,CAAAC,aAAA,CAACC,4BAAU,EAAA;AACPf,IAAAA,GAAG,EAAEA,GAAI;IACTgB,QAAQ,EAAE,CAAC,CAAE;AACbZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAEE,aAAc;AACvBD,IAAAA,SAAS,EAAEG,eAAgB;IAC3BT,IAAI,EAAA,EAAA,CAAAe,MAAA,CAAKf,IAAI,CAAA;AAAG,GACnB,CAAC,CAAA;AAEV,CACJ;;;;"}
|