@salutejs/plasma-new-hope 0.90.0-dev.0 → 0.91.0-canary.1233.9650661962.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 +2 -0
- 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/hooks/useKeyNavigation.js.map +1 -0
- 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 +103 -0
- package/cjs/components/Combobox/utils/index.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
- package/cjs/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +53 -17
- package/cjs/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +58 -49
- package/cjs/components/Pagination/Pagination.js +12 -5
- 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 +9 -11
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +59 -50
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +20 -26
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +5 -20
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +3 -0
- package/cjs/components/Select/Select.css +65 -60
- package/cjs/components/Select/Select.js +253 -199
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +51 -36
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_zx0ztg.css +5 -0
- package/cjs/components/Select/Select.tokens.js +58 -166
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/elements/Inner/Inner.css +106 -0
- package/cjs/components/Select/elements/Inner/Inner.js +82 -0
- package/cjs/components/Select/elements/Inner/Inner.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.css +106 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js +98 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js +104 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.styles_545sy7.css +8 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.css +30 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +20 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js.map +1 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +41 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js.map +1 -0
- package/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles_r1sne.css +4 -0
- package/cjs/components/Select/elements/Target/Target.css +66 -0
- package/cjs/components/Select/elements/Target/Target.js +63 -0
- package/cjs/components/Select/elements/Target/Target.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.css +33 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.js +59 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +52 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles_1r519o1.css +5 -0
- package/cjs/components/Select/{ui/SelectTarget/SelectTarget.css → elements/Target/elements/Textfield/Textfield.css} +13 -7
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +113 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +113 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles_hp8mkt.css +12 -0
- package/cjs/components/Select/{ui/SelectChip/SelectChip.css → elements/Target/elements/Textfield/elements/Chip/Chip.css} +1 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +36 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js.map +1 -0
- package/cjs/components/Select/{ui/SelectChip/SelectChip.styles.js → elements/Target/elements/Textfield/elements/Chip/Chip.styles.js} +5 -8
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles_k6znfr.css +1 -0
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +350 -0
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/Select/hooks/usePathMaps.js +37 -0
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -0
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +39 -0
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/cjs/components/Select/reducers/focusedPathReducer.js +37 -0
- package/cjs/components/Select/reducers/focusedPathReducer.js.map +1 -0
- package/cjs/components/Select/reducers/pathReducer.js +41 -0
- package/cjs/components/Select/reducers/pathReducer.js.map +1 -0
- package/cjs/components/Select/utils/getButtonLabel.js +47 -0
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -0
- package/cjs/components/Select/utils/getCorrectHeight.js +13 -0
- package/cjs/components/Select/utils/getCorrectHeight.js.map +1 -0
- package/cjs/components/Select/utils/getView.js +27 -0
- package/cjs/components/Select/utils/getView.js.map +1 -0
- package/cjs/components/Select/utils/initialItemsTransform.js +19 -0
- package/cjs/components/Select/utils/initialItemsTransform.js.map +1 -0
- package/cjs/components/Select/utils/sizeToIconSize.js +11 -0
- package/cjs/components/Select/utils/sizeToIconSize.js.map +1 -0
- package/cjs/components/Select/utils/updateAncestors.js +32 -0
- package/cjs/components/Select/utils/updateAncestors.js.map +1 -0
- package/cjs/components/Select/utils/updateDescendants.js +16 -0
- package/cjs/components/Select/utils/updateDescendants.js.map +1 -0
- package/cjs/components/Select/utils/updateSingleAncestors.js +13 -0
- package/cjs/components/Select/utils/updateSingleAncestors.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +33 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +31 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -0
- package/cjs/engines/common.js.map +1 -1
- package/cjs/hooks/useOutsideClick.js +26 -0
- package/cjs/hooks/useOutsideClick.js.map +1 -0
- package/cjs/index.css +43 -27
- package/cjs/index.js +6 -18
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/cjs/utils/isEmpty.js +49 -0
- package/cjs/utils/isEmpty.js.map +1 -0
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Chip/Chip.tokens.js +2 -0
- 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/hooks/useKeyNavigation.js.map +1 -0
- 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 +102 -3
- package/es/components/Combobox/utils/index.js.map +1 -1
- package/es/components/Dropdown/Dropdown.tokens.js +32 -18
- package/es/components/Dropdown/Dropdown.tokens.js.map +1 -1
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js +53 -17
- package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Pagination/Pagination.css +58 -49
- package/es/components/Pagination/Pagination.js +12 -5
- 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 +9 -11
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +59 -50
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +23 -29
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +6 -19
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_187mk6b.css +3 -0
- package/es/components/Select/Select.css +65 -60
- package/es/components/Select/Select.js +249 -196
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +48 -34
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_zx0ztg.css +5 -0
- package/es/components/Select/Select.tokens.js +58 -166
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/elements/Inner/Inner.css +106 -0
- package/es/components/Select/elements/Inner/Inner.js +78 -0
- package/es/components/Select/elements/Inner/Inner.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.css +106 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.js +94 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.styles.js +93 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.styles.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.styles_545sy7.css +8 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.css +30 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +16 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js.map +1 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +34 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js.map +1 -0
- package/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles_r1sne.css +4 -0
- package/es/components/Select/elements/Target/Target.css +66 -0
- package/es/components/Select/elements/Target/Target.js +59 -0
- package/es/components/Select/elements/Target/Target.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.css +33 -0
- package/es/components/Select/elements/Target/elements/Button/Button.js +55 -0
- package/es/components/Select/elements/Target/elements/Button/Button.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js +44 -0
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.styles_1r519o1.css +5 -0
- package/es/components/Select/{ui/SelectTarget/SelectTarget.css → elements/Target/elements/Textfield/Textfield.css} +13 -7
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js +109 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +98 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.styles_hp8mkt.css +12 -0
- package/es/components/Select/{ui/SelectChip/SelectChip.css → elements/Target/elements/Textfield/elements/Chip/Chip.css} +1 -1
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +32 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +19 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles_k6znfr.css +1 -0
- package/es/components/Select/hooks/useKeyboardNavigation.js +345 -0
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/Select/hooks/usePathMaps.js +33 -0
- package/es/components/Select/hooks/usePathMaps.js.map +1 -0
- package/es/components/Select/reducers/focusedChipIndexReducer.js +35 -0
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +1 -0
- package/es/components/Select/reducers/focusedPathReducer.js +33 -0
- package/es/components/Select/reducers/focusedPathReducer.js.map +1 -0
- package/es/components/Select/reducers/pathReducer.js +37 -0
- package/es/components/Select/reducers/pathReducer.js.map +1 -0
- package/es/components/Select/utils/getButtonLabel.js +43 -0
- package/es/components/Select/utils/getButtonLabel.js.map +1 -0
- package/es/components/Select/utils/getCorrectHeight.js +9 -0
- package/es/components/Select/utils/getCorrectHeight.js.map +1 -0
- package/es/components/Select/utils/getView.js +23 -0
- package/es/components/Select/utils/getView.js.map +1 -0
- package/es/components/Select/utils/initialItemsTransform.js +15 -0
- package/es/components/Select/utils/initialItemsTransform.js.map +1 -0
- package/es/components/Select/utils/sizeToIconSize.js +7 -0
- package/es/components/Select/utils/sizeToIconSize.js.map +1 -0
- package/es/components/Select/utils/updateAncestors.js +28 -0
- package/es/components/Select/utils/updateAncestors.js.map +1 -0
- package/es/components/Select/utils/updateDescendants.js +12 -0
- package/es/components/Select/utils/updateDescendants.js.map +1 -0
- package/es/components/Select/utils/updateSingleAncestors.js +9 -0
- package/es/components/Select/utils/updateSingleAncestors.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +29 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownCentered.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +27 -0
- package/es/components/_Icon/Icon.assets/DisclosureRightCentered.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureDownCentered.js.map +1 -0
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureRightCentered.js.map +1 -0
- package/es/engines/common.js.map +1 -1
- package/es/hooks/useOutsideClick.js +22 -0
- package/es/hooks/useOutsideClick.js.map +1 -0
- package/es/index.css +43 -27
- package/es/index.js +4 -7
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/es/utils/isEmpty.js +45 -0
- package/es/utils/isEmpty.js.map +1 -0
- package/package.json +4 -4
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Chip/Chip.tokens.js +2 -0
- package/styled-components/cjs/components/Combobox/Combobox.js +6 -6
- package/styled-components/cjs/components/Combobox/hooks/index.js +14 -1
- package/styled-components/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +4 -5
- package/styled-components/cjs/components/Combobox/utils/index.js +105 -1
- package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js +32 -18
- package/styled-components/cjs/components/Dropdown/hooks/useKeyboardNavigation.js +53 -17
- package/styled-components/cjs/components/Pagination/Pagination.js +12 -5
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +2 -2
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +9 -11
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -35
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
- package/styled-components/cjs/components/Select/Select.js +248 -191
- package/styled-components/cjs/components/Select/Select.styles.js +28 -23
- package/styled-components/cjs/components/Select/Select.tokens.js +73 -167
- package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.js +18 -0
- package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js +24 -0
- package/styled-components/cjs/components/Select/elements/Inner/Inner.js +80 -0
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js +96 -0
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js +63 -0
- package/styled-components/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +19 -0
- package/styled-components/cjs/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +25 -0
- package/styled-components/cjs/components/Select/elements/Target/Target.js +62 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.js +58 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +30 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +111 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +63 -0
- package/styled-components/cjs/components/Select/{ui/SelectChip/SelectChip.js → elements/Target/elements/Textfield/elements/Chip/Chip.js} +24 -27
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +21 -0
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +352 -0
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +33 -0
- package/styled-components/cjs/components/Select/index.js +3 -20
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +38 -0
- package/styled-components/cjs/components/Select/reducers/focusedPathReducer.js +40 -0
- package/styled-components/cjs/components/Select/reducers/index.js +38 -0
- package/styled-components/cjs/components/Select/reducers/pathReducer.js +44 -0
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +43 -0
- package/styled-components/cjs/components/Select/utils/getCorrectHeight.js +12 -0
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +51 -102
- package/styled-components/cjs/components/Select/utils/initialItemsTransform.js +18 -0
- package/styled-components/cjs/components/Select/utils/sizeToIconSize.js +10 -0
- package/styled-components/cjs/components/Select/utils/updateAncestors.js +31 -0
- package/styled-components/cjs/components/Select/utils/updateDescendants.js +15 -0
- package/styled-components/cjs/components/Select/utils/updateSingleAncestors.js +12 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownCentered.js +32 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRightCentered.js +30 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownCentered.js +22 -0
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureRightCentered.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +14 -0
- 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 +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +20 -10
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.js +9 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +768 -202
- package/styled-components/cjs/examples/plasma_b2c/components/Select/style.css +38 -0
- 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 +20 -10
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.js +9 -13
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +768 -198
- package/styled-components/cjs/examples/plasma_web/components/Select/style.css +38 -0
- package/styled-components/cjs/hooks/index.js +7 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
- package/styled-components/cjs/utils/index.js +7 -0
- package/styled-components/cjs/utils/isEmpty.js +47 -0
- package/styled-components/es/components/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Chip/Chip.tokens.js +2 -0
- package/styled-components/es/components/Combobox/Combobox.js +2 -2
- package/styled-components/es/components/Combobox/hooks/index.js +2 -1
- package/styled-components/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js +1 -2
- package/styled-components/es/components/Combobox/utils/index.js +105 -1
- package/styled-components/es/components/Dropdown/Dropdown.tokens.js +32 -18
- package/styled-components/es/components/Dropdown/hooks/useKeyboardNavigation.js +53 -17
- package/styled-components/es/components/Pagination/Pagination.js +12 -5
- package/styled-components/es/components/Pagination/Pagination.styles.js +2 -2
- package/styled-components/es/components/Pagination/Pagination.tokens.js +9 -11
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +22 -33
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
- package/styled-components/es/components/Select/Select.js +244 -188
- package/styled-components/es/components/Select/Select.styles.js +25 -21
- package/styled-components/es/components/Select/Select.tokens.js +72 -166
- package/styled-components/es/components/Select/elements/InfiniteLoader/InfiniteLoader.js +11 -0
- package/styled-components/es/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js +17 -0
- package/styled-components/es/components/Select/elements/Inner/Inner.js +73 -0
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.js +87 -0
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.styles.js +56 -0
- package/styled-components/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.js +12 -0
- package/styled-components/es/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.js +18 -0
- package/styled-components/es/components/Select/elements/Target/Target.js +55 -0
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.js +51 -0
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.styles.js +23 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.js +104 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +56 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.js +28 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js +14 -0
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +346 -0
- package/styled-components/es/components/Select/hooks/usePathMaps.js +27 -0
- package/styled-components/es/components/Select/index.js +2 -2
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +32 -0
- package/styled-components/es/components/Select/reducers/focusedPathReducer.js +34 -0
- package/styled-components/es/components/Select/reducers/index.js +3 -0
- package/styled-components/es/components/Select/reducers/pathReducer.js +38 -0
- package/styled-components/es/components/Select/utils/getButtonLabel.js +37 -0
- package/styled-components/es/components/Select/utils/getCorrectHeight.js +6 -0
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +8 -106
- package/styled-components/es/components/Select/utils/initialItemsTransform.js +12 -0
- package/styled-components/es/components/Select/utils/sizeToIconSize.js +4 -0
- package/styled-components/es/components/Select/utils/updateAncestors.js +25 -0
- package/styled-components/es/components/Select/utils/updateDescendants.js +9 -0
- package/styled-components/es/components/Select/utils/updateSingleAncestors.js +6 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownCentered.js +25 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightCentered.js +23 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownCentered.js +15 -0
- package/styled-components/es/components/_Icon/Icons/IconDisclosureRightCentered.js +15 -0
- package/styled-components/es/components/_Icon/index.js +2 -0
- 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 +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +20 -10
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.js +3 -12
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +768 -202
- package/styled-components/es/examples/plasma_b2c/components/Select/style.css +38 -0
- 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 +20 -10
- package/styled-components/es/examples/plasma_web/components/Select/Select.js +3 -12
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +768 -198
- package/styled-components/es/examples/plasma_web/components/Select/style.css +38 -0
- package/styled-components/es/hooks/index.js +1 -0
- package/styled-components/es/hooks/useOutsideClick.js +18 -0
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/isEmpty.js +42 -0
- package/types/components/Chip/Chip.tokens.d.ts +2 -0
- package/types/components/Chip/Chip.tokens.d.ts.map +1 -1
- package/types/components/Combobox/Select.types.d.ts +99 -0
- package/types/components/Combobox/Select.types.d.ts.map +1 -0
- package/types/components/Combobox/hooks/index.d.ts +1 -0
- package/types/components/Combobox/hooks/index.d.ts.map +1 -1
- package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map +1 -0
- package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map +1 -1
- package/types/components/Combobox/utils/index.d.ts +13 -1
- 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 +5 -9
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +9 -11
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.types.d.ts +6 -1
- 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 +53 -43
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts +5 -2
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +7 -8
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +11 -6
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +71 -165
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +128 -65
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.d.ts +6 -0
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.d.ts.map +1 -0
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts +29 -0
- package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/Inner.d.ts +4 -0
- package/types/components/Select/elements/Inner/Inner.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/Inner.type.d.ts +13 -0
- package/types/components/Select/elements/Inner/Inner.type.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts +4 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.styles.d.ts +18 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts +57 -0
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts.map +1 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.d.ts +4 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.d.ts.map +1 -0
- package/types/components/Select/{ui/SelectTarget/SelectTarget.styles.d.ts → elements/SelectNotFoundContent/SelectNotFoundContent.styles.d.ts} +6 -12
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.styles.d.ts.map +1 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts +8 -0
- package/types/components/Select/elements/SelectNotFoundContent/SelectNotFoundContent.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/Target.d.ts +4 -0
- package/types/components/Select/elements/Target/Target.d.ts.map +1 -0
- package/types/components/Select/elements/Target/Target.types.d.ts +14 -0
- package/types/components/Select/elements/Target/Target.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts +49 -0
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.styles.d.ts +60 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.styles.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts +4 -0
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.d.ts +9 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.d.ts.map +1 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.d.ts +3 -0
- package/types/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.d.ts.map +1 -0
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +43 -0
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Select/hooks/usePathMaps.d.ts +8 -0
- package/types/components/Select/hooks/usePathMaps.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/reducers/focusedChipIndexReducer.d.ts +11 -0
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +1 -0
- package/types/components/Select/reducers/focusedPathReducer.d.ts +16 -0
- package/types/components/Select/reducers/focusedPathReducer.d.ts.map +1 -0
- package/types/components/Select/reducers/index.d.ts +4 -0
- package/types/components/Select/reducers/index.d.ts.map +1 -0
- package/types/components/Select/reducers/pathReducer.d.ts +20 -0
- package/types/components/Select/reducers/pathReducer.d.ts.map +1 -0
- package/types/components/Select/utils/getButtonLabel.d.ts +3 -0
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -0
- package/types/components/Select/utils/getCorrectHeight.d.ts +3 -0
- package/types/components/Select/utils/getCorrectHeight.d.ts.map +1 -0
- package/types/components/Select/utils/getView.d.ts +3 -0
- package/types/components/Select/utils/getView.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +8 -13
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Select/utils/initialItemsTransform.d.ts +3 -0
- package/types/components/Select/utils/initialItemsTransform.d.ts.map +1 -0
- package/types/components/Select/utils/sizeToIconSize.d.ts +3 -0
- package/types/components/Select/utils/sizeToIconSize.d.ts.map +1 -0
- package/types/components/Select/utils/updateAncestors.d.ts +4 -0
- package/types/components/Select/utils/updateAncestors.d.ts.map +1 -0
- package/types/components/Select/utils/updateDescendants.d.ts +4 -0
- package/types/components/Select/utils/updateDescendants.d.ts.map +1 -0
- package/types/components/Select/utils/updateSingleAncestors.d.ts +4 -0
- package/types/components/Select/utils/updateSingleAncestors.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureRightCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureDownCentered.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureRightCentered.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +2 -0
- 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 +15 -5
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +70 -55
- 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 +15 -5
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +70 -55
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useOutsideClick.d.ts +3 -0
- package/types/hooks/useOutsideClick.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/types/utils/isEmpty.d.ts +3 -0
- package/types/utils/isEmpty.d.ts.map +1 -0
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
- package/cjs/components/Select/Select.styles_1q3i6gw.css +0 -4
- package/cjs/components/Select/hooks/useKeyNavigation.js.map +0 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.js +0 -39
- package/cjs/components/Select/ui/SelectChip/SelectChip.js.map +0 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +0 -35
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -41
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +0 -35
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -41
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +0 -35
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -41
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +0 -35
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -41
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.css +0 -35
- package/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -40
- package/cjs/components/Select/ui/SelectItem/SelectItem.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -19
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -9
- package/cjs/components/Select/ui/SelectItem/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -9
- package/cjs/components/Select/ui/SelectItem/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +0 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -112
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +0 -1
- package/cjs/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +0 -6
- package/cjs/components/Select/utils/index.js +0 -112
- package/cjs/components/Select/utils/index.js.map +0 -1
- package/cjs/components/Select/variations/_target/base.js +0 -9
- package/cjs/components/Select/variations/_target/base.js.map +0 -1
- package/cjs/components/Select/variations/_target/base_x642ct.css +0 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_rtehle.css +0 -4
- package/es/components/Select/Select.styles_1q3i6gw.css +0 -4
- package/es/components/Select/hooks/useKeyNavigation.js.map +0 -1
- package/es/components/Select/ui/SelectChip/SelectChip.js +0 -35
- package/es/components/Select/ui/SelectChip/SelectChip.js.map +0 -1
- package/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -22
- package/es/components/Select/ui/SelectChip/SelectChip.styles.js.map +0 -1
- package/es/components/Select/ui/SelectChip/SelectChip.styles_1u4uw04.css +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.css +0 -35
- package/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -36
- package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.css +0 -35
- package/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -36
- package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.css +0 -35
- package/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -36
- package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.css +0 -35
- package/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -36
- package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectItem/SelectItem.css +0 -35
- package/es/components/Select/ui/SelectItem/SelectItem.js +0 -35
- package/es/components/Select/ui/SelectItem/SelectItem.js.map +0 -1
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -15
- package/es/components/Select/ui/SelectItem/SelectItem.styles.js.map +0 -1
- package/es/components/Select/ui/SelectItem/SelectItem.styles_vk39mp.css +0 -1
- package/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -5
- package/es/components/Select/ui/SelectItem/variations/_size/base.js.map +0 -1
- package/es/components/Select/ui/SelectItem/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -5
- package/es/components/Select/ui/SelectItem/variations/_view/base.js.map +0 -1
- package/es/components/Select/ui/SelectItem/variations/_view/base_x642ct.css +0 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -144
- package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +0 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -103
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles.js.map +0 -1
- package/es/components/Select/ui/SelectTarget/SelectTarget.styles_hb1tns.css +0 -6
- package/es/components/Select/utils/index.js +0 -105
- package/es/components/Select/utils/index.js.map +0 -1
- package/es/components/Select/variations/_target/base.js +0 -5
- package/es/components/Select/variations/_target/base.js.map +0 -1
- package/es/components/Select/variations/_target/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Select/Select.template-doc.mdx +0 -115
- package/styled-components/cjs/components/Select/hooks/index.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectChip/SelectChip.styles.js +0 -25
- package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
- package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -12
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js +0 -29
- package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js +0 -13
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +0 -157
- package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -69
- package/styled-components/cjs/components/Select/ui/index.js +0 -77
- package/styled-components/cjs/components/Select/variations/_target/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_target/tokens.json +0 -1
- package/styled-components/es/components/Select/Select.template-doc.mdx +0 -115
- package/styled-components/es/components/Select/hooks/index.js +0 -1
- package/styled-components/es/components/Select/ui/SelectChip/SelectChip.js +0 -31
- package/styled-components/es/components/Select/ui/SelectChip/SelectChip.styles.js +0 -19
- package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.js +0 -23
- package/styled-components/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_size/tokens.json +0 -8
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectDivider/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.js +0 -23
- package/styled-components/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_size/tokens.json +0 -12
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectFooter/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.js +0 -23
- package/styled-components/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_size/tokens.json +0 -20
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/tokens.json +0 -10
- package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.js +0 -23
- package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +0 -7
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/tokens.json +0 -12
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js +0 -23
- package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js +0 -8
- package/styled-components/es/components/Select/ui/SelectItem/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectItem/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/Select/ui/SelectItem/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/ui/SelectItem/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +0 -148
- package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.styles.js +0 -62
- package/styled-components/es/components/Select/ui/index.js +0 -6
- package/styled-components/es/components/Select/variations/_target/base.js +0 -2
- package/styled-components/es/components/Select/variations/_target/tokens.json +0 -1
- package/types/components/Select/hooks/index.d.ts +0 -2
- package/types/components/Select/hooks/index.d.ts.map +0 -1
- package/types/components/Select/hooks/useKeyNavigation.d.ts.map +0 -1
- package/types/components/Select/ui/SelectChip/SelectChip.d.ts +0 -7
- package/types/components/Select/ui/SelectChip/SelectChip.d.ts.map +0 -1
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts +0 -37
- package/types/components/Select/ui/SelectChip/SelectChip.types.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts +0 -29
- package/types/components/Select/ui/SelectDivider/SelectDivider.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectDivider/SelectDivider.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts +0 -3
- package/types/components/Select/ui/SelectDivider/SelectDivider.types.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectDivider/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectDivider/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts +0 -29
- package/types/components/Select/ui/SelectFooter/SelectFooter.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectFooter/SelectFooter.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts +0 -3
- package/types/components/Select/ui/SelectFooter/SelectFooter.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectFooter/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectFooter/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts +0 -37
- package/types/components/Select/ui/SelectGroup/SelectGroup.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectGroup/SelectGroup.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts +0 -3
- package/types/components/Select/ui/SelectGroup/SelectGroup.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectGroup/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectGroup/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts +0 -29
- package/types/components/Select/ui/SelectHeader/SelectHeader.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectHeader/SelectHeader.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts +0 -3
- package/types/components/Select/ui/SelectHeader/SelectHeader.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectHeader/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectHeader/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts +0 -53
- package/types/components/Select/ui/SelectItem/SelectItem.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts +0 -3
- package/types/components/Select/ui/SelectItem/SelectItem.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts +0 -3
- package/types/components/Select/ui/SelectItem/SelectItem.type.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts +0 -2
- package/types/components/Select/ui/SelectItem/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts +0 -2
- package/types/components/Select/ui/SelectItem/variations/_view/base.d.ts.map +0 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts +0 -7
- package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +0 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.styles.d.ts.map +0 -1
- package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts +0 -60
- package/types/components/Select/ui/SelectTarget/SelectTarget.types.d.ts.map +0 -1
- package/types/components/Select/ui/index.d.ts +0 -7
- package/types/components/Select/ui/index.d.ts.map +0 -1
- package/types/components/Select/variations/_target/base.d.ts +0 -2
- package/types/components/Select/variations/_target/base.d.ts.map +0 -1
- /package/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/{Select/ui/SelectChip/SelectChip.types.js → Combobox/Select.types.js} +0 -0
- /package/styled-components/cjs/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectDivider/SelectDivider.types.js → elements/Inner/Inner.type.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectFooter/SelectFooter.type.js → elements/Inner/elements/Item/Item.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectGroup/SelectGroup.type.js → elements/SelectNotFoundContent/SelectNotFoundContent.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectHeader/SelectHeader.type.js → elements/Target/Target.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectItem/SelectItem.type.js → elements/Target/elements/Button/Button.types.js} +0 -0
- /package/styled-components/cjs/components/Select/{ui/SelectTarget/SelectTarget.types.js → elements/Target/elements/Textfield/Textfield.types.js} +0 -0
- /package/styled-components/es/components/{Select/ui/SelectChip/SelectChip.types.js → Combobox/Select.types.js} +0 -0
- /package/styled-components/es/components/{Select → Combobox}/hooks/useKeyNavigation.js +0 -0
- /package/styled-components/es/components/Select/{ui/SelectDivider/SelectDivider.types.js → elements/Inner/Inner.type.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectFooter/SelectFooter.type.js → elements/Inner/elements/Item/Item.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectGroup/SelectGroup.type.js → elements/SelectNotFoundContent/SelectNotFoundContent.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectHeader/SelectHeader.type.js → elements/Target/Target.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectItem/SelectItem.type.js → elements/Target/elements/Button/Button.types.js} +0 -0
- /package/styled-components/es/components/Select/{ui/SelectTarget/SelectTarget.types.js → elements/Target/elements/Textfield/Textfield.types.js} +0 -0
- /package/types/components/{Select → Combobox}/hooks/useKeyNavigation.d.ts +0 -0
@@ -1,103 +0,0 @@
|
|
1
|
-
import './SelectTarget.styles_hb1tns.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
import 'react';
|
4
|
-
import { IconChevronDown } from '../../../_Icon/Icons/IconChevronDown.js';
|
5
|
-
import '@linaria/core';
|
6
|
-
import { component, mergeConfig } from '../../../../engines/common.js';
|
7
|
-
import { buttonConfig } from '../../../Button/Button.js';
|
8
|
-
import { tokens } from '../../Select.tokens.js';
|
9
|
-
|
10
|
-
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
11
|
-
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
12
|
-
|
13
|
-
// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части
|
14
|
-
var _exp = function _exp() {
|
15
|
-
return Button;
|
16
|
-
};
|
17
|
-
var _exp7 = function _exp7() {
|
18
|
-
return function (_ref) {
|
19
|
-
var opened = _ref.opened;
|
20
|
-
return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
|
21
|
-
};
|
22
|
-
};
|
23
|
-
var _exp9 = function _exp9() {
|
24
|
-
return function (_ref2) {
|
25
|
-
var opened = _ref2.opened;
|
26
|
-
return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
|
27
|
-
};
|
28
|
-
};
|
29
|
-
var _exp11 = function _exp11() {
|
30
|
-
return function (_ref3) {
|
31
|
-
var opened = _ref3.opened;
|
32
|
-
return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
|
33
|
-
};
|
34
|
-
};
|
35
|
-
var _exp32 = function _exp32() {
|
36
|
-
return function (_ref4) {
|
37
|
-
var opened = _ref4.opened;
|
38
|
-
return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
|
39
|
-
};
|
40
|
-
};
|
41
|
-
var _exp33 = function _exp33() {
|
42
|
-
return function (_ref5) {
|
43
|
-
var opened = _ref5.opened;
|
44
|
-
return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
|
45
|
-
};
|
46
|
-
};
|
47
|
-
var _exp34 = function _exp34() {
|
48
|
-
return function (_ref6) {
|
49
|
-
var opened = _ref6.opened;
|
50
|
-
return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
|
51
|
-
};
|
52
|
-
};
|
53
|
-
var _exp35 = function _exp35() {
|
54
|
-
return function (_ref7) {
|
55
|
-
var target = _ref7.target;
|
56
|
-
return target === 'textField-like' ? "var(".concat(tokens.targetPaddingWithInput, ")") : "var(".concat(tokens.targetPadding, ")");
|
57
|
-
};
|
58
|
-
};
|
59
|
-
var StyledSelectTarget = /*#__PURE__*/styled(_exp())({
|
60
|
-
name: "StyledSelectTarget",
|
61
|
-
"class": "su9kdfl",
|
62
|
-
propsAsIs: true,
|
63
|
-
vars: {
|
64
|
-
"su9kdfl-0": [/*#__PURE__*/_exp7()],
|
65
|
-
"su9kdfl-1": [/*#__PURE__*/_exp9()],
|
66
|
-
"su9kdfl-2": [/*#__PURE__*/_exp11()],
|
67
|
-
"su9kdfl-3": [/*#__PURE__*/_exp32()],
|
68
|
-
"su9kdfl-4": [/*#__PURE__*/_exp33()],
|
69
|
-
"su9kdfl-5": [/*#__PURE__*/_exp34()],
|
70
|
-
"su9kdfl-6": [/*#__PURE__*/_exp35()]
|
71
|
-
}
|
72
|
-
});
|
73
|
-
var _exp53 = function _exp53() {
|
74
|
-
return IconChevronDown;
|
75
|
-
};
|
76
|
-
var StyledArrow = /*#__PURE__*/styled(_exp53())({
|
77
|
-
name: "StyledArrow",
|
78
|
-
"class": "s1wmzhh1",
|
79
|
-
propsAsIs: true
|
80
|
-
});
|
81
|
-
var StyledText = /*#__PURE__*/styled('span')({
|
82
|
-
name: "StyledText",
|
83
|
-
"class": "sr2fcv2",
|
84
|
-
propsAsIs: false
|
85
|
-
});
|
86
|
-
var StyledChipsWrapper = /*#__PURE__*/styled('div')({
|
87
|
-
name: "StyledChipsWrapper",
|
88
|
-
"class": "s9qj25q",
|
89
|
-
propsAsIs: false
|
90
|
-
});
|
91
|
-
var StyledChips = /*#__PURE__*/styled('div')({
|
92
|
-
name: "StyledChips",
|
93
|
-
"class": "s11wt6x2",
|
94
|
-
propsAsIs: false
|
95
|
-
});
|
96
|
-
var StyledLabel = /*#__PURE__*/styled('label')({
|
97
|
-
name: "StyledLabel",
|
98
|
-
"class": "s1xu52l7",
|
99
|
-
propsAsIs: false
|
100
|
-
});
|
101
|
-
|
102
|
-
export { StyledArrow, StyledChips, StyledChipsWrapper, StyledLabel, StyledSelectTarget, StyledText };
|
103
|
-
//# sourceMappingURL=SelectTarget.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"SelectTarget.styles.js","sources":["../../../../../src/components/Select/ui/SelectTarget/SelectTarget.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { IconChevronDown } from '../../../_Icon';\nimport { addFocus, applyEllipsis } from '../../../../mixins';\nimport { component, mergeConfig } from '../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../Button';\nimport { classes, tokens } from '../../Select.tokens';\nimport type { TargetType } from '../../Select.types';\n\nconst {\n hasChips,\n hasNoFocus,\n innerLabelUp,\n arrowInverse,\n selectTargetArrow,\n selectTargeText,\n selectTargetLabel,\n} = classes;\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части\nexport const StyledSelectTarget = styled(Button)<{ target?: TargetType; opened?: boolean }>`\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.disabledOpacity});\n ${buttonTokens.buttonColor}: var(${tokens.targetColor});\n ${buttonTokens.buttonBackgroundColor}: ${({ opened }) =>\n opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColor})`};\n ${buttonTokens.buttonBackgroundColorHover}: ${({ opened }) =>\n opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorHover})`};\n ${buttonTokens.buttonBackgroundColorActive}: ${({ opened }) =>\n opened ? `var(${tokens.targetBackgroundColorOpen})` : `var(${tokens.targetBackgroundColorActive})`};\n ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n ${buttonTokens.buttonWidth}: var(${tokens.targetWidth});\n ${buttonTokens.buttonRadius}: var(${tokens.targetRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.targetFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.targetFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.targetFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.targetFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.targetLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.targetLineHeight});\n ${buttonTokens.buttonFocusColor}: var(${tokens.focusColor});\n\n box-shadow: inset 0 0 0 0.0625rem\n ${({ opened }) => (opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColor})`)};\n\n &:hover:not([disabled]):not([readonly]) {\n box-shadow: inset 0 0 0 0.0625rem\n ${({ opened }) =>\n opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorHover})`};\n }\n\n &:active:not([disabled]):not([readonly]) {\n box-shadow: inset 0 0 0 0.0625rem\n ${({ opened }) =>\n opened ? `var(${tokens.targetBorderColorOpen})` : `var(${tokens.targetBorderColorActive})`};\n }\n\n padding: ${({ target }) =>\n target === 'textField-like' ? `var(${tokens.targetPaddingWithInput})` : `var(${tokens.targetPadding})`};\n\n display: flex;\n justify-content: flex-start;\n\n &[readonly] {\n cursor: default;\n\n .${String(selectTargetArrow)} {\n opacity: 0.4;\n }\n }\n\n .${String(arrowInverse)} {\n transform: rotate(-180deg);\n }\n\n &.${String(hasChips)} {\n padding: var(${tokens.targetPaddingHasChips});\n }\n\n &.${String(innerLabelUp)} {\n .${String(selectTargeText)} {\n top: var(${tokens.targetInnerTop});\n }\n\n .${String(selectTargetLabel)} {\n top: var(${tokens.targetLabelInnerTop});\n font-family: var(${tokens.targetLabelInnerFontFamily});\n font-size: var(${tokens.targetLabelInnerFontSize});\n font-style: var(${tokens.targetLabelInnerFontStyle});\n font-weight: var(${tokens.targetLabelInnerFontWeight});\n letter-spacing: var(${tokens.targetLabelInnerLetterSpacing});\n line-height: var(${tokens.targetLabelInnerLineHeight});\n }\n }\n\n &.${String(hasNoFocus)} {\n --plasma_private-combobox-focus-size: 0.0625rem;\n\n ${addFocus({\n hasTransition: false,\n outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',\n outlineRadius: `calc(var(${tokens.targetRadius}) + var(--plasma_private-combobox-focus-size))`,\n outlineSize: 'var(--plasma_private-combobox-focus-size)',\n customFocusRules: `\n &:focus-within {\n box-shadow: none;\n background-color: var(${tokens.targetBackgroundColorOpen});\n\n &::before {\n box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(${tokens.targetBorderColorOpen});\n }\n }\n `,\n })}\n }\n`;\n\nexport const StyledArrow = styled(IconChevronDown)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n\n position: absolute;\n right: var(${tokens.targetArrowRight});\n color: var(${tokens.targetArrowColor});\n`;\n\nexport const StyledText = styled.span`\n ${applyEllipsis()};\n\n position: relative;\n pointer-events: none;\n user-select: none;\n\n color: var(${tokens.targetColor});\n`;\n\nexport const StyledChipsWrapper = styled.div`\n border-radius: var(${tokens.chipBorderRadius});\n\n overflow: scroll;\n position: relative;\n width: 100%;\n height: var(${tokens.chipHeight});\n display: flex;\n align-items: center;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n scrollbar-width: none;\n\n overscroll-behavior: contain;\n`;\n\nexport const StyledChips = styled.div`\n overflow: visible;\n display: flex;\n gap: var(${tokens.chipGap});\n\n position: absolute;\n user-select: none;\n`;\n\nexport const StyledLabel = styled.label`\n ${applyEllipsis()};\n\n box-sizing: border-box;\n position: absolute;\n pointer-events: none;\n display: inline-flex;\n align-items: center;\n\n transition: all 0.1s ease-in-out;\n transform-origin: top left;\n\n width: 100%;\n height: auto;\n\n color: var(${tokens.targetLabelColor});\n\n font-family: var(${tokens.targetFontFamily});\n font-size: var(${tokens.targetFontSize});\n font-style: var(${tokens.targetFontStyle});\n font-weight: var(${tokens.targetFontWeight});\n letter-spacing: var(${tokens.targetLetterSpacing});\n line-height: var(${tokens.targetLineHeight});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","_exp7","_ref","opened","concat","tokens","targetBackgroundColorOpen","targetBackgroundColor","_exp9","_ref2","targetBackgroundColorHover","_exp11","_ref3","targetBackgroundColorActive","_exp32","_ref4","targetBorderColorOpen","targetBorderColor","_exp33","_ref5","targetBorderColorHover","_exp34","_ref6","targetBorderColorActive","_exp35","_ref7","target","targetPaddingWithInput","targetPadding","StyledSelectTarget","styled","name","class","propsAsIs","vars","_exp53","IconChevronDown","StyledArrow","StyledText","StyledChipsWrapper","StyledChips","StyledLabel"],"mappings":"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"}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
.su9kdfl{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}.su9kdfl:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.su9kdfl:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.su9kdfl[readonly]{cursor:default;}.su9kdfl[readonly] .select-target-arrow{opacity:0.4;}.su9kdfl .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.su9kdfl.has-chips{padding:var(--plasma-select-target-padding-has-chips);}.su9kdfl.inner-label-up .select-target-text{top:var(--plasma-select-target-inner-top);}.su9kdfl.inner-label-up .select-target-label{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.su9kdfl.has-no-focus{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.su9kdfl.has-no-focus::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.su9kdfl.has-no-focus:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.su9kdfl.has-no-focus:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
|
2
|
-
.s1wmzhh1{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
|
3
|
-
.sr2fcv2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-select-target-color);}
|
4
|
-
.s9qj25q{border-radius:var(--plasma-select-chip-border-radius);overflow:scroll;position:relative;width:100%;height:var(--plasma-select-chip-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.s9qj25q::-webkit-scrollbar{display:none;}
|
5
|
-
.s11wt6x2{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-select-chip-gap);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
6
|
-
.s1xu52l7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-select-target-label-color);font-family:var(--plasma-select-target-font-family);font-size:var(--plasma-select-target-font-size);font-style:var(--plasma-select-target-font-style);font-weight:var(--plasma-select-target-font-weight);-webkit-letter-spacing:var(--plasma-select-target-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-letter-spacing);letter-spacing:var(--plasma-select-target-letter-spacing);line-height:var(--plasma-select-target-line-height);}
|
@@ -1,105 +0,0 @@
|
|
1
|
-
import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import { Children, isValidElement, cloneElement } from 'react';
|
3
|
-
|
4
|
-
var getNewSelected = function getNewSelected(selected, newValue, type) {
|
5
|
-
if (newValue === undefined || newValue === null) {
|
6
|
-
return newValue;
|
7
|
-
}
|
8
|
-
if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
|
9
|
-
return newValue;
|
10
|
-
}
|
11
|
-
var newSelected = selected || [];
|
12
|
-
var set = new Set(newSelected);
|
13
|
-
if (set.has(newValue)) {
|
14
|
-
set["delete"](newValue);
|
15
|
-
} else {
|
16
|
-
set.add(newValue);
|
17
|
-
}
|
18
|
-
return Array.from(set);
|
19
|
-
};
|
20
|
-
var getChildrenInnerText = function getChildrenInnerText(children) {
|
21
|
-
if (!children || typeof children === 'string') {
|
22
|
-
return children;
|
23
|
-
}
|
24
|
-
return getChildrenInnerText(children.props.children);
|
25
|
-
};
|
26
|
-
var getValues = function getValues(items, value) {
|
27
|
-
var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
28
|
-
items.forEach(function (item) {
|
29
|
-
if (item.props === undefined) {
|
30
|
-
return result;
|
31
|
-
}
|
32
|
-
var newValue = item.props.value;
|
33
|
-
if (item.props.children && Array.isArray(item.props.children)) {
|
34
|
-
return getValues(item.props.children, value, result);
|
35
|
-
}
|
36
|
-
if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
|
37
|
-
return newValue === v;
|
38
|
-
})) {
|
39
|
-
var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
|
40
|
-
return newValue === v;
|
41
|
-
})) || 0;
|
42
|
-
if (item.props.text) {
|
43
|
-
var _newText = item.props.text;
|
44
|
-
result[index] = [newValue, _newText];
|
45
|
-
return;
|
46
|
-
}
|
47
|
-
var newText = getChildrenInnerText(item.props.children);
|
48
|
-
result[index] = [newValue, newText];
|
49
|
-
}
|
50
|
-
return result;
|
51
|
-
});
|
52
|
-
return result;
|
53
|
-
};
|
54
|
-
var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
|
55
|
-
return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
|
56
|
-
return (child === null || child === void 0 ? void 0 : child.props.value) === v;
|
57
|
-
}));
|
58
|
-
};
|
59
|
-
|
60
|
-
// INFO: Функция для рекурсивного обновления пропсов
|
61
|
-
var updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
|
62
|
-
return Children.map(children || [], function (child) {
|
63
|
-
if (! /*#__PURE__*/isValidElement(child)) {
|
64
|
-
return child;
|
65
|
-
}
|
66
|
-
var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
|
67
|
-
var props = _objectSpread2({
|
68
|
-
key: "".concat(value, "$"),
|
69
|
-
checked: getChildrenItemChecked(value, child)
|
70
|
-
}, hasValue && {
|
71
|
-
ref: function ref(element) {
|
72
|
-
var _externalProps$childr;
|
73
|
-
if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
|
74
|
-
externalProps.childrenRefs.current.push(element);
|
75
|
-
}
|
76
|
-
},
|
77
|
-
onClick: function onClick(event) {
|
78
|
-
var _child$props$onClick, _child$props, _externalProps$onClic;
|
79
|
-
(_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
|
80
|
-
externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
|
81
|
-
}
|
82
|
-
});
|
83
|
-
var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
|
84
|
-
if (filterFunction) {
|
85
|
-
var _child$props2;
|
86
|
-
var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
|
87
|
-
return filterFunction(text, search) ? /*#__PURE__*/cloneElement(child, props, updatedChild) : null;
|
88
|
-
}
|
89
|
-
return /*#__PURE__*/cloneElement(child, props, updatedChild);
|
90
|
-
});
|
91
|
-
};
|
92
|
-
var defaultFilterFunction = function defaultFilterFunction(text) {
|
93
|
-
var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
94
|
-
return text.includes(filterValue);
|
95
|
-
};
|
96
|
-
var getChildren = function getChildren(children, externalProps, value, search) {
|
97
|
-
var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
|
98
|
-
if (externalProps.childrenRefs) {
|
99
|
-
externalProps.childrenRefs.current = [];
|
100
|
-
}
|
101
|
-
return updatePropsRecursively(children, externalProps, value, search, filterFunction);
|
102
|
-
};
|
103
|
-
|
104
|
-
export { getChildren, getNewSelected, getValues, updatePropsRecursively };
|
105
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Select/utils/index.ts"],"sourcesContent":["import { Children, MouseEvent, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';\nimport { SelectItemProps } from '../ui/SelectItem/SelectItem.type';\n\ntype NewSelectedFunc = {\n (selected?: undefined | null, newValue?: undefined | null, type?: undefined | null): undefined;\n (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;\n (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<\n SelectPrimitiveValue\n >;\n};\n\nexport const getNewSelected: NewSelectedFunc = (selected: any, newValue: any, type: any) => {\n if (newValue === undefined || newValue === null) {\n return newValue;\n }\n\n if (\n (type === 'single' || type === 'native') &&\n (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')\n ) {\n return newValue;\n }\n\n const newSelected = selected || [];\n\n const set = new Set(newSelected);\n\n if (set.has(newValue)) {\n set.delete(newValue);\n } else {\n set.add(newValue);\n }\n\n return Array.from(set);\n};\n\nconst getChildrenInnerText = (children: ReactElement): string => {\n if (!children || typeof children === 'string') {\n return children;\n }\n\n return getChildrenInnerText(children.props.children);\n};\n\nexport const getValues = (items: ReactElement[], value?: SelectValue, result: Array<Array<string>> = []) => {\n items.forEach((item) => {\n if (item.props === undefined) {\n return result;\n }\n\n const { value: newValue } = item.props;\n\n if (item.props.children && Array.isArray(item.props.children)) {\n return getValues(item.props.children, value, result);\n }\n\n if (\n (!Array.isArray(value) && newValue === value) ||\n (Array.isArray(value) && value?.find((v) => newValue === v))\n ) {\n const index = (Array.isArray(value) && value?.findIndex((v) => newValue === v)) || 0;\n\n if (item.props.text) {\n const { text: newText } = item.props;\n result[index] = [newValue, newText];\n\n return;\n }\n\n const newText = getChildrenInnerText(item.props.children);\n result[index] = [newValue, newText];\n }\n\n return result;\n });\n\n return result;\n};\n\nconst getChildrenItemChecked = (value?: SelectValue, child?: ReactElement<SelectItemProps>) =>\n (!Array.isArray(value) && child?.props.value === value) ||\n (Array.isArray(value) && Boolean(value?.find((v) => child?.props.value === v)));\n\n// INFO: Функция для рекурсивного обновления пропсов\nexport const updatePropsRecursively = (\n children?: ReactElement<SelectItemProps>[],\n externalProps?: Record<string, any>,\n value?: SelectValue,\n search?: string,\n filterFunction?: (childText: string, filterValue?: string) => boolean,\n): ReactNode[] =>\n Children.map(children || [], (child) => {\n if (!isValidElement(child)) {\n return child;\n }\n\n const hasValue = 'value' in child?.props;\n\n const props = {\n key: `${value}$`,\n checked: getChildrenItemChecked(value, child),\n ...(hasValue && {\n ref: (element: HTMLDivElement) => {\n if (externalProps?.childrenRefs?.current && element) {\n externalProps.childrenRefs.current.push(element);\n }\n },\n onClick: (event: MouseEvent<HTMLDivElement>) => {\n child.props.onClick?.(event);\n externalProps?.onClick?.(event);\n },\n }),\n };\n\n const updatedChild = updatePropsRecursively(\n child.props.children as ReactElement<SelectItemProps>[],\n externalProps,\n value,\n search,\n filterFunction,\n );\n\n if (filterFunction) {\n const text = child.props?.text || '';\n\n return filterFunction(text, search) ? cloneElement(child, props, updatedChild) : null;\n }\n\n return cloneElement(child, props, updatedChild);\n });\n\nconst defaultFilterFunction = (text: string, filterValue = '') => text.includes(filterValue);\n\nexport const getChildren = (\n children: ReactElement<SelectItemProps>[],\n externalProps: Record<string, any>,\n value?: SelectValue,\n search?: string,\n filterFunction = defaultFilterFunction,\n) => {\n if (externalProps.childrenRefs) {\n externalProps.childrenRefs.current = [];\n }\n\n return updatePropsRecursively(children, externalProps, value, search, filterFunction);\n};\n"],"names":["getNewSelected","selected","newValue","type","undefined","newSelected","set","Set","has","add","Array","from","getChildrenInnerText","children","props","getValues","items","value","result","arguments","length","forEach","item","isArray","find","v","index","findIndex","text","newText","getChildrenItemChecked","child","Boolean","updatePropsRecursively","externalProps","search","filterFunction","Children","map","isValidElement","hasValue","_objectSpread","key","concat","checked","ref","element","_externalProps$childr","childrenRefs","current","push","onClick","event","_child$props$onClick","_child$props","_externalProps$onClic","call","updatedChild","_child$props2","cloneElement","defaultFilterFunction","filterValue","includes","getChildren"],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Select/variations/_target/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1,115 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: select
|
3
|
-
title: Select
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# Select
|
9
|
-
<Description name="Select" />
|
10
|
-
<PropsTable name="Select" />
|
11
|
-
|
12
|
-
```tsx live
|
13
|
-
import React, { useState } from 'react';
|
14
|
-
import { Select } from '@salutejs/{{ package }}';
|
15
|
-
|
16
|
-
export function App() {
|
17
|
-
const items = [
|
18
|
-
{ value: 'each', label: 'Каждый' },
|
19
|
-
{ value: 'hunter', label: 'Охотник', isDisabled: true },
|
20
|
-
{ value: 'wants', label: 'Желает' },
|
21
|
-
{
|
22
|
-
value: 'toKnow',
|
23
|
-
label: 'Знать',
|
24
|
-
items: [
|
25
|
-
{ value: '_fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
|
26
|
-
{ value: '_thePheasant', label: 'Фазан' },
|
27
|
-
{ value: '_is', label: 'Сидит' },
|
28
|
-
],
|
29
|
-
},
|
30
|
-
{ value: 'where', label: 'Где' },
|
31
|
-
{ value: 'is', label: 'Сидит' },
|
32
|
-
{ value: 'thePheasant', label: 'Фазан' },
|
33
|
-
{ value: 'fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
|
34
|
-
];
|
35
|
-
|
36
|
-
const [value, setValue] = useState(null);
|
37
|
-
|
38
|
-
return (
|
39
|
-
<div style=\{{ maxWidth: '20rem' }}>
|
40
|
-
<div style=\{{ marginBottom: '1rem' }}>
|
41
|
-
<Select
|
42
|
-
value={value}
|
43
|
-
items={items}
|
44
|
-
onChange={(v) => {
|
45
|
-
setValue(v);
|
46
|
-
}}
|
47
|
-
placeholder="Выберите пример"
|
48
|
-
helperText="Заполните пример"
|
49
|
-
status="success"
|
50
|
-
/>
|
51
|
-
</div>
|
52
|
-
<div>
|
53
|
-
<Select value={null} items={[]} placeholder="Another select" />
|
54
|
-
</div>
|
55
|
-
</div>
|
56
|
-
);
|
57
|
-
}
|
58
|
-
```
|
59
|
-
|
60
|
-
### Управление высотой выпадающего меню
|
61
|
-
Что бы задать высоту и `scroll` для выпадающего меню можно использовать **props** для компонента `Select`:
|
62
|
-
- **listOverflow**
|
63
|
-
- **listHeight**
|
64
|
-
|
65
|
-
> Эти **props** необязательные, если их не указать будет использовано значение - [initial](https://developer.mozilla.org/en-US/docs/Web/CSS/initial)
|
66
|
-
|
67
|
-
```tsx live
|
68
|
-
import React, { useState, useCallback } from 'react';
|
69
|
-
import { Select, Modal, ModalsProvider, H3, Button } from '@salutejs/{{ package }}';
|
70
|
-
|
71
|
-
export function App() {
|
72
|
-
const [value, setValue] = useState(null);
|
73
|
-
const [isOpenA, setIsOpenA] = useState(false);
|
74
|
-
|
75
|
-
const onCloseA = useCallback(() => setIsOpenA(false), []);
|
76
|
-
|
77
|
-
const items = [
|
78
|
-
{ value: 'each', label: 'Каждый' },
|
79
|
-
{ value: 'hunter', label: 'Охотник', isDisabled: true },
|
80
|
-
{ value: 'wants', label: 'Желает' },
|
81
|
-
{
|
82
|
-
value: 'toKnow',
|
83
|
-
label: 'Знать',
|
84
|
-
items: [
|
85
|
-
{ value: '_fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
|
86
|
-
{ value: '_thePheasant', label: 'Фазан' },
|
87
|
-
{ value: '_is', label: 'Сидит' },
|
88
|
-
],
|
89
|
-
},
|
90
|
-
{ value: 'where', label: 'Где' },
|
91
|
-
{ value: 'is', label: 'Сидит' },
|
92
|
-
{ value: 'thePheasant', label: 'Фазан' },
|
93
|
-
{ value: 'fullText', label: 'Каждый охотник желает знать, где сидит фазан' },
|
94
|
-
];
|
95
|
-
|
96
|
-
return (
|
97
|
-
<section>
|
98
|
-
<ModalsProvider>
|
99
|
-
<Button text="Open modal" onClick={() => setIsOpenA(true)} />
|
100
|
-
|
101
|
-
<Modal style=\{{ "height": "20rem" }} id="modalA" isOpen={isOpenA} onClose={onCloseA}>
|
102
|
-
<H3>Фильтр</H3>
|
103
|
-
<Select
|
104
|
-
value={value}
|
105
|
-
onChange={setValue}
|
106
|
-
items={items}
|
107
|
-
listHeight={11}
|
108
|
-
listOverflow="scroll"
|
109
|
-
/>
|
110
|
-
</Modal>
|
111
|
-
</ModalsProvider>
|
112
|
-
</section>
|
113
|
-
);
|
114
|
-
}
|
115
|
-
```
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "useKeyNavigation", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _useKeyNavigation.useKeyNavigation;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
var _useKeyNavigation = /*#__PURE__*/require("./useKeyNavigation");
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.StyledChip = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _Chip = /*#__PURE__*/require("../../../Chip");
|
9
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
-
var _Select = /*#__PURE__*/require("../../Select.tokens");
|
11
|
-
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
// issue #823
|
14
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
|
15
|
-
var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
16
|
-
|
17
|
-
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
18
|
-
var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-1ymdswn-0"
|
20
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", " &[readonly]{opacity:var(", ");}"], _Chip.chipTokens.color, _Select.tokens.chipColor, _Chip.chipTokens.background, _Select.tokens.chipBackground, _Chip.chipTokens.colorHover, _Select.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _Select.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _Select.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _Select.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _Select.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Select.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Select.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Select.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _Select.tokens.chipBorderRadius, _Chip.chipTokens.width, _Select.tokens.chipWidth, _Chip.chipTokens.height, _Select.tokens.chipHeight, _Chip.chipTokens.paddingRight, _Select.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _Select.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _Select.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _Select.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _Select.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _Select.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _Select.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _Select.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Select.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Select.tokens.chipClearContentMarginRight, _Chip.chipTokens.scaleHover, _Select.tokens.chipScaleHover, _Chip.chipTokens.scaleActive, _Select.tokens.chipScaleActive, _Chip.chipTokens.closeIconSize, _Select.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Select.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _Select.tokens.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
|
21
|
-
outlineOffset: '0.125rem',
|
22
|
-
outlineSize: '0.0625rem',
|
23
|
-
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.chipBorderRadius, ") - 0.1rem)"),
|
24
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Select.tokens.focusColor, ")")
|
25
|
-
}), _Select.tokens.chipOpacityReadonly);
|
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.selectDividerRoot = exports.selectDividerConfig = void 0;
|
7
|
-
var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
|
8
|
-
var _base = /*#__PURE__*/require("./variations/_view/base");
|
9
|
-
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
10
|
-
var _SelectDivider = /*#__PURE__*/require("./SelectDivider.styles");
|
11
|
-
var selectDividerRoot = exports.selectDividerRoot = _Dropdown.dropdownDividerRoot;
|
12
|
-
var selectDividerConfig = exports.selectDividerConfig = {
|
13
|
-
name: 'SelectDivider',
|
14
|
-
tag: 'div',
|
15
|
-
layout: selectDividerRoot,
|
16
|
-
base: _SelectDivider.base,
|
17
|
-
variations: {
|
18
|
-
view: {
|
19
|
-
css: _base.base
|
20
|
-
},
|
21
|
-
size: {
|
22
|
-
css: _base2.base
|
23
|
-
}
|
24
|
-
},
|
25
|
-
defaults: {
|
26
|
-
view: 'primary',
|
27
|
-
size: 'm'
|
28
|
-
}
|
29
|
-
};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.mappingOverride = exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Select = /*#__PURE__*/require("../../Select.tokens");
|
9
|
-
var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
|
10
|
-
// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
|
11
|
-
var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.dividerColor, _Select.tokens.dividerColor, _Dropdown.dropdownTokens.dividerWidth, _Select.tokens.dividerWidth, _Dropdown.dropdownTokens.dividerHeight, _Select.tokens.dividerHeight, _Dropdown.dropdownTokens.dividerMarginTop, _Select.tokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Select.tokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Select.tokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Select.tokens.dividerMarginLeft);
|
12
|
-
var base = exports.base = mappingOverride;
|
package/styled-components/cjs/components/Select/ui/SelectDivider/variations/_view/tokens.json
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
["--plasma-select-divider-color"]
|
@@ -1,29 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.selectFooterRoot = exports.selectFooterConfig = void 0;
|
7
|
-
var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
|
8
|
-
var _base = /*#__PURE__*/require("./variations/_view/base");
|
9
|
-
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
10
|
-
var _SelectFooter = /*#__PURE__*/require("./SelectFooter.styles");
|
11
|
-
var selectFooterRoot = exports.selectFooterRoot = _Dropdown.dropdownFooterRoot;
|
12
|
-
var selectFooterConfig = exports.selectFooterConfig = {
|
13
|
-
name: 'SelectFooter',
|
14
|
-
tag: 'div',
|
15
|
-
layout: selectFooterRoot,
|
16
|
-
base: _SelectFooter.base,
|
17
|
-
variations: {
|
18
|
-
view: {
|
19
|
-
css: _base.base
|
20
|
-
},
|
21
|
-
size: {
|
22
|
-
css: _base2.base
|
23
|
-
}
|
24
|
-
},
|
25
|
-
defaults: {
|
26
|
-
view: 'primary',
|
27
|
-
size: 'm'
|
28
|
-
}
|
29
|
-
};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.mappingOverride = exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _Select = /*#__PURE__*/require("../../Select.tokens");
|
9
|
-
var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
|
10
|
-
// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
|
11
|
-
var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.footerBackground, _Select.tokens.footerBackground, _Dropdown.dropdownTokens.footerWidth, _Select.tokens.footerWidth, _Dropdown.dropdownTokens.footerHeight, _Select.tokens.footerHeight, _Dropdown.dropdownTokens.footerPaddingTop, _Select.tokens.footerPaddingTop, _Dropdown.dropdownTokens.footerPaddingRight, _Select.tokens.footerPaddingRight, _Dropdown.dropdownTokens.footerPaddingBottom, _Select.tokens.footerPaddingBottom, _Dropdown.dropdownTokens.footerPaddingLeft, _Select.tokens.footerPaddingLeft, _Dropdown.dropdownTokens.footerMarginTop, _Select.tokens.footerMarginTop, _Dropdown.dropdownTokens.footerMarginRight, _Select.tokens.footerMarginRight, _Dropdown.dropdownTokens.footerMarginBottom, _Select.tokens.footerMarginBottom, _Dropdown.dropdownTokens.footerMarginLeft, _Select.tokens.footerMarginLeft, _Dropdown.dropdownTokens.footerFontFamily, _Select.tokens.footerFontFamily, _Dropdown.dropdownTokens.footerFontSize, _Select.tokens.footerFontSize, _Dropdown.dropdownTokens.footerFontStyle, _Select.tokens.footerFontStyle, _Dropdown.dropdownTokens.footerFontWeightBold, _Select.tokens.footerFontWeightBold, _Dropdown.dropdownTokens.footerFontLetterSpacing, _Select.tokens.footerFontLetterSpacing, _Dropdown.dropdownTokens.footerFontLineHeight, _Select.tokens.footerFontLineHeight);
|
12
|
-
var base = exports.base = mappingOverride;
|
package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json
DELETED
@@ -1,12 +0,0 @@
|
|
1
|
-
[
|
2
|
-
"--plasma-select-footer-width",
|
3
|
-
"--plasma-select-footer-height",
|
4
|
-
"--plasma-select-footer-padding-top",
|
5
|
-
"--plasma-select-footer-padding-right",
|
6
|
-
"--plasma-select-footer-padding-bottom",
|
7
|
-
"--plasma-select-footer-padding-left",
|
8
|
-
"--plasma-select-footer-margin-top",
|
9
|
-
"--plasma-select-footer-margin-right",
|
10
|
-
"--plasma-select-footer-margin-bottom",
|
11
|
-
"--plasma-select-footer-margin-left"
|
12
|
-
]
|
package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json
DELETED
@@ -1,9 +0,0 @@
|
|
1
|
-
[
|
2
|
-
"--plasma-select-footer-background",
|
3
|
-
"--plasma-select-footer-font-family",
|
4
|
-
"--plasma-select-footer-font-size",
|
5
|
-
"--plasma-select-footer-font-style",
|
6
|
-
"--plasma-select-footer-letter-spacing",
|
7
|
-
"--plasma-select-footer-line-height",
|
8
|
-
"--plasma-select-footer-font-weight"
|
9
|
-
]
|