@salutejs/plasma-new-hope 0.88.0-canary.1225.9418004112.0 → 0.88.0-canary.1233.9420319803.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.css +5 -5
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chip/{Chip.styles_1mwwhiw.css → Chip.styles_1l2rsrr.css} +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.css +5 -5
- 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/ComboboxChip/ComboboxChip.css +5 -5
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- 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/Pagination/Pagination.css +67 -57
- 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 +65 -55
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +21 -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/Range/Range.css +5 -5
- package/cjs/components/Select/Select.css +71 -60
- package/cjs/components/Select/Select.js +251 -201
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +49 -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 +112 -0
- package/cjs/components/Select/elements/Inner/Inner.js +77 -0
- package/cjs/components/Select/elements/Inner/Inner.js.map +1 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.css +112 -0
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js +87 -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 +67 -0
- package/cjs/components/Select/elements/Target/Target.js +57 -0
- package/cjs/components/Select/elements/Target/Target.js.map +1 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.css +34 -0
- package/cjs/components/Select/elements/Target/elements/Button/Button.js +62 -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 +58 -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_1bweq1y.css +6 -0
- package/cjs/components/Select/{ui/SelectTarget/SelectTarget.css → elements/Target/elements/Textfield/Textfield.css} +18 -12
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +94 -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_6vgsi4.css +12 -0
- package/cjs/components/Select/{ui/SelectChip/SelectChip.css → elements/Target/elements/Textfield/elements/Chip/Chip.css} +6 -6
- 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 +305 -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/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/Slider/Slider.css +5 -5
- package/cjs/components/Slider/components/Double/Double.css +5 -5
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +5 -5
- 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 +49 -40
- package/cjs/index.js +6 -24
- 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.css +5 -5
- package/es/components/Chip/Chip.styles.js +1 -1
- package/es/components/Chip/Chip.styles.js.map +1 -1
- package/es/components/Chip/{Chip.styles_1mwwhiw.css → Chip.styles_1l2rsrr.css} +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.css +5 -5
- 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/ComboboxChip/ComboboxChip.css +5 -5
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- 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/Pagination/Pagination.css +67 -57
- 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 +65 -55
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +24 -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/Range/Range.css +5 -5
- package/es/components/Select/Select.css +71 -60
- package/es/components/Select/Select.js +248 -199
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +46 -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 +112 -0
- package/es/components/Select/elements/Inner/Inner.js +73 -0
- package/es/components/Select/elements/Inner/Inner.js.map +1 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.css +112 -0
- package/es/components/Select/elements/Inner/elements/Item/Item.js +83 -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 +67 -0
- package/es/components/Select/elements/Target/Target.js +53 -0
- package/es/components/Select/elements/Target/Target.js.map +1 -0
- package/es/components/Select/elements/Target/elements/Button/Button.css +34 -0
- package/es/components/Select/elements/Target/elements/Button/Button.js +58 -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 +49 -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_1bweq1y.css +6 -0
- package/es/components/Select/{ui/SelectTarget/SelectTarget.css → elements/Target/elements/Textfield/Textfield.css} +18 -12
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js +90 -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_6vgsi4.css +12 -0
- package/es/components/Select/{ui/SelectChip/SelectChip.css → elements/Target/elements/Textfield/elements/Chip/Chip.css} +6 -6
- 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 +300 -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/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/Slider/Slider.css +5 -5
- package/es/components/Slider/components/Double/Double.css +5 -5
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +5 -5
- 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 +49 -40
- package/es/index.js +4 -9
- 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 +2 -4
- package/styled-components/cjs/components/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Chip/Chip.styles.js +1 -1
- 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/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 +23 -35
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
- package/styled-components/cjs/components/Select/Select.js +247 -194
- 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 +75 -0
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js +85 -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 +56 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.js +60 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +33 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +92 -0
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +66 -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 +307 -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/getCorrectHeight.js +12 -0
- package/styled-components/cjs/components/Select/utils/getView.js +26 -0
- package/styled-components/cjs/components/Select/utils/index.js +44 -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 +15 -1
- 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 +19 -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 +766 -209
- 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/hooks/index.js +7 -0
- package/styled-components/cjs/hooks/useOutsideClick.js +24 -0
- package/styled-components/cjs/index.js +0 -11
- 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.styles.js +1 -1
- 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/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 +23 -33
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -8
- package/styled-components/es/components/Select/Select.js +243 -191
- 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 +68 -0
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.js +76 -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 +49 -0
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.js +53 -0
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.styles.js +26 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.js +85 -0
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.styles.js +59 -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 +301 -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/getCorrectHeight.js +6 -0
- package/styled-components/es/components/Select/utils/getView.js +20 -0
- package/styled-components/es/components/Select/utils/index.js +7 -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 +3 -1
- 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 +19 -10
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.js +2 -11
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +766 -209
- 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/hooks/index.js +1 -0
- package/styled-components/es/hooks/useOutsideClick.js +18 -0
- package/styled-components/es/index.js +0 -1
- package/styled-components/es/utils/index.js +1 -0
- package/styled-components/es/utils/isEmpty.js +42 -0
- package/types/components/Chip/Chip.styles.d.ts.map +1 -1
- 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/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 +120 -38
- 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 +6 -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 +112 -68
- 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 +22 -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 +12 -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 +50 -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 +63 -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/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 +7 -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 +14 -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 +132 -45
- 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/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/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- 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/cjs/components/Sheet/Sheet.css +0 -9
- package/cjs/components/Sheet/Sheet.js +0 -112
- package/cjs/components/Sheet/Sheet.js.map +0 -1
- package/cjs/components/Sheet/Sheet.styles.js +0 -127
- package/cjs/components/Sheet/Sheet.styles.js.map +0 -1
- package/cjs/components/Sheet/Sheet.styles_1g0zo91.css +0 -7
- package/cjs/components/Sheet/Sheet.tokens.js +0 -17
- package/cjs/components/Sheet/Sheet.tokens.js.map +0 -1
- package/cjs/components/Sheet/hooks/useSheet.js +0 -26
- package/cjs/components/Sheet/hooks/useSheet.js.map +0 -1
- package/cjs/components/Sheet/hooks/useSheetSwipe.js +0 -98
- package/cjs/components/Sheet/hooks/useSheetSwipe.js.map +0 -1
- package/cjs/components/Sheet/utils/handleTransition.js +0 -13
- package/cjs/components/Sheet/utils/handleTransition.js.map +0 -1
- package/cjs/components/Sheet/utils/index.js +0 -8
- package/cjs/components/Sheet/utils/index.js.map +0 -1
- package/cjs/components/Sheet/variations/_view/base.js +0 -9
- package/cjs/components/Sheet/variations/_view/base.js.map +0 -1
- package/cjs/components/Sheet/variations/_view/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/es/components/Sheet/Sheet.css +0 -9
- package/es/components/Sheet/Sheet.js +0 -107
- package/es/components/Sheet/Sheet.js.map +0 -1
- package/es/components/Sheet/Sheet.styles.js +0 -117
- package/es/components/Sheet/Sheet.styles.js.map +0 -1
- package/es/components/Sheet/Sheet.styles_1g0zo91.css +0 -7
- package/es/components/Sheet/Sheet.tokens.js +0 -12
- package/es/components/Sheet/Sheet.tokens.js.map +0 -1
- package/es/components/Sheet/hooks/useSheet.js +0 -22
- package/es/components/Sheet/hooks/useSheet.js.map +0 -1
- package/es/components/Sheet/hooks/useSheetSwipe.js +0 -94
- package/es/components/Sheet/hooks/useSheetSwipe.js.map +0 -1
- package/es/components/Sheet/utils/handleTransition.js +0 -9
- package/es/components/Sheet/utils/handleTransition.js.map +0 -1
- package/es/components/Sheet/utils/index.js +0 -4
- package/es/components/Sheet/utils/index.js.map +0 -1
- package/es/components/Sheet/variations/_view/base.js +0 -5
- package/es/components/Sheet/variations/_view/base.js.map +0 -1
- package/es/components/Sheet/variations/_view/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/cjs/components/Sheet/Sheet.js +0 -112
- package/styled-components/cjs/components/Sheet/Sheet.styles.js +0 -55
- package/styled-components/cjs/components/Sheet/Sheet.tokens.js +0 -15
- package/styled-components/cjs/components/Sheet/Sheet.types.js +0 -5
- package/styled-components/cjs/components/Sheet/hooks/index.js +0 -19
- package/styled-components/cjs/components/Sheet/hooks/useSheet.js +0 -24
- package/styled-components/cjs/components/Sheet/hooks/useSheetSwipe.js +0 -102
- package/styled-components/cjs/components/Sheet/index.js +0 -31
- package/styled-components/cjs/components/Sheet/utils/handleTransition.js +0 -12
- package/styled-components/cjs/components/Sheet/utils/index.js +0 -14
- package/styled-components/cjs/components/Sheet/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Sheet/variations/_view/tokens.json +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.config.js +0 -18
- package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.js +0 -17
- package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +0 -341
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +0 -30
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.js +0 -21
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +0 -272
- package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.config.js +0 -18
- package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.js +0 -17
- package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +0 -334
- 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/styled-components/es/components/Sheet/Sheet.js +0 -104
- package/styled-components/es/components/Sheet/Sheet.styles.js +0 -48
- package/styled-components/es/components/Sheet/Sheet.tokens.js +0 -9
- package/styled-components/es/components/Sheet/Sheet.types.js +0 -1
- package/styled-components/es/components/Sheet/hooks/index.js +0 -2
- package/styled-components/es/components/Sheet/hooks/useSheet.js +0 -18
- package/styled-components/es/components/Sheet/hooks/useSheetSwipe.js +0 -95
- package/styled-components/es/components/Sheet/index.js +0 -2
- package/styled-components/es/components/Sheet/utils/handleTransition.js +0 -6
- package/styled-components/es/components/Sheet/utils/index.js +0 -2
- package/styled-components/es/components/Sheet/variations/_view/base.js +0 -2
- package/styled-components/es/components/Sheet/variations/_view/tokens.json +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.config.js +0 -12
- package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +0 -341
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +0 -24
- package/styled-components/es/examples/plasma_web/components/Select/Select.js +0 -15
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +0 -272
- package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.config.js +0 -12
- package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.js +0 -6
- package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +0 -334
- 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/types/components/Sheet/Sheet.d.ts +0 -23
- package/types/components/Sheet/Sheet.d.ts.map +0 -1
- package/types/components/Sheet/Sheet.styles.d.ts +0 -17
- package/types/components/Sheet/Sheet.styles.d.ts.map +0 -1
- package/types/components/Sheet/Sheet.tokens.d.ts +0 -10
- package/types/components/Sheet/Sheet.tokens.d.ts.map +0 -1
- package/types/components/Sheet/Sheet.types.d.ts +0 -53
- package/types/components/Sheet/Sheet.types.d.ts.map +0 -1
- package/types/components/Sheet/hooks/index.d.ts +0 -3
- package/types/components/Sheet/hooks/index.d.ts.map +0 -1
- package/types/components/Sheet/hooks/useSheet.d.ts +0 -3
- package/types/components/Sheet/hooks/useSheet.d.ts.map +0 -1
- package/types/components/Sheet/hooks/useSheetSwipe.d.ts +0 -9
- package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map +0 -1
- package/types/components/Sheet/index.d.ts +0 -4
- package/types/components/Sheet/index.d.ts.map +0 -1
- package/types/components/Sheet/utils/handleTransition.d.ts +0 -5
- package/types/components/Sheet/utils/handleTransition.d.ts.map +0 -1
- package/types/components/Sheet/utils/index.d.ts +0 -3
- package/types/components/Sheet/utils/index.d.ts.map +0 -1
- package/types/components/Sheet/variations/_view/base.d.ts +0 -2
- package/types/components/Sheet/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Sheet/Sheet.config.d.ts +0 -11
- package/types/examples/plasma_b2c/components/Sheet/Sheet.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Sheet/Sheet.d.ts +0 -8
- package/types/examples/plasma_b2c/components/Sheet/Sheet.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +0 -23
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +0 -66
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Sheet/Sheet.config.d.ts +0 -11
- package/types/examples/plasma_web/components/Sheet/Sheet.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Sheet/Sheet.d.ts +0 -8
- package/types/examples/plasma_web/components/Sheet/Sheet.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
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../../../../../src/components/Select/elements/Target/elements/Button/Button.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.targetButtonColor});\n ${buttonTokens.buttonColorHover}: var(${tokens.targetButtonColorHover});\n ${buttonTokens.buttonColorActive}: var(${tokens.targetButtonColorActive});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.targetButtonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.targetButtonBackgroundColorHover});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.targetButtonBackgroundColorActive});\n ${buttonTokens.buttonRightContentMargin}: var(${tokens.targetButtonArrowMargin});\n ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.targetButtonPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}: 600;\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n`;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.targetButtonArrowColor});\n\n &:hover {\n color: var(${tokens.targetButtonArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.targetButtonArrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const ButtonWrapper = styled.div`\n display: inline;\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n`;\n\nexport const InnerWrapper = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const Label = styled.div`\n width: 100%;\n text-align: left;\n\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp","StyledButton","styled","name","class","propsAsIs","IconArrowWrapper","_exp40","IconDisclosureDownCentered","StyledArrow","ButtonWrapper","InnerWrapper","Label"],"mappings":";;;;;;;;;;;AAQA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAR3BA,SAQ2BA,IAAAA,GAAA;AAAA,EAAA,OAEVF,MAAM,CAAA;AAAA,CAAA,CAAA;AAAlC,IAAMG,YAAY,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAoBjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAE,MAAA,GA3CgBA,SA2ChBA,MAAAA,GAAA;AAAA,EAAA,OAEgCC,qDAA0B,CAAA;AAAA,CAAA,CAAA;AAArD,IAAMC,WAAW,gBAAGP,YAAM,CAAAK,MAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAEM,IAAMK,aAAa,gBAAGR,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMlC,EAAA;AAEM,IAAMM,YAAY,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAMO,KAAK,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAK1B;;;;;;;;;"}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
.s1n7gats{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
|
2
|
+
.isdqa5a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.isdqa5a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.isdqa5a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
3
|
+
.s1yfglds{-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;}
|
4
|
+
.brzvbcx{display:inline;}.brzvbcx .select-without-box-shadow::before{box-shadow:none !important;}
|
5
|
+
.iogt3wm{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.iogt3wm .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
6
|
+
.l1gczdbd{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
@@ -10,13 +10,13 @@
|
|
10
10
|
|
11
11
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
12
12
|
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
13
|
+
.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
14
|
+
.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
15
|
+
.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
16
|
+
.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
17
|
+
.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
|
18
18
|
|
19
|
-
.
|
19
|
+
.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
20
20
|
|
21
21
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
22
22
|
|
@@ -46,9 +46,15 @@
|
|
46
46
|
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
47
47
|
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
48
48
|
|
49
|
-
.
|
50
|
-
.
|
51
|
-
|
52
|
-
.
|
53
|
-
.
|
54
|
-
.
|
49
|
+
.Textfield_styles_6vgsi4_t1i096k1__6c1ef787{display:inline;}.Textfield_styles_6vgsi4_t1i096k1__6c1ef787 .Textfield_styles_6vgsi4_selectTextfieldTarget__6c1ef787{background:var(--t1i096k1-0);padding:var(--t1i096k1-1);}.Textfield_styles_6vgsi4_t1i096k1__6c1ef787 .Textfield_styles_6vgsi4_selectWithoutBoxShadow__6c1ef787::before{box-shadow:none !important;}
|
50
|
+
.Textfield_styles_6vgsi4_s1m7a2v8__6c1ef787{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color:var(--plasma-select-target-textfield-background-color);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);position:relative;}.Textfield_styles_6vgsi4_s1m7a2v8__6c1ef787::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_6vgsi4_s1m7a2v8__6c1ef787.Textfield_styles_6vgsi4_focusVisible__6c1ef787:focus::before,.Textfield_styles_6vgsi4_s1m7a2v8__6c1ef787[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem --surface-accent;}
|
51
|
+
|
52
|
+
.Textfield_styles_6vgsi4_i1tkb6dn__6c1ef787{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_6vgsi4_i1tkb6dn__6c1ef787:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_6vgsi4_i1tkb6dn__6c1ef787:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
|
53
|
+
.Textfield_styles_6vgsi4_wc205mm__6c1ef787{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_6vgsi4_wc205mm__6c1ef787 .Textfield_styles_6vgsi4_arrowInverse__6c1ef787{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
54
|
+
.Textfield_styles_6vgsi4_coaceep__6c1ef787{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_6vgsi4_coaceep__6c1ef787::-webkit-scrollbar{display:none;}
|
55
|
+
.Textfield_styles_6vgsi4_lp4c7y3__6c1ef787{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
56
|
+
.Textfield_styles_6vgsi4_pwy2nbe__6c1ef787{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
57
|
+
.Textfield_styles_6vgsi4_ib53o3b__6c1ef787{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
58
|
+
.Textfield_styles_6vgsi4_ik0gt8g__6c1ef787{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
|
59
|
+
.Textfield_styles_6vgsi4_cbv75m4__6c1ef787{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-2px;margin-right:6px;}
|
60
|
+
.Textfield_styles_6vgsi4_v168vqsi__6c1ef787{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
@@ -0,0 +1,94 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var index = require('../../../../../../utils/index.js');
|
7
|
+
var Select_tokens = require('../../../../Select.tokens.js');
|
8
|
+
var Chip = require('./elements/Chip/Chip.js');
|
9
|
+
var Textfield_styles = require('./Textfield.styles.js');
|
10
|
+
var isEmpty = require('../../../../../../utils/isEmpty.js');
|
11
|
+
|
12
|
+
var getLabel = function getLabel(_ref) {
|
13
|
+
var value = _ref.value,
|
14
|
+
isTargetAmount = _ref.isTargetAmount,
|
15
|
+
valueToItemMap = _ref.valueToItemMap,
|
16
|
+
onChipClick = _ref.onChipClick,
|
17
|
+
label = _ref.label,
|
18
|
+
placeholder = _ref.placeholder,
|
19
|
+
focusedChipIndex = _ref.focusedChipIndex,
|
20
|
+
labelPlacement = _ref.labelPlacement,
|
21
|
+
size = _ref.size;
|
22
|
+
if (isEmpty.isEmpty(value)) {
|
23
|
+
if (!label || labelPlacement === 'outer') {
|
24
|
+
return /*#__PURE__*/React.createElement(Textfield_styles.Placeholder, null, placeholder);
|
25
|
+
}
|
26
|
+
return /*#__PURE__*/React.createElement(Textfield_styles.Label, null, label);
|
27
|
+
}
|
28
|
+
if (Array.isArray(value) && isTargetAmount) {
|
29
|
+
return /*#__PURE__*/React.createElement(Chip.Chip, {
|
30
|
+
text: "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length),
|
31
|
+
isTargetAmount: isTargetAmount
|
32
|
+
});
|
33
|
+
}
|
34
|
+
if (Array.isArray(value)) {
|
35
|
+
return value.map(function (currentValue, index) {
|
36
|
+
return /*#__PURE__*/React.createElement(Chip.Chip, {
|
37
|
+
text: valueToItemMap.get(currentValue).label,
|
38
|
+
onClick: function onClick(e) {
|
39
|
+
e.stopPropagation();
|
40
|
+
onChipClick(currentValue);
|
41
|
+
},
|
42
|
+
focused: focusedChipIndex === index
|
43
|
+
});
|
44
|
+
});
|
45
|
+
}
|
46
|
+
if (!label || labelPlacement === 'outer') {
|
47
|
+
return /*#__PURE__*/React.createElement(Textfield_styles.Value, null, valueToItemMap.get(value).label);
|
48
|
+
}
|
49
|
+
return /*#__PURE__*/React.createElement(Textfield_styles.InnerLabelWrapper, null, size !== 'xs' && /*#__PURE__*/React.createElement(Textfield_styles.InnerLabel, null, label), /*#__PURE__*/React.createElement(Textfield_styles.Value, null, valueToItemMap.get(value).label));
|
50
|
+
};
|
51
|
+
var Textfield = function Textfield(_ref2) {
|
52
|
+
var opened = _ref2.opened,
|
53
|
+
value = _ref2.value,
|
54
|
+
isTargetAmount = _ref2.isTargetAmount,
|
55
|
+
multiselect = _ref2.multiselect,
|
56
|
+
valueToItemMap = _ref2.valueToItemMap,
|
57
|
+
onChipClick = _ref2.onChipClick,
|
58
|
+
label = _ref2.label,
|
59
|
+
placeholder = _ref2.placeholder,
|
60
|
+
onKeyDown = _ref2.onKeyDown,
|
61
|
+
focusedChipIndex = _ref2.focusedChipIndex,
|
62
|
+
labelPlacement = _ref2.labelPlacement,
|
63
|
+
size = _ref2.size,
|
64
|
+
contentLeft = _ref2.contentLeft,
|
65
|
+
disabled = _ref2.disabled;
|
66
|
+
var withArrowInverse = opened ? Select_tokens.classes.arrowInverse : undefined;
|
67
|
+
var iconSize = size === 'xs' ? 'xs' : 's';
|
68
|
+
return /*#__PURE__*/React.createElement(Textfield_styles.TextfieldWrapper, {
|
69
|
+
opened: opened,
|
70
|
+
value: value
|
71
|
+
}, /*#__PURE__*/React.createElement(Textfield_styles.StyledButton, {
|
72
|
+
stretching: "filled",
|
73
|
+
className: index.cx(Select_tokens.classes.textfieldTarget, opened || focusedChipIndex !== null ? Select_tokens.classes.selectWithoutBoxShadow : undefined),
|
74
|
+
onKeyDown: onKeyDown,
|
75
|
+
disabled: disabled
|
76
|
+
}, /*#__PURE__*/React.createElement(Textfield_styles.Wrapper, null, contentLeft && (!multiselect || isEmpty.isEmpty(value)) && /*#__PURE__*/React.createElement(Textfield_styles.ContentLeftWrapper, null, contentLeft), /*#__PURE__*/React.createElement(Textfield_styles.ChipWrapper, null, getLabel({
|
77
|
+
value: value,
|
78
|
+
isTargetAmount: isTargetAmount,
|
79
|
+
valueToItemMap: valueToItemMap,
|
80
|
+
onChipClick: onChipClick,
|
81
|
+
label: label,
|
82
|
+
placeholder: placeholder,
|
83
|
+
focusedChipIndex: focusedChipIndex,
|
84
|
+
labelPlacement: labelPlacement,
|
85
|
+
size: size
|
86
|
+
})), /*#__PURE__*/React.createElement(Textfield_styles.IconArrowWrapper, null, /*#__PURE__*/React.createElement(Textfield_styles.StyledArrow, {
|
87
|
+
size: iconSize,
|
88
|
+
color: "inherit",
|
89
|
+
className: index.cx(Select_tokens.classes.selectTargetArrow, withArrowInverse)
|
90
|
+
})))));
|
91
|
+
};
|
92
|
+
|
93
|
+
exports.Textfield = Textfield;
|
94
|
+
//# sourceMappingURL=Textfield.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Textfield.js","sources":["../../../../../../../src/components/Select/elements/Target/elements/Textfield/Textfield.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\n\nimport { TextfieldProps, GetLabelProps } from './Textfield.types';\nimport { Chip } from './elements/Chip/Chip';\nimport {\n StyledButton,\n StyledArrow,\n Wrapper,\n ChipWrapper,\n TextfieldWrapper,\n IconArrowWrapper,\n Label,\n Placeholder,\n InnerLabel,\n InnerLabelWrapper,\n ContentLeftWrapper,\n Value,\n} from './Textfield.styles';\n\nconst getLabel = ({\n value,\n isTargetAmount,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n focusedChipIndex,\n labelPlacement,\n size,\n}: GetLabelProps) => {\n if (isEmpty(value)) {\n if (!label || labelPlacement === 'outer') {\n return <Placeholder>{placeholder}</Placeholder>;\n }\n\n return <Label>{label}</Label>;\n }\n\n if (Array.isArray(value) && isTargetAmount) {\n return <Chip text={`Выбрано: ${value.length}`} isTargetAmount={isTargetAmount} />;\n }\n\n if (Array.isArray(value)) {\n return value.map((currentValue, index) => (\n <Chip\n text={valueToItemMap.get(currentValue)!.label}\n onClick={(e: React.MouseEvent<HTMLElement>) => {\n e.stopPropagation();\n onChipClick(currentValue);\n }}\n focused={focusedChipIndex === index}\n />\n ));\n }\n\n if (!label || labelPlacement === 'outer') {\n return <Value>{valueToItemMap.get(value)!.label}</Value>;\n }\n\n return (\n <InnerLabelWrapper>\n {size !== 'xs' && <InnerLabel>{label}</InnerLabel>}\n <Value>{valueToItemMap.get(value)!.label}</Value>\n </InnerLabelWrapper>\n );\n};\n\nexport const Textfield: React.FC<TextfieldProps> = ({\n opened,\n value,\n isTargetAmount,\n multiselect,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const iconSize = size === 'xs' ? 'xs' : 's';\n\n return (\n <TextfieldWrapper opened={opened} value={value}>\n <StyledButton\n stretching=\"filled\"\n className={cx(\n classes.textfieldTarget,\n opened || focusedChipIndex !== null ? classes.selectWithoutBoxShadow : undefined,\n )}\n onKeyDown={onKeyDown}\n disabled={disabled}\n >\n <Wrapper>\n {contentLeft && (!multiselect || isEmpty(value)) && (\n <ContentLeftWrapper>{contentLeft}</ContentLeftWrapper>\n )}\n\n <ChipWrapper>\n {getLabel({\n value,\n isTargetAmount,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n focusedChipIndex,\n labelPlacement,\n size,\n })}\n </ChipWrapper>\n\n <IconArrowWrapper>\n <StyledArrow\n size={iconSize}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n </Wrapper>\n </StyledButton>\n </TextfieldWrapper>\n );\n};\n"],"names":["getLabel","_ref","value","isTargetAmount","valueToItemMap","onChipClick","label","placeholder","focusedChipIndex","labelPlacement","size","isEmpty","React","createElement","Placeholder","Label","Array","isArray","Chip","text","concat","length","map","currentValue","index","get","onClick","e","stopPropagation","focused","Value","InnerLabelWrapper","InnerLabel","Textfield","_ref2","opened","multiselect","onKeyDown","contentLeft","disabled","withArrowInverse","classes","arrowInverse","undefined","iconSize","TextfieldWrapper","StyledButton","stretching","className","cx","textfieldTarget","selectWithoutBoxShadow","Wrapper","ContentLeftWrapper","ChipWrapper","IconArrowWrapper","StyledArrow","color","selectTargetArrow"],"mappings":"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"}
|
@@ -0,0 +1,113 @@
|
|
1
|
+
import './Textfield.styles_6vgsi4.css';
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var react = require('@linaria/react');
|
7
|
+
require('react');
|
8
|
+
require('../../../../../../utils/react.js');
|
9
|
+
var isEmpty = require('../../../../../../utils/isEmpty.js');
|
10
|
+
var IconDisclosureDownCentered = require('../../../../../_Icon/Icons/IconDisclosureDownCentered.js');
|
11
|
+
require('@linaria/core');
|
12
|
+
var common = require('../../../../../../engines/common.js');
|
13
|
+
var Button$1 = require('../../../../../Button/Button.js');
|
14
|
+
var Select_tokens = require('../../../../Select.tokens.js');
|
15
|
+
|
16
|
+
var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
|
17
|
+
var Button = /*#__PURE__*/common.component(mergedButtonConfig);
|
18
|
+
var _exp2 = function _exp2() {
|
19
|
+
return function (_ref) {
|
20
|
+
var opened = _ref.opened;
|
21
|
+
return opened ? "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(Select_tokens.tokens.targetTextfieldBackgroundColor, ")");
|
22
|
+
};
|
23
|
+
};
|
24
|
+
var _exp3 = function _exp3() {
|
25
|
+
return function (_ref2) {
|
26
|
+
var value = _ref2.value;
|
27
|
+
return Array.isArray(value) && !isEmpty.isEmpty(value) ? "0 var(".concat(Select_tokens.tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(Select_tokens.tokens.targetTextfieldPadding, ")");
|
28
|
+
};
|
29
|
+
};
|
30
|
+
var TextfieldWrapper = /*#__PURE__*/react.styled('div')({
|
31
|
+
name: "TextfieldWrapper",
|
32
|
+
"class": "t1i096k1",
|
33
|
+
propsAsIs: false,
|
34
|
+
vars: {
|
35
|
+
"t1i096k1-0": [/*#__PURE__*/_exp2()],
|
36
|
+
"t1i096k1-1": [/*#__PURE__*/_exp3()]
|
37
|
+
}
|
38
|
+
});
|
39
|
+
var _exp5 = function _exp5() {
|
40
|
+
return Button;
|
41
|
+
};
|
42
|
+
var StyledButton = /*#__PURE__*/react.styled(_exp5())({
|
43
|
+
name: "StyledButton",
|
44
|
+
"class": "s1m7a2v8",
|
45
|
+
propsAsIs: true
|
46
|
+
});
|
47
|
+
var _exp37 = function _exp37() {
|
48
|
+
return IconDisclosureDownCentered.IconDisclosureDownCentered;
|
49
|
+
};
|
50
|
+
var StyledArrow = /*#__PURE__*/react.styled(_exp37())({
|
51
|
+
name: "StyledArrow",
|
52
|
+
"class": "s76midc",
|
53
|
+
propsAsIs: true
|
54
|
+
});
|
55
|
+
var IconArrowWrapper = /*#__PURE__*/react.styled('div')({
|
56
|
+
name: "IconArrowWrapper",
|
57
|
+
"class": "i1tkb6dn",
|
58
|
+
propsAsIs: false
|
59
|
+
});
|
60
|
+
var Wrapper = /*#__PURE__*/react.styled('div')({
|
61
|
+
name: "Wrapper",
|
62
|
+
"class": "wc205mm",
|
63
|
+
propsAsIs: false
|
64
|
+
});
|
65
|
+
var ChipWrapper = /*#__PURE__*/react.styled('div')({
|
66
|
+
name: "ChipWrapper",
|
67
|
+
"class": "coaceep",
|
68
|
+
propsAsIs: false
|
69
|
+
});
|
70
|
+
var Label = /*#__PURE__*/react.styled('label')({
|
71
|
+
name: "Label",
|
72
|
+
"class": "lp4c7y3",
|
73
|
+
propsAsIs: false
|
74
|
+
});
|
75
|
+
var Placeholder = /*#__PURE__*/react.styled('div')({
|
76
|
+
name: "Placeholder",
|
77
|
+
"class": "pwy2nbe",
|
78
|
+
propsAsIs: false
|
79
|
+
});
|
80
|
+
var InnerLabelWrapper = /*#__PURE__*/react.styled('div')({
|
81
|
+
name: "InnerLabelWrapper",
|
82
|
+
"class": "ib53o3b",
|
83
|
+
propsAsIs: false
|
84
|
+
});
|
85
|
+
var InnerLabel = /*#__PURE__*/react.styled('label')({
|
86
|
+
name: "InnerLabel",
|
87
|
+
"class": "ik0gt8g",
|
88
|
+
propsAsIs: false
|
89
|
+
});
|
90
|
+
var ContentLeftWrapper = /*#__PURE__*/react.styled('div')({
|
91
|
+
name: "ContentLeftWrapper",
|
92
|
+
"class": "cbv75m4",
|
93
|
+
propsAsIs: false
|
94
|
+
});
|
95
|
+
var Value = /*#__PURE__*/react.styled('span')({
|
96
|
+
name: "Value",
|
97
|
+
"class": "v168vqsi",
|
98
|
+
propsAsIs: false
|
99
|
+
});
|
100
|
+
|
101
|
+
exports.ChipWrapper = ChipWrapper;
|
102
|
+
exports.ContentLeftWrapper = ContentLeftWrapper;
|
103
|
+
exports.IconArrowWrapper = IconArrowWrapper;
|
104
|
+
exports.InnerLabel = InnerLabel;
|
105
|
+
exports.InnerLabelWrapper = InnerLabelWrapper;
|
106
|
+
exports.Label = Label;
|
107
|
+
exports.Placeholder = Placeholder;
|
108
|
+
exports.StyledArrow = StyledArrow;
|
109
|
+
exports.StyledButton = StyledButton;
|
110
|
+
exports.TextfieldWrapper = TextfieldWrapper;
|
111
|
+
exports.Value = Value;
|
112
|
+
exports.Wrapper = Wrapper;
|
113
|
+
//# sourceMappingURL=Textfield.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Textfield.styles.js","sources":["../../../../../../../src/components/Select/elements/Target/elements/Textfield/Textfield.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { isEmpty } from '../../../../../../utils';\nimport { applyEllipsis, addFocus } from '../../../../../../mixins';\nimport { IconDisclosureDownCentered } from '../../../../../_Icon';\nimport { component, mergeConfig } from '../../../../../../engines';\nimport { buttonConfig, buttonTokens } from '../../../../../Button';\nimport { tokens, classes, constants } from '../../../../Select.tokens';\nimport type { SelectProps } from '../../../../Select.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const TextfieldWrapper = styled.div<{ opened: boolean; value: SelectProps['value'] }>`\n display: inline;\n\n .${classes.textfieldTarget} {\n background: ${({ opened }) =>\n opened\n ? `var(${tokens.targetTextfieldBackgroundColorOpened})`\n : `var(${tokens.targetTextfieldBackgroundColor})`};\n padding: ${({ value }) =>\n Array.isArray(value) && !isEmpty(value)\n ? `0 var(${tokens.targetTextfieldChipPadding})`\n : `0 var(${tokens.targetTextfieldPadding})`};\n }\n\n .${classes.selectWithoutBoxShadow}::before {\n box-shadow: none !important;\n }\n`;\n\nexport const c2 = {\n focusSize: '6.25rem',\n};\n\nexport const StyledButton = styled(Button)`\n ${buttonTokens.buttonColor}: var(${constants.textfieldTargetColor});\n ${buttonTokens.buttonColorHover}: var(${constants.textfieldTargetColor});\n ${buttonTokens.buttonColorActive}: var(${constants.textfieldTargetColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.targetTextfieldBackgroundColor});\n ${buttonTokens.buttonHeight}: var(${tokens.targetHeight});\n ${buttonTokens.buttonWidth}: 100%;\n ${buttonTokens.buttonPadding}: var(${tokens.targetTextfieldPadding});\n ${buttonTokens.buttonRadius}: var(${tokens.borderRadius});\n ${buttonTokens.buttonFontFamily}: var(${tokens.fontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.fontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.fontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.fontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.fontLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.fontLineHeight});\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n ${buttonTokens.buttonFocusColor}: var(${constants.focusColor});\n\n ${addFocus({\n outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n outlineSize: constants.focusSize,\n outlineRadius: `calc(var(${tokens.borderRadius}) + var(${tokens.focusOffset}))`,\n outlineColor: constants.focusColor,\n })}\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n margin: var(${tokens.targetTextfieldArrowMargin});\n color: var(${tokens.targetTextfieldArrowColor});\n\n &:hover {\n color: var(${tokens.targetTextfieldArrowColorHover});\n }\n\n &:active {\n color: var(${tokens.targetTextfieldArrowColorActive});\n }\n`;\n\nexport const Wrapper = styled.div`\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .${classes.arrowInverse} {\n transform: rotate(-180deg);\n }\n`;\n\nexport const ChipWrapper = styled.div`\n width: 100%;\n display: flex;\n min-width: 0;\n padding: calc(${constants.focusSize} + var(${tokens.focusOffset}));\n gap: 0.25rem;\n overflow-x: scroll;\n border-top-right-radius: var(${tokens.chipBorderRadius});\n border-bottom-right-radius: var(${tokens.chipBorderRadius});\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nexport const Label = styled.label`\n color: var(${constants.textfieldInnerLabelColor});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const Placeholder = styled.div`\n color: var(${constants.textfieldPlaceholderColor});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabelWrapper = styled.div`\n display: flex;\n flex-direction: column;\n align-items: start;\n row-gap: var(${tokens.innerLabelGap});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const InnerLabel = styled.label`\n color: var(${constants.textfieldInnerLabelColor});\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n text-align: left;\n`;\n\nexport const ContentLeftWrapper = styled.div`\n flex: none;\n margin-left: -2px;\n margin-right: 6px;\n`;\n\nexport const Value = styled.span`\n ${applyEllipsis()}\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","opened","concat","tokens","targetTextfieldBackgroundColorOpened","targetTextfieldBackgroundColor","_exp3","_ref2","value","Array","isArray","isEmpty","targetTextfieldChipPadding","targetTextfieldPadding","TextfieldWrapper","styled","name","class","propsAsIs","vars","_exp5","StyledButton","_exp37","IconDisclosureDownCentered","StyledArrow","IconArrowWrapper","Wrapper","ChipWrapper","Label","Placeholder","InnerLabelWrapper","InnerLabel","ContentLeftWrapper","Value"],"mappings":"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"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.t1i096k1{display:inline;}.t1i096k1 .select-textfield-target{background:var(--t1i096k1-0);padding:var(--t1i096k1-1);}.t1i096k1 .select-without-box-shadow::before{box-shadow:none !important;}
|
2
|
+
.s1m7a2v8{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color:var(--plasma-select-target-textfield-background-color);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);position:relative;}.s1m7a2v8::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1m7a2v8.focus-visible:focus::before,.s1m7a2v8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem --surface-accent;}
|
3
|
+
|
4
|
+
.i1tkb6dn{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.i1tkb6dn:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.i1tkb6dn:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
|
5
|
+
.wc205mm{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.wc205mm .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
6
|
+
.coaceep{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.coaceep::-webkit-scrollbar{display:none;}
|
7
|
+
.lp4c7y3{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
8
|
+
.pwy2nbe{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
9
|
+
.ib53o3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
10
|
+
.ik0gt8g{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
|
11
|
+
.cbv75m4{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-2px;margin-right:6px;}
|
12
|
+
.v168vqsi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
@@ -12,10 +12,10 @@
|
|
12
12
|
|
13
13
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
14
14
|
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
15
|
+
.Chip_styles_1l2rsrr_bol5daj__32750637{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
16
|
+
.Chip_styles_1l2rsrr_sj20on5__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
17
|
+
.Chip_styles_1l2rsrr_s1ror4o9__32750637{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
18
|
+
.Chip_styles_1l2rsrr_swddmyi__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
19
|
+
.Chip_styles_1l2rsrr_s1pcflhj__32750637{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}.Chip_styles_1l2rsrr_s1pcflhj__32750637:hover{color:red;}
|
20
20
|
|
21
|
-
.
|
21
|
+
.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var React = require('react');
|
6
|
+
var Select_tokens = require('../../../../../../Select.tokens.js');
|
7
|
+
var Chip_styles = require('./Chip.styles.js');
|
8
|
+
|
9
|
+
var _div;
|
10
|
+
var Chip = function Chip(_ref) {
|
11
|
+
var text = _ref.text,
|
12
|
+
onClick = _ref.onClick,
|
13
|
+
focused = _ref.focused,
|
14
|
+
isTargetAmount = _ref.isTargetAmount;
|
15
|
+
var ref = React.useRef(null);
|
16
|
+
React.useEffect(function () {
|
17
|
+
if (focused && ref.current) {
|
18
|
+
ref.current.scrollIntoView({
|
19
|
+
behavior: 'smooth',
|
20
|
+
block: 'center',
|
21
|
+
inline: 'center'
|
22
|
+
});
|
23
|
+
}
|
24
|
+
}, [focused]);
|
25
|
+
return /*#__PURE__*/React.createElement(Chip_styles.StyledChip, {
|
26
|
+
contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
|
27
|
+
tabIndex: -1,
|
28
|
+
onClick: onClick,
|
29
|
+
text: "".concat(text),
|
30
|
+
className: focused ? Select_tokens.classes.selectChipIsFocused : undefined,
|
31
|
+
ref: ref
|
32
|
+
});
|
33
|
+
};
|
34
|
+
|
35
|
+
exports.Chip = Chip;
|
36
|
+
//# sourceMappingURL=Chip.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Chip.js","sources":["../../../../../../../../../src/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport { SelectProps } from '../../../../../../Select.types';\nimport { classes } from '../../../../../../Select.tokens';\n\nimport { StyledChip } from './Chip.styles';\n\nexport const Chip: React.FC<{\n text: string;\n onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n focused?: boolean;\n isTargetAmount?: SelectProps['isTargetAmount'];\n}> = ({ text, onClick, focused, isTargetAmount }) => {\n const ref = useRef<HTMLButtonElement | null>(null);\n\n useEffect(() => {\n if (focused && ref.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focused]);\n\n return (\n <StyledChip\n contentClearButton={isTargetAmount && <div />}\n tabIndex={-1}\n onClick={onClick}\n text={`${text}`}\n className={focused ? classes.selectChipIsFocused : undefined}\n ref={ref}\n />\n );\n};\n"],"names":["Chip","_ref","text","onClick","focused","isTargetAmount","ref","useRef","useEffect","current","scrollIntoView","behavior","block","inline","React","createElement","StyledChip","contentClearButton","_div","tabIndex","concat","className","classes","selectChipIsFocused","undefined"],"mappings":";;;;;;;;;IAOaA,IAKX,GAAG,SALQA,IAKXA,CAAAC,IAAA,EAAmD;AAAA,EAAA,IAA7CC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IAAEC,cAAc,GAAAJ,IAAA,CAAdI,cAAc,CAAA;AAC1C,EAAA,IAAMC,GAAG,GAAGC,YAAM,CAA2B,IAAI,CAAC,CAAA;AAElDC,EAAAA,eAAS,CAAC,YAAM;AACZ,IAAA,IAAIJ,OAAO,IAAIE,GAAG,CAACG,OAAO,EAAE;AACxBH,MAAAA,GAAG,CAACG,OAAO,CAACC,cAAc,CAAC;AACvBC,QAAAA,QAAQ,EAAE,QAAQ;AAClBC,QAAAA,KAAK,EAAE,QAAQ;AACfC,QAAAA,MAAM,EAAE,QAAA;AACZ,OAAC,CAAC,CAAA;AACN,KAAA;AACJ,GAAC,EAAE,CAACT,OAAO,CAAC,CAAC,CAAA;AAEb,EAAA,oBACIU,KAAA,CAAAC,aAAA,CAACC,sBAAU,EAAA;AACPC,IAAAA,kBAAkB,EAAEZ,cAAc,KAAAa,IAAA,KAAAA,IAAA,gBAAIJ,KAAA,CAAAC,aAAA,CAAM,KAAA,EAAA,IAAA,CAAC,CAAC,CAAA;IAC9CI,QAAQ,EAAE,CAAC,CAAE;AACbhB,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,IAAI,EAAAkB,EAAAA,CAAAA,MAAA,CAAKlB,IAAI,CAAG;AAChBmB,IAAAA,SAAS,EAAEjB,OAAO,GAAGkB,qBAAO,CAACC,mBAAmB,GAAGC,SAAU;AAC7DlB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GACZ,CAAC,CAAA;AAEV;;;;"}
|
@@ -1,26 +1,23 @@
|
|
1
|
-
import './
|
1
|
+
import './Chip.styles_k6znfr.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
5
5
|
|
6
6
|
var react = require('@linaria/react');
|
7
|
-
var Chip$1 = require('
|
7
|
+
var Chip$1 = require('../../../../../../../Chip/Chip.js');
|
8
8
|
require('@linaria/core');
|
9
|
-
var common = require('
|
9
|
+
var common = require('../../../../../../../../engines/common.js');
|
10
10
|
|
11
|
-
// issue #823
|
12
11
|
var mergedConfig = /*#__PURE__*/common.mergeConfig(Chip$1.chipConfig);
|
13
12
|
var Chip = /*#__PURE__*/common.component(mergedConfig);
|
14
|
-
|
15
|
-
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
16
13
|
var _exp = function _exp() {
|
17
14
|
return Chip;
|
18
15
|
};
|
19
16
|
var StyledChip = /*#__PURE__*/react.styled(_exp())({
|
20
17
|
name: "StyledChip",
|
21
|
-
"class": "
|
18
|
+
"class": "s19m2v6c",
|
22
19
|
propsAsIs: true
|
23
20
|
});
|
24
21
|
|
25
22
|
exports.StyledChip = StyledChip;
|
26
|
-
//# sourceMappingURL=
|
23
|
+
//# sourceMappingURL=Chip.styles.js.map
|
package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Chip.styles.js","sources":["../../../../../../../../../src/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { chipConfig, chipTokens } from '../../../../../../../Chip';\nimport { component, mergeConfig } from '../../../../../../../../engines';\nimport { tokens, classes, constants } from '../../../../../../Select.tokens';\nimport { addFocus } from '../../../../../../../../mixins';\n\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.colorHover}: var(${tokens.chipColor});\n ${chipTokens.colorActive}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.paddingRight}: var(${tokens.chipPaddingRight});\n ${chipTokens.paddingLeft}: var(${tokens.chipPaddingLeft});\n ${chipTokens.fontFamily}: var(${tokens.fontFamily});\n ${chipTokens.fontSize}: var(${tokens.fontSize});\n ${chipTokens.fontStyle}: var(${tokens.fontStyle});\n ${chipTokens.fontWeight}: var(${tokens.fontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.fontLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.fontLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipColor});\n ${chipTokens.focusColor}: var(${constants.focusColor});\n\n ${addFocus({\n outlineOffset: `calc(var(${tokens.focusOffset}) * -1)`,\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) + var(${tokens.focusOffset}))`,\n customFocusRules: `\n &.${classes.selectChipIsFocused}:before {\n outline: none;\n box-shadow: 0 0 0 ${constants.focusSize} var(${constants.focusColor});\n }\n `,\n })};\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAOA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GAPnBA,SAOmBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiC/B;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.s19m2v6c{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.s19m2v6c::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s19m2v6c.select-chip-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|