@salutejs/plasma-new-hope 0.193.0-canary.1558.11807380775.0 → 0.193.0-canary.1559.11816419999.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +21 -22
- package/cjs/components/Cell/Cell.js +3 -1
- package/cjs/components/Cell/Cell.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/cjs/components/Chip/Chip.js +3 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +21 -22
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -22
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Modal/Modal.css +0 -6
- package/cjs/components/Modal/Modal.js +13 -25
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.tokens.js +1 -5
- package/cjs/components/Modal/Modal.tokens.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +86 -37
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
- package/cjs/components/Range/Range.css +21 -22
- package/cjs/components/Select/FloatingPopover.js +87 -0
- package/cjs/components/Select/FloatingPopover.js.map +1 -0
- package/cjs/components/Select/Select.css +83 -34
- package/cjs/components/Select/Select.js +179 -139
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +17 -50
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/Select.styles_1p5c9p3.css +2 -0
- package/cjs/components/Select/Select.tokens.js +122 -78
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -72
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +83 -34
- package/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.css +83 -34
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +20 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +34 -51
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
- package/cjs/components/Select/ui/Target/Target.css +58 -17
- package/cjs/components/Select/ui/Target/Target.js +41 -16
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/cjs/components/Select/ui/Target/ui/Button/Button.js +11 -17
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +84 -97
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +38 -103
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
- package/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Select/utils/getFallbackPlacements.js +15 -0
- package/cjs/components/Select/utils/getFallbackPlacements.js.map +1 -0
- package/cjs/components/Select/utils/getItemId.js +10 -0
- package/cjs/components/Select/utils/getItemId.js.map +1 -0
- package/cjs/components/Select/utils/getPlacement.js +13 -0
- package/cjs/components/Select/utils/getPlacement.js.map +1 -0
- package/cjs/components/Select/utils/getView.js +2 -2
- package/cjs/components/Select/utils/getView.js.map +1 -1
- package/cjs/components/Slider/Slider.css +21 -22
- package/cjs/components/Slider/components/Double/Double.css +21 -22
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
- package/cjs/components/Steps/Steps.css +10 -10
- package/cjs/components/Steps/Steps.js +21 -14
- package/cjs/components/Steps/Steps.js.map +1 -1
- package/cjs/components/Steps/Steps.styles.js +1 -1
- package/cjs/components/Steps/Steps.styles.js.map +1 -1
- package/cjs/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
- package/cjs/components/Steps/Steps.tokens.js +1 -0
- package/cjs/components/Steps/Steps.tokens.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
- package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
- package/cjs/components/TextField/TextField.js +11 -2
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +14 -22
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/{es/components/TextField/TextField.styles_grgg7q.css → cjs/components/TextField/TextField.styles_j7dqpn.css} +6 -7
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.css +20 -21
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/cjs/components/TextField/variations/_clear/base.js +1 -1
- package/cjs/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
- package/cjs/index.css +57 -76
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/fixedForwardRef.js +12 -0
- package/cjs/utils/fixedForwardRef.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Cell/Cell.js +3 -1
- package/emotion/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/emotion/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/emotion/cjs/components/Chip/Chip.js +3 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/emotion/cjs/components/Modal/Modal.js +12 -24
- package/emotion/cjs/components/Modal/Modal.template-doc.mdx +0 -47
- package/emotion/cjs/components/Modal/Modal.tokens.js +1 -5
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/cjs/components/Select/FloatingPopover.js +91 -0
- package/emotion/cjs/components/Select/Select.js +177 -136
- package/emotion/cjs/components/Select/Select.styles.js +13 -31
- package/emotion/cjs/components/Select/Select.tokens.js +125 -60
- package/emotion/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/emotion/cjs/components/Select/reducers/index.js +0 -11
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +27 -50
- package/emotion/cjs/components/Select/ui/Target/Target.js +45 -18
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -19
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
- package/emotion/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/emotion/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
- package/emotion/cjs/components/Select/utils/getItemId.js +9 -0
- package/emotion/cjs/components/Select/utils/getPlacement.js +12 -0
- package/emotion/cjs/components/Select/utils/getView.js +2 -2
- package/emotion/cjs/components/Select/utils/index.js +22 -1
- package/emotion/cjs/components/Steps/Steps.js +23 -14
- package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
- package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
- package/emotion/cjs/components/TextField/TextField.js +12 -3
- package/emotion/cjs/components/TextField/TextField.styles.js +36 -40
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/emotion/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.config.js +1 -1
- package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
- package/emotion/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/cjs/index.js +11 -0
- package/emotion/cjs/types/DistributiveOmit.js +5 -0
- package/emotion/cjs/types/DistributivePick.js +5 -0
- package/emotion/cjs/utils/fixedForwardRef.js +11 -0
- package/emotion/cjs/utils/index.js +9 -1
- package/emotion/es/components/Cell/Cell.js +3 -1
- package/emotion/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/emotion/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/emotion/es/components/Chip/Chip.js +3 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/emotion/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/emotion/es/components/Modal/Modal.js +12 -24
- package/emotion/es/components/Modal/Modal.template-doc.mdx +0 -47
- package/emotion/es/components/Modal/Modal.tokens.js +1 -5
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +3 -3
- package/emotion/es/components/Select/FloatingPopover.js +84 -0
- package/emotion/es/components/Select/Select.js +182 -141
- package/emotion/es/components/Select/Select.styles.js +12 -30
- package/emotion/es/components/Select/Select.tokens.js +125 -60
- package/emotion/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
- package/emotion/es/components/Select/hooks/usePathMaps.js +4 -1
- package/emotion/es/components/Select/reducers/index.js +1 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +10 -10
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +26 -49
- package/emotion/es/components/Select/ui/Target/Target.js +42 -17
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.js +12 -19
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +6 -6
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +27 -74
- package/emotion/es/components/Select/utils/getButtonLabel.js +1 -1
- package/emotion/es/components/Select/utils/getFallbackPlacements.js +8 -0
- package/emotion/es/components/Select/utils/getItemId.js +3 -0
- package/emotion/es/components/Select/utils/getPlacement.js +6 -0
- package/emotion/es/components/Select/utils/getView.js +2 -2
- package/emotion/es/components/Select/utils/index.js +4 -1
- package/emotion/es/components/Steps/Steps.js +24 -15
- package/emotion/es/components/Steps/Steps.styles.js +1 -1
- package/emotion/es/components/Steps/Steps.tokens.js +1 -0
- package/emotion/es/components/Steps/ui/StepItem/StepItem.js +32 -8
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
- package/emotion/es/components/TextField/TextField.js +12 -3
- package/emotion/es/components/TextField/TextField.styles.js +36 -40
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/emotion/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
- package/emotion/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Modal/Modal.config.js +1 -1
- package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +29 -21
- package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/emotion/es/index.js +1 -0
- package/emotion/es/types/DistributiveOmit.js +1 -0
- package/emotion/es/types/DistributivePick.js +1 -0
- package/emotion/es/utils/fixedForwardRef.js +4 -0
- package/emotion/es/utils/index.js +2 -1
- package/es/components/Autocomplete/Autocomplete.css +21 -22
- package/es/components/Cell/Cell.js +3 -1
- package/es/components/Cell/Cell.js.map +1 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -1
- package/es/components/Chip/Chip.js +3 -1
- package/es/components/Chip/Chip.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +21 -22
- package/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/es/components/Combobox/ComboboxNew/Combobox.tokens.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +21 -22
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +21 -22
- package/es/components/DatePicker/RangeDate/RangeDate.css +21 -22
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +21 -22
- package/es/components/DatePicker/SingleDate/SingleDate.css +21 -22
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Modal/Modal.css +0 -6
- package/es/components/Modal/Modal.js +13 -25
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Modal/Modal.tokens.js +1 -5
- package/es/components/Modal/Modal.tokens.js.map +1 -1
- package/es/components/Pagination/Pagination.css +86 -37
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +86 -37
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css +3 -0
- package/es/components/Range/Range.css +21 -22
- package/es/components/Select/FloatingPopover.js +83 -0
- package/es/components/Select/FloatingPopover.js.map +1 -0
- package/es/components/Select/Select.css +83 -34
- package/es/components/Select/Select.js +182 -142
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +18 -48
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/Select.styles_1p5c9p3.css +2 -0
- package/es/components/Select/Select.tokens.js +123 -78
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +4 -1
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +83 -34
- package/es/components/Select/ui/Inner/Inner.js +10 -10
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.css +83 -34
- package/es/components/Select/ui/Inner/ui/Item/Item.js +22 -14
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +33 -50
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_1x4bzlm.css +9 -0
- package/es/components/Select/ui/Target/Target.css +58 -17
- package/es/components/Select/ui/Target/Target.js +42 -17
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.css +5 -5
- package/es/components/Select/ui/Target/ui/Button/Button.js +12 -18
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles_10g64me.css +5 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +53 -38
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +39 -95
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_q4kc1p.css +3 -0
- package/es/components/Select/utils/getButtonLabel.js +1 -1
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Select/utils/getFallbackPlacements.js +11 -0
- package/es/components/Select/utils/getFallbackPlacements.js.map +1 -0
- package/es/components/Select/utils/getItemId.js +6 -0
- package/es/components/Select/utils/getItemId.js.map +1 -0
- package/es/components/Select/utils/getPlacement.js +9 -0
- package/es/components/Select/utils/getPlacement.js.map +1 -0
- package/es/components/Select/utils/getView.js +2 -2
- package/es/components/Select/utils/getView.js.map +1 -1
- package/es/components/Slider/Slider.css +21 -22
- package/es/components/Slider/components/Double/Double.css +21 -22
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +21 -22
- package/es/components/Steps/Steps.css +10 -10
- package/es/components/Steps/Steps.js +23 -16
- package/es/components/Steps/Steps.js.map +1 -1
- package/es/components/Steps/Steps.styles.js +1 -1
- package/es/components/Steps/Steps.styles.js.map +1 -1
- package/es/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
- package/es/components/Steps/Steps.tokens.js +1 -0
- package/es/components/Steps/Steps.tokens.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
- package/es/components/Steps/ui/StepItem/StepItem.js +33 -9
- package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +9 -0
- package/es/components/TextField/TextField.js +11 -2
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +14 -22
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/{cjs/components/TextField/TextField.styles_grgg7q.css → es/components/TextField/TextField.styles_j7dqpn.css} +6 -7
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.css +20 -21
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.js.map +1 -1
- package/es/components/TextField/variations/_clear/base.js +1 -1
- package/es/components/TextField/variations/_clear/{base_1i91sjp.css → base_1396md2.css} +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base_gttvto.css +1 -0
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/{base_17ypmu7.css → base_1jvcf9a.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/{base_1xdmaqh.css → base_1tei47x.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_qhyte8.css → base_8ogww5.css} +1 -1
- package/es/index.css +57 -76
- package/es/index.js +1 -0
- package/es/index.js.map +1 -1
- package/es/utils/fixedForwardRef.js +8 -0
- package/es/utils/fixedForwardRef.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Cell/Cell.js +3 -1
- package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/styled-components/cjs/components/Chip/Chip.js +3 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +19 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/styled-components/cjs/components/Modal/Modal.js +12 -24
- package/styled-components/cjs/components/Modal/Modal.template-doc.mdx +0 -47
- package/styled-components/cjs/components/Modal/Modal.tokens.js +1 -5
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/cjs/components/Select/FloatingPopover.js +91 -0
- package/styled-components/cjs/components/Select/Select.js +177 -136
- package/styled-components/cjs/components/Select/Select.styles.js +12 -27
- package/styled-components/cjs/components/Select/Select.tokens.js +125 -60
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +19 -73
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +4 -1
- package/styled-components/cjs/components/Select/reducers/index.js +0 -11
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -9
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +19 -12
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +20 -26
- package/styled-components/cjs/components/Select/ui/Target/Target.js +45 -18
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js +14 -19
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +88 -99
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +1 -1
- package/styled-components/cjs/components/Select/utils/getFallbackPlacements.js +14 -0
- package/styled-components/cjs/components/Select/utils/getItemId.js +9 -0
- package/styled-components/cjs/components/Select/utils/getPlacement.js +12 -0
- package/styled-components/cjs/components/Select/utils/getView.js +2 -2
- package/styled-components/cjs/components/Select/utils/index.js +22 -1
- package/styled-components/cjs/components/Steps/Steps.js +23 -14
- package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
- package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +32 -8
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
- package/styled-components/cjs/components/TextField/TextField.js +11 -2
- package/styled-components/cjs/components/TextField/TextField.styles.js +12 -15
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +28 -20
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +28 -20
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/types/DistributiveOmit.js +5 -0
- package/styled-components/cjs/types/DistributivePick.js +5 -0
- package/styled-components/cjs/utils/fixedForwardRef.js +11 -0
- package/styled-components/cjs/utils/index.js +9 -1
- package/styled-components/es/components/Cell/Cell.js +3 -1
- package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +7 -1
- package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +4 -1
- package/styled-components/es/components/Chip/Chip.js +3 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.tokens.js +0 -1
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +18 -4
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.js +1 -50
- package/styled-components/es/components/Modal/Modal.js +12 -24
- package/styled-components/es/components/Modal/Modal.template-doc.mdx +0 -47
- package/styled-components/es/components/Modal/Modal.tokens.js +1 -5
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/styled-components/es/components/Select/FloatingPopover.js +84 -0
- package/styled-components/es/components/Select/Select.js +182 -141
- package/styled-components/es/components/Select/Select.styles.js +11 -26
- package/styled-components/es/components/Select/Select.tokens.js +125 -60
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +18 -72
- package/styled-components/es/components/Select/hooks/usePathMaps.js +4 -1
- package/styled-components/es/components/Select/reducers/index.js +1 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +10 -10
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +22 -15
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +19 -25
- package/styled-components/es/components/Select/ui/Target/Target.js +42 -17
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js +12 -19
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +3 -3
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +86 -99
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +23 -61
- package/styled-components/es/components/Select/utils/getButtonLabel.js +1 -1
- package/styled-components/es/components/Select/utils/getFallbackPlacements.js +8 -0
- package/styled-components/es/components/Select/utils/getItemId.js +3 -0
- package/styled-components/es/components/Select/utils/getPlacement.js +6 -0
- package/styled-components/es/components/Select/utils/getView.js +2 -2
- package/styled-components/es/components/Select/utils/index.js +4 -1
- package/styled-components/es/components/Steps/Steps.js +24 -15
- package/styled-components/es/components/Steps/Steps.styles.js +1 -1
- package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +32 -8
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
- package/styled-components/es/components/TextField/TextField.js +11 -2
- package/styled-components/es/components/TextField/TextField.styles.js +12 -15
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js +7 -1
- package/styled-components/es/examples/plasma_b2c/components/Combobox/Combobox.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx +1 -90
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +29 -21
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +47 -40
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx +1 -90
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +29 -21
- package/styled-components/es/examples/plasma_web/components/Select/Select.stories.tsx +47 -40
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/types/DistributiveOmit.js +1 -0
- package/styled-components/es/types/DistributivePick.js +1 -0
- package/styled-components/es/utils/fixedForwardRef.js +4 -0
- package/styled-components/es/utils/index.js +2 -1
- package/types/components/Attach/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -4
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +16 -16
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -2
- package/types/components/Cell/Cell.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -1
- package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -1
- package/types/components/Chip/Chip.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.tokens.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +4 -3
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/FloatingPopover.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts +1 -3
- package/types/components/Combobox/ComboboxNew/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +16 -16
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +16 -16
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/EmptyState/EmptyState.styles.d.ts +2 -2
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.tokens.d.ts +0 -4
- package/types/components/Modal/Modal.tokens.d.ts.map +1 -1
- package/types/components/Modal/Modal.types.d.ts +1 -21
- package/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/types/components/Modal/index.d.ts +1 -1
- package/types/components/Modal/index.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +2 -2
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -2
- package/types/components/Pagination/Pagination.styles.d.ts +4 -4
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +42 -42
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -2
- package/types/components/Range/Range.styles.d.ts +16 -16
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Select/FloatingPopover.d.ts +5 -0
- package/types/components/Select/FloatingPopover.d.ts.map +1 -0
- package/types/components/Select/Select.d.ts +5 -11
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +0 -9
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.tokens.d.ts +121 -58
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +42 -21
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts +5 -11
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +2 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/index.d.ts +1 -1
- package/types/components/Select/index.d.ts.map +1 -1
- package/types/components/Select/reducers/index.d.ts +0 -1
- package/types/components/Select/reducers/index.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +32 -2
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +9 -0
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +14 -2
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +10 -9
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -2
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts +628 -60
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.styles.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -4
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/getFallbackPlacements.d.ts +4 -0
- package/types/components/Select/utils/getFallbackPlacements.d.ts.map +1 -0
- package/types/components/Select/utils/getItemId.d.ts +2 -0
- package/types/components/Select/utils/getItemId.d.ts.map +1 -0
- package/types/components/Select/utils/getPlacement.d.ts +4 -0
- package/types/components/Select/utils/getPlacement.d.ts.map +1 -0
- package/types/components/Select/utils/getView.d.ts +1 -1
- package/types/components/Select/utils/getView.d.ts.map +1 -1
- package/types/components/Select/utils/index.d.ts +3 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +16 -16
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Steps/Steps.d.ts.map +1 -1
- package/types/components/Steps/Steps.styles.d.ts.map +1 -1
- package/types/components/Steps/Steps.tokens.d.ts +1 -0
- package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +1 -3
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts +3 -1
- package/types/components/TextField/ui/TextFieldChip/TextFieldChip.d.ts.map +1 -1
- package/types/components/Toast/Toast.styles.d.ts +2 -2
- package/types/components/Toast/utils.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_b2c/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_b2c/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Modal/Modal.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Modal/Modal.d.ts +1 -7
- package/types/examples/plasma_b2c/components/Modal/Modal.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_b2c/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +15 -7
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +55 -48
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Attach/Attach.d.ts +8 -8
- package/types/examples/plasma_web/components/Button/Button.d.ts +2 -2
- package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +24 -24
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +2 -2
- package/types/examples/plasma_web/components/Mask/Mask.d.ts +16 -16
- package/types/examples/plasma_web/components/Mask/Mask.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Modal/Modal.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Modal/Modal.d.ts +1 -7
- package/types/examples/plasma_web/components/Modal/Modal.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts +1 -1
- package/types/examples/plasma_web/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.config.d.ts +15 -7
- package/types/examples/plasma_web/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Select/Select.d.ts +55 -48
- package/types/examples/plasma_web/components/Select/Select.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +16 -16
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/types/DistributiveOmit.d.ts +2 -0
- package/types/types/DistributiveOmit.d.ts.map +1 -0
- package/types/types/DistributivePick.d.ts +2 -0
- package/types/types/DistributivePick.d.ts.map +1 -0
- package/types/types/index.d.ts +2 -0
- package/types/types/index.d.ts.map +1 -1
- package/types/utils/fixedForwardRef.d.ts +3 -0
- package/types/utils/fixedForwardRef.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +0 -27
- package/cjs/components/Modal/Modal.styles.js.map +0 -1
- package/cjs/components/Modal/Modal.styles_1fjhyqd.css +0 -3
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
- package/cjs/components/Select/Select.styles_768h42.css +0 -5
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -39
- package/cjs/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -36
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
- package/cjs/components/Select/variations/_size/base.js +0 -9
- package/cjs/components/Select/variations/_size/base.js.map +0 -1
- package/cjs/components/Select/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Select/variations/_view/base.js +0 -9
- package/cjs/components/Select/variations/_view/base.js.map +0 -1
- package/cjs/components/Select/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
- package/cjs/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/emotion/cjs/components/Modal/Modal.styles.js +0 -30
- package/emotion/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -22
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
- package/emotion/cjs/components/Select/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Select/variations/_size/tokens.json +0 -9
- package/emotion/cjs/components/Select/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Select/variations/_view/tokens.json +0 -1
- package/emotion/es/components/Modal/Modal.styles.js +0 -23
- package/emotion/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -15
- package/emotion/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
- package/emotion/es/components/Select/variations/_size/base.js +0 -2
- package/emotion/es/components/Select/variations/_size/tokens.json +0 -9
- package/emotion/es/components/Select/variations/_view/base.js +0 -2
- package/emotion/es/components/Select/variations/_view/tokens.json +0 -1
- package/es/components/Modal/Modal.styles.js +0 -21
- package/es/components/Modal/Modal.styles.js.map +0 -1
- package/es/components/Modal/Modal.styles_1fjhyqd.css +0 -3
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1fesyfv.css +0 -3
- package/es/components/Select/Select.styles_768h42.css +0 -5
- package/es/components/Select/reducers/focusedChipIndexReducer.js +0 -35
- package/es/components/Select/reducers/focusedChipIndexReducer.js.map +0 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles_8oe5oy.css +0 -9
- package/es/components/Select/ui/Target/ui/Button/Button.styles_lxxm4p.css +0 -5
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles_1damf5p.css +0 -12
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.css +0 -21
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -32
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js.map +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -18
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js.map +0 -1
- package/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles_1a752pa.css +0 -1
- package/es/components/Select/variations/_size/base.js +0 -5
- package/es/components/Select/variations/_size/base.js.map +0 -1
- package/es/components/Select/variations/_size/base_x642ct.css +0 -1
- package/es/components/Select/variations/_view/base.js +0 -5
- package/es/components/Select/variations/_view/base.js.map +0 -1
- package/es/components/Select/variations/_view/base_x642ct.css +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
- package/es/components/TextField/variations/_label-placement/base_3domm.css +0 -1
- package/styled-components/cjs/components/Modal/Modal.styles.js +0 -18
- package/styled-components/cjs/components/Select/reducers/focusedChipIndexReducer.js +0 -38
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -37
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -21
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -16
- package/styled-components/cjs/components/Select/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_size/tokens.json +0 -9
- package/styled-components/cjs/components/Select/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Select/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Modal/Modal.styles.js +0 -11
- package/styled-components/es/components/Select/reducers/focusedChipIndexReducer.js +0 -32
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js +0 -28
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js +0 -14
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/index.js +0 -1
- package/styled-components/es/components/Select/variations/_size/base.js +0 -2
- package/styled-components/es/components/Select/variations/_size/tokens.json +0 -9
- package/styled-components/es/components/Select/variations/_view/base.js +0 -2
- package/styled-components/es/components/Select/variations/_view/tokens.json +0 -1
- package/types/components/Modal/Modal.styles.d.ts +0 -5
- package/types/components/Modal/Modal.styles.d.ts.map +0 -1
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts +0 -11
- package/types/components/Select/reducers/focusedChipIndexReducer.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts +0 -9
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts +0 -3
- package/types/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.d.ts.map +0 -1
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts +0 -2
- package/types/components/Select/ui/Target/ui/Textfield/ui/index.d.ts.map +0 -1
- package/types/components/Select/variations/_size/base.d.ts +0 -2
- package/types/components/Select/variations/_size/base.d.ts.map +0 -1
- package/types/components/Select/variations/_view/base.d.ts +0 -2
- package/types/components/Select/variations/_view/base.d.ts.map +0 -1
@@ -310,7 +310,6 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
310
310
|
focusedToValueMap: focusedToValueMap,
|
311
311
|
handleListToggle: handleListToggle,
|
312
312
|
handlePressDown: handlePressDown,
|
313
|
-
multiselect: multiple,
|
314
313
|
setTextValue: setTextValue
|
315
314
|
}),
|
316
315
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
@@ -57,7 +57,6 @@ var tokens = exports.tokens = {
|
|
57
57
|
checkboxIconColor: '--plasma-combobox-checkbox-icon-color',
|
58
58
|
checkboxTriggerBorderColor: '--plasma-combobox-checkbox-trigger-border-color',
|
59
59
|
indicatorSize: '--plasma-combobox-indicator-size',
|
60
|
-
targetHeight: '--plasma-combobox-target-height',
|
61
60
|
// Токены для TextField
|
62
61
|
textFieldColor: '--plasma-combobox-new-textfield-color',
|
63
62
|
textFieldClearColor: '--plasma-combobox-new-textfield-clear-color',
|
@@ -64,13 +64,27 @@ var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forward
|
|
64
64
|
/*#__PURE__*/
|
65
65
|
// root - принимает ref контейнера портала.
|
66
66
|
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
67
|
-
_react2["default"].createElement(_react.FloatingPortal, {
|
68
|
-
root: portal,
|
69
|
-
id: portal ? undefined : wrappedId
|
70
|
-
}, /*#__PURE__*/_react2["default"].createElement("div", {
|
67
|
+
_react2["default"].createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/_react2["default"].createElement("div", {
|
71
68
|
ref: refs.setFloating,
|
72
69
|
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
73
70
|
zIndex: 1
|
74
71
|
})
|
75
72
|
}, children)));
|
76
|
-
});
|
73
|
+
});
|
74
|
+
// root - принимает ref контейнера портала.
|
75
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
76
|
+
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
77
|
+
if (!portal) {
|
78
|
+
return {
|
79
|
+
id: wrappedId
|
80
|
+
};
|
81
|
+
}
|
82
|
+
if (typeof portal === 'string') {
|
83
|
+
return {
|
84
|
+
id: portal
|
85
|
+
};
|
86
|
+
}
|
87
|
+
return {
|
88
|
+
root: portal
|
89
|
+
};
|
90
|
+
};
|
@@ -35,7 +35,6 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
|
|
35
35
|
focusedToValueMap = _ref.focusedToValueMap,
|
36
36
|
handleListToggle = _ref.handleListToggle,
|
37
37
|
handlePressDown = _ref.handlePressDown,
|
38
|
-
multiselect = _ref.multiselect,
|
39
38
|
setTextValue = _ref.setTextValue;
|
40
39
|
var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
|
41
40
|
var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
|
@@ -130,7 +129,6 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
|
|
130
129
|
break;
|
131
130
|
}
|
132
131
|
var currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
133
|
-
console.log('currentItem', currentItem, focusedPath, focusedToValueMap);
|
134
132
|
if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
|
135
133
|
if (path.length > focusedPath.length) {
|
136
134
|
dispatchFocusedPath({
|
@@ -147,32 +145,6 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
|
|
147
145
|
}
|
148
146
|
break;
|
149
147
|
}
|
150
|
-
case keys.Backspace:
|
151
|
-
{
|
152
|
-
if (!multiselect) break;
|
153
|
-
break;
|
154
|
-
}
|
155
|
-
|
156
|
-
// case keys.Space: {
|
157
|
-
// event.preventDefault();
|
158
|
-
//
|
159
|
-
// const currentItem = getItemByFocused(focusedPath, focusedToValueMap);
|
160
|
-
//
|
161
|
-
// if (!path[0]) {
|
162
|
-
// dispatchPath({ type: 'opened_first_level' });
|
163
|
-
// dispatchFocusedPath({ type: 'set_initial_focus' });
|
164
|
-
// break;
|
165
|
-
// }
|
166
|
-
//
|
167
|
-
// if (!currentItem || currentItem?.disabled) {
|
168
|
-
// break;
|
169
|
-
// }
|
170
|
-
//
|
171
|
-
// handlePressDown(currentItem);
|
172
|
-
//
|
173
|
-
// break;
|
174
|
-
// }
|
175
|
-
|
176
148
|
case keys.Enter:
|
177
149
|
{
|
178
150
|
event.preventDefault();
|
@@ -189,34 +161,12 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
|
|
189
161
|
});
|
190
162
|
break;
|
191
163
|
}
|
192
|
-
|
193
|
-
// if (currentItem?.items) {
|
194
|
-
// if (path.length > focusedPath.length) {
|
195
|
-
// dispatchFocusedPath({ type: 'add_focus', value: 0 });
|
196
|
-
// } else {
|
197
|
-
// dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });
|
198
|
-
// }
|
199
|
-
//
|
200
|
-
// break;
|
201
|
-
// }
|
202
|
-
|
203
164
|
if (_currentItem) {
|
204
165
|
handlePressDown(_currentItem);
|
205
166
|
}
|
206
167
|
break;
|
207
168
|
}
|
208
169
|
case keys.Tab:
|
209
|
-
{
|
210
|
-
dispatchPath({
|
211
|
-
type: 'reset'
|
212
|
-
});
|
213
|
-
dispatchFocusedPath({
|
214
|
-
type: 'reset'
|
215
|
-
});
|
216
|
-
handleListToggle(false);
|
217
|
-
setTextValue('');
|
218
|
-
break;
|
219
|
-
}
|
220
170
|
case keys.Escape:
|
221
171
|
{
|
222
172
|
dispatchPath({
|
@@ -226,6 +176,7 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
|
|
226
176
|
type: 'reset'
|
227
177
|
});
|
228
178
|
handleListToggle(false);
|
179
|
+
setTextValue('');
|
229
180
|
break;
|
230
181
|
}
|
231
182
|
case keys.Home:
|
@@ -12,14 +12,11 @@ var _Popup = /*#__PURE__*/require("../Popup");
|
|
12
12
|
var _Overlay = /*#__PURE__*/require("../Overlay");
|
13
13
|
var _utils = /*#__PURE__*/require("../Popup/utils");
|
14
14
|
var _hooks = /*#__PURE__*/require("../../hooks");
|
15
|
-
var _IconClose2 = /*#__PURE__*/require("../_Icon/Icons/IconClose");
|
16
15
|
var _Modal = /*#__PURE__*/require("./Modal.tokens");
|
17
16
|
var _hooks2 = /*#__PURE__*/require("./hooks");
|
18
17
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
19
18
|
var _ModalContext = /*#__PURE__*/require("./ModalContext");
|
20
|
-
var
|
21
|
-
var _IconClose;
|
22
|
-
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose"];
|
19
|
+
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen"];
|
23
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
24
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
25
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -52,8 +49,6 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
|
|
52
49
|
view = _ref.view,
|
53
50
|
opened = _ref.opened,
|
54
51
|
isOpen = _ref.isOpen,
|
55
|
-
hasBody = _ref.hasBody,
|
56
|
-
hasClose = _ref.hasClose,
|
57
52
|
rest = _objectWithoutProperties(_ref, _excluded);
|
58
53
|
var innerIsOpen = Boolean(isOpen || opened);
|
59
54
|
var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
|
@@ -83,15 +78,6 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
|
|
83
78
|
onClose();
|
84
79
|
}
|
85
80
|
}, [closeOnOverlayClick, onOverlayClick, onClose]);
|
86
|
-
var overlayNode = /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
|
87
|
-
className: _Modal.classes.overlay,
|
88
|
-
zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
|
89
|
-
backgroundColorProperty: overlayBackgroundToken,
|
90
|
-
withBlur: withBlur,
|
91
|
-
transparent: transparent,
|
92
|
-
isClickable: closeOnOverlayClick,
|
93
|
-
onOverlayClick: onModalOverlayKeyDown
|
94
|
-
});
|
95
81
|
return /*#__PURE__*/_react["default"].createElement(Popup, _extends({
|
96
82
|
id: innerId,
|
97
83
|
opened: innerIsOpen,
|
@@ -99,16 +85,18 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
|
|
99
85
|
popupInfo: modalInfo,
|
100
86
|
withAnimation: withAnimation,
|
101
87
|
zIndex: zIndex,
|
102
|
-
overlay:
|
88
|
+
overlay: /*#__PURE__*/_react["default"].createElement(Root, {
|
103
89
|
view: view
|
104
|
-
},
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
90
|
+
}, /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
|
91
|
+
className: _Modal.classes.overlay,
|
92
|
+
zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
|
93
|
+
backgroundColorProperty: overlayBackgroundToken,
|
94
|
+
withBlur: withBlur,
|
95
|
+
transparent: transparent,
|
96
|
+
isClickable: closeOnOverlayClick,
|
97
|
+
onOverlayClick: onModalOverlayKeyDown
|
98
|
+
}))
|
99
|
+
}, rest), children);
|
112
100
|
});
|
113
101
|
};
|
114
102
|
var modalConfig = exports.modalConfig = {
|
@@ -62,53 +62,6 @@ export function App() {
|
|
62
62
|
}
|
63
63
|
```
|
64
64
|
|
65
|
-
## Использование стилизованной обертки
|
66
|
-
|
67
|
-
Для использования стилизованного мобального окна с отступами и крестиком для закрытия, добавьте свойство `hasBody`.
|
68
|
-
```tsx live
|
69
|
-
import React, { useState } from 'react';
|
70
|
-
import { SSRProvider, Button, Modal, PopupProvider } from '@salutejs/{{ package }}';
|
71
|
-
|
72
|
-
export function App() {
|
73
|
-
const [isOpenA, setIsOpenA] = useState(false);
|
74
|
-
const [isOpenB, setIsOpenB] = useState(false);
|
75
|
-
|
76
|
-
return (
|
77
|
-
<SSRProvider>
|
78
|
-
<PopupProvider>
|
79
|
-
<div style=\{{ height: "300px" }}>
|
80
|
-
<div style=\{{ display: 'flex', flexDirection: 'column' }}>
|
81
|
-
<Button text="Открыть A" onClick={() => setIsOpenA(true)} />
|
82
|
-
</div>
|
83
|
-
<Modal
|
84
|
-
id="modalA"
|
85
|
-
onClose={() => setIsOpenA(false)}
|
86
|
-
opened={isOpenA}
|
87
|
-
placement="center"
|
88
|
-
offset={[0, 0]}
|
89
|
-
hasBody
|
90
|
-
>
|
91
|
-
<Button onClick={() => setIsOpenA(false)}>Close</Button>
|
92
|
-
<Button text="Открыть B" onClick={() => setIsOpenB(true)} />
|
93
|
-
Content
|
94
|
-
<Modal
|
95
|
-
id="modalB"
|
96
|
-
onClose={() => setIsOpenB(false)}
|
97
|
-
opened={isOpenB}
|
98
|
-
placement="right"
|
99
|
-
offset={[0, 0]}
|
100
|
-
>
|
101
|
-
<Button onClick={() => setIsOpenB(false)}>Close</Button>
|
102
|
-
Content
|
103
|
-
</Modal>
|
104
|
-
</Modal>
|
105
|
-
</div>
|
106
|
-
</PopupProvider>
|
107
|
-
</SSRProvider>
|
108
|
-
);
|
109
|
-
}
|
110
|
-
```
|
111
|
-
|
112
65
|
## Подключение анимации
|
113
66
|
Подключение анимации аналогично тому, как это происходит в `Popup` - через свойство `withAnimation`(управление через `popupClasses`, `modalClasses`).
|
114
67
|
Для добавления анимации в оверлей необходимо использовать класс `.modal-overlay` через переменную `modalClasses.overlay` из пакета.
|
@@ -12,9 +12,5 @@ var classes = exports.classes = {
|
|
12
12
|
};
|
13
13
|
var tokens = exports.tokens = {
|
14
14
|
modalOverlayWithBlurColor: '--plasma-modal-overlay-with-blur-color',
|
15
|
-
modalOverlayColor: '--plasma-modal-overlay-color'
|
16
|
-
modalBodyBackground: '--plasma-modal-body-background',
|
17
|
-
modalBodyBorderRadius: '--plasma-modal-body-border-radius',
|
18
|
-
modalBodyPadding: '--plasma-modal-body-padding',
|
19
|
-
modalContentPadding: '--plasma-modal-content-padding'
|
15
|
+
modalOverlayColor: '--plasma-modal-overlay-color'
|
20
16
|
};
|
@@ -21,14 +21,14 @@ var SelectPerPageRoot = exports.SelectPerPageRoot = /*#__PURE__*/(0, _base["defa
|
|
21
21
|
} : {
|
22
22
|
name: "4ved3l",
|
23
23
|
styles: "display:flex;align-items:center;gap:0.5rem",
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
24
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */",
|
25
25
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
26
26
|
});
|
27
27
|
var SelectPerPageSelect = exports.SelectPerPageSelect = /*#__PURE__*/(0, _base["default"])(Select, {
|
28
28
|
target: "e18ppken1",
|
29
29
|
label: "plasma-new-hope__SelectPerPageSelect"
|
30
|
-
})(_Select.selectTokens.
|
30
|
+
})(_Select.selectTokens.buttonColor, ":var(", _Pagination.tokens.buttonColor, ");", _Select.selectTokens.buttonColorHover, ":var(", _Pagination.tokens.buttonColorHover, ");", _Select.selectTokens.buttonColorActive, ":var(", _Pagination.tokens.buttonColorActive, ");", _Select.selectTokens.buttonBackgroundColor, ":var(", _Pagination.tokens.buttonBackgroundColor, ");", _Select.selectTokens.buttonBackgroundColorHover, ":var(", _Pagination.tokens.buttonBackgroundColorHover, ");", _Select.selectTokens.buttonBackgroundColorActive, ":var(", _Pagination.tokens.buttonBackgroundColorActive, ");", _Select.selectTokens.targetHeight, ":var(", _Pagination.tokens.buttonHeight, ");", _Select.selectTokens.buttonPadding, ":var(", _Pagination.tokens.selectTargetPadding, ");", _Select.selectTokens.borderRadius, ":var(", _Pagination.tokens.buttonRadius, ");", _Select.selectTokens.buttonArrowColor, ":var(", _Pagination.tokens.buttonArrowColor, ");", _Select.selectTokens.buttonArrowColorHover, ":var(", _Pagination.tokens.buttonArrowColorHover, ");", _Select.selectTokens.buttonArrowColorActive, ":var(", _Pagination.tokens.buttonArrowColorActive, ");", _Select.selectTokens.buttonArrowMargin, ":var(", _Pagination.tokens.buttonArrowMargin, ");", _Select.selectTokens.padding, ":0.125rem;", _Select.selectTokens.itemPadding, ":var(", _Pagination.tokens.selectItemPadding, ");", _Select.selectTokens.itemBorderRadius, ":calc(var(", _Pagination.tokens.buttonRadius, ") - 0.125rem);", _Select.selectTokens.itemIconMargin, ":0 0.375rem 0 0;", _Select.selectTokens.itemIconSize, ":1.5rem;", _Select.selectTokens.itemHeight, ":var(", _Pagination.tokens.selectItemHeight, ");", _Select.selectTokens.fontFamily, ":var(", _Pagination.tokens.paginationFontFamily, ");", _Select.selectTokens.fontSize, ":var(", _Pagination.tokens.paginationFontSize, ");", _Select.selectTokens.fontStyle, ":var(", _Pagination.tokens.paginationFontStyle, ");", _Select.selectTokens.fontWeight, ":var(", _Pagination.tokens.paginationFontWeight, ");", _Select.selectTokens.fontLetterSpacing, ":var(", _Pagination.tokens.paginationLetterSpacing, ");", _Select.selectTokens.fontLineHeight, ":var(", _Pagination.tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHNlbGVjdENvbmZpZywgc2VsZWN0VG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vU2VsZWN0JztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1BhZ2luYXRpb24udG9rZW5zJztcblxuY29uc3QgbWVyZ2VkU2VsZWN0Q29uZmlnID0gbWVyZ2VDb25maWcoc2VsZWN0Q29uZmlnKTtcbmNvbnN0IFNlbGVjdCA9IGNvbXBvbmVudChtZXJnZWRTZWxlY3RDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVJvb3QgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IDAuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlU2VsZWN0ID0gc3R5bGVkKFNlbGVjdClgXG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckFjdGl2ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy50YXJnZXRIZWlnaHR9OiB2YXIoJHt0b2tlbnMuYnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uUGFkZGluZ306IHZhcigke3Rva2Vucy5zZWxlY3RUYXJnZXRQYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvcn0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkFycm93Q29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd01hcmdpbn06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd01hcmdpbn0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMucGFkZGluZ306IDAuMTI1cmVtO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbVBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbVBhZGRpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtQm9yZGVyUmFkaXVzfTogY2FsYyh2YXIoJHt0b2tlbnMuYnV0dG9uUmFkaXVzfSkgLSAwLjEyNXJlbSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25NYXJnaW59OiAwIDAuMzc1cmVtIDAgMDtcbiAgICAke3NlbGVjdFRva2Vucy5pdGVtSWNvblNpemV9OiAxLjVyZW07XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUhlaWdodH06IHZhcigke3Rva2Vucy5zZWxlY3RJdGVtSGVpZ2h0fSk7XG5cbiAgICAke3NlbGVjdFRva2Vucy5mb250RmFtaWx5fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFNpemV9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFN0eWxlfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250V2VpZ2h0fTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke3NlbGVjdFRva2Vucy5mb250TGluZUhlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VUeXBvZ3JhcGh5ID0gc3R5bGVkLmRpdmBcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG4iXX0= */"));
|
31
31
|
var SelectPerPageTypography = exports.SelectPerPageTypography = /*#__PURE__*/(0, _base["default"])("div", {
|
32
32
|
target: "e18ppken0",
|
33
33
|
label: "plasma-new-hope__SelectPerPageTypography"
|
34
|
-
})("font-family:var(", _Pagination.tokens.paginationFontFamily, ");font-size:var(", _Pagination.tokens.paginationFontSize, ");font-style:var(", _Pagination.tokens.paginationFontStyle, ");font-weight:var(", _Pagination.tokens.paginationFontWeight, ");letter-spacing:var(", _Pagination.tokens.paginationLetterSpacing, ");line-height:var(", _Pagination.tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
34
|
+
})("font-family:var(", _Pagination.tokens.paginationFontFamily, ");font-size:var(", _Pagination.tokens.paginationFontSize, ");font-style:var(", _Pagination.tokens.paginationFontStyle, ");font-weight:var(", _Pagination.tokens.paginationFontWeight, ");letter-spacing:var(", _Pagination.tokens.paginationLetterSpacing, ");line-height:var(", _Pagination.tokens.paginationLineHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbi91aS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS9QYWdpbmF0aW9uU2VsZWN0UGVyUGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpRCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb24vdWkvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2UvUGFnaW5hdGlvblNlbGVjdFBlclBhZ2Uuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBzZWxlY3RDb25maWcsIHNlbGVjdFRva2VucyB9IGZyb20gJy4uLy4uLy4uL1NlbGVjdCc7XG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYWdpbmF0aW9uLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZFNlbGVjdENvbmZpZyA9IG1lcmdlQ29uZmlnKHNlbGVjdENvbmZpZyk7XG5jb25zdCBTZWxlY3QgPSBjb21wb25lbnQobWVyZ2VkU2VsZWN0Q29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBlclBhZ2VSb290ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAwLjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGVyUGFnZVNlbGVjdCA9IHN0eWxlZChTZWxlY3QpYFxuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkNvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5idXR0b25Db2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMudGFyZ2V0SGVpZ2h0fTogdmFyKCR7dG9rZW5zLmJ1dHRvbkhlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJ1dHRvblBhZGRpbmd9OiB2YXIoJHt0b2tlbnMuc2VsZWN0VGFyZ2V0UGFkZGluZ30pO1xuICAgICR7c2VsZWN0VG9rZW5zLmJvcmRlclJhZGl1c306IHZhcigke3Rva2Vucy5idXR0b25SYWRpdXN9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9yfTogdmFyKCR7dG9rZW5zLmJ1dHRvbkFycm93Q29sb3J9KTtcbiAgICAke3NlbGVjdFRva2Vucy5idXR0b25BcnJvd0NvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dDb2xvckhvdmVyfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dDb2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5idXR0b25BcnJvd0NvbG9yQWN0aXZlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59OiB2YXIoJHt0b2tlbnMuYnV0dG9uQXJyb3dNYXJnaW59KTtcblxuICAgICR7c2VsZWN0VG9rZW5zLnBhZGRpbmd9OiAwLjEyNXJlbTtcblxuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1QYWRkaW5nfTogdmFyKCR7dG9rZW5zLnNlbGVjdEl0ZW1QYWRkaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUJvcmRlclJhZGl1c306IGNhbGModmFyKCR7dG9rZW5zLmJ1dHRvblJhZGl1c30pIC0gMC4xMjVyZW0pO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1JY29uTWFyZ2lufTogMCAwLjM3NXJlbSAwIDA7XG4gICAgJHtzZWxlY3RUb2tlbnMuaXRlbUljb25TaXplfTogMS41cmVtO1xuICAgICR7c2VsZWN0VG9rZW5zLml0ZW1IZWlnaHR9OiB2YXIoJHt0b2tlbnMuc2VsZWN0SXRlbUhlaWdodH0pO1xuXG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udEZhbWlseX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTaXplfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRTdHlsZX06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udFdlaWdodH06IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgICR7c2VsZWN0VG9rZW5zLmZvbnRMZXR0ZXJTcGFjaW5nfTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtzZWxlY3RUb2tlbnMuZm9udExpbmVIZWlnaHR9OiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZWxlY3RQZXJQYWdlVHlwb2dyYXBoeSA9IHN0eWxlZC5kaXZgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5wYWdpbmF0aW9uRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMucGFnaW5hdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnBhZ2luYXRpb25MaW5lSGVpZ2h0fSk7XG5gO1xuIl19 */"));
|
@@ -0,0 +1,91 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.FloatingPopover = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("@floating-ui/react");
|
8
|
+
var _react2 = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
+
var _utils = /*#__PURE__*/require("./utils");
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
18
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
19
|
+
var FloatingPopover = exports.FloatingPopover = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
20
|
+
var target = _ref.target,
|
21
|
+
children = _ref.children,
|
22
|
+
opened = _ref.opened,
|
23
|
+
onToggle = _ref.onToggle,
|
24
|
+
placement = _ref.placement,
|
25
|
+
portal = _ref.portal,
|
26
|
+
listWidth = _ref.listWidth,
|
27
|
+
_ref$offset = _ref.offset,
|
28
|
+
offset = _ref$offset === void 0 ? 0 : _ref$offset;
|
29
|
+
var _useFloating = (0, _react.useFloating)({
|
30
|
+
placement: (0, _utils.getPlacement)(placement),
|
31
|
+
open: opened,
|
32
|
+
middleware: [(0, _react.offset)(offset), (0, _react.flip)({
|
33
|
+
fallbackPlacements: (0, _utils.getFallbackPlacements)(placement)
|
34
|
+
}), (0, _react.shift)(), (0, _react.size)({
|
35
|
+
apply: function apply(_ref2) {
|
36
|
+
var rects = _ref2.rects,
|
37
|
+
elements = _ref2.elements;
|
38
|
+
Object.assign(elements.floating.style, {
|
39
|
+
width: listWidth || "".concat(rects.reference.width, "px")
|
40
|
+
});
|
41
|
+
}
|
42
|
+
})]
|
43
|
+
}),
|
44
|
+
refs = _useFloating.refs,
|
45
|
+
floatingStyles = _useFloating.floatingStyles;
|
46
|
+
var wrappedId = (0, _plasmaCore.safeUseId)();
|
47
|
+
var handleClick = function handleClick() {
|
48
|
+
if (onToggle) {
|
49
|
+
onToggle(!opened);
|
50
|
+
}
|
51
|
+
};
|
52
|
+
|
53
|
+
// Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
|
54
|
+
// Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
|
55
|
+
// Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
|
56
|
+
// но выпадающий список должен позиционироваться непосредственно возле самого инпута.
|
57
|
+
var isTargetAsFunction = typeof target === 'function';
|
58
|
+
return /*#__PURE__*/_react2["default"].createElement("div", {
|
59
|
+
ref: ref,
|
60
|
+
id: wrappedId
|
61
|
+
}, /*#__PURE__*/_react2["default"].createElement("div", {
|
62
|
+
ref: isTargetAsFunction ? undefined : refs.setReference,
|
63
|
+
onClick: handleClick
|
64
|
+
}, typeof target === 'function' ? target(refs.setReference) : target), opened &&
|
65
|
+
/*#__PURE__*/
|
66
|
+
// root - принимает ref контейнера портала.
|
67
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
68
|
+
_react2["default"].createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/_react2["default"].createElement("div", {
|
69
|
+
ref: refs.setFloating,
|
70
|
+
style: _objectSpread(_objectSpread({}, floatingStyles), {}, {
|
71
|
+
zIndex: 1
|
72
|
+
})
|
73
|
+
}, children)));
|
74
|
+
});
|
75
|
+
// root - принимает ref контейнера портала.
|
76
|
+
// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
|
77
|
+
var getFloatingPortalProps = function getFloatingPortalProps(portal, wrappedId) {
|
78
|
+
if (!portal) {
|
79
|
+
return {
|
80
|
+
id: wrappedId
|
81
|
+
};
|
82
|
+
}
|
83
|
+
if (typeof portal === 'string') {
|
84
|
+
return {
|
85
|
+
id: portal
|
86
|
+
};
|
87
|
+
}
|
88
|
+
return {
|
89
|
+
root: portal
|
90
|
+
};
|
91
|
+
};
|