@salutejs/plasma-new-hope 0.324.0-canary.1971.15108751783.0 → 0.324.0-canary.1972.15187126232.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Calendar/Calendar.tokens.js +4 -13
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +11 -15
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
- package/cjs/components/Calendar/hooks/useQuarters.js +1 -1
- package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +9 -11
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +22 -26
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +20 -24
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +20 -24
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_eae6ii.css} +1 -1
- package/cjs/components/Mask/Mask.js +9 -2
- package/cjs/components/Mask/Mask.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +7 -7
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Slider/components/Single/Single.css +6 -6
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
- package/cjs/components/Table/Table.css +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +1 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
- package/cjs/engines/linaria.js +3 -2
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +31 -35
- package/emotion/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -13
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
- package/emotion/cjs/components/Calendar/hooks/useQuarters.js +1 -1
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/components/Mask/Mask.js +9 -2
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/emotion/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/emotion/es/components/Calendar/Calendar.tokens.js +4 -13
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
- package/emotion/es/components/Calendar/hooks/useQuarters.js +1 -1
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +8 -11
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/components/Mask/Mask.js +9 -2
- package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +1 -2
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +32 -27
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Calendar/Calendar.tokens.js +4 -13
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +11 -15
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/{CalendarBase.styles_zk3a46.css → CalendarBase.styles_8icaul.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_d9q98x.css} +2 -2
- package/es/components/Calendar/hooks/useQuarters.js +2 -2
- package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +9 -12
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +22 -26
- package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1rre7cd.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +20 -24
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +42 -3
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_ntff5e.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +20 -24
- package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_4wd0mq.css → SingleDate.styles_eae6ii.css} +1 -1
- package/es/components/Mask/Mask.js +9 -2
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +7 -7
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Slider/components/Single/Single.css +6 -6
- package/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/{Single.styles_e0wk24.css → Single.styles_1h9lsl3.css} +1 -1
- package/es/components/Table/Table.css +1 -1
- package/es/components/Table/ui/Cell/Cell.css +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +1 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +1 -0
- package/es/engines/linaria.js +3 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +31 -35
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -13
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Mask/Mask.js +9 -2
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/styled-components/es/components/Autocomplete/Autocomplete.template-doc.mdx +1 -1
- package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -13
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
- package/styled-components/es/components/Calendar/hooks/useQuarters.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +8 -11
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +45 -4
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Mask/Mask.js +9 -2
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +12 -7
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/types/components/Calendar/Calendar.tokens.d.ts +3 -12
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +4 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -10
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +19 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Mask/Mask.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/engines/linaria.d.ts.map +1 -1
- package/types/engines/types.d.ts +1 -0
- package/types/engines/types.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
- package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
- package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
- package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +0 -1
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
24
24
|
var StyledRange = exports.StyledRange = /*#__PURE__*/(0, _styledComponents["default"])(Range).withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-14j95rs-1"
|
26
26
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Range.rangeTokens.background, _DatePicker.tokens.background, _Range.rangeTokens.backgroundError, _DatePicker.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePicker.tokens.backgroundSuccess, _Range.rangeTokens.borderColor, _DatePicker.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePicker.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePicker.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePicker.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePicker.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePicker.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePicker.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePicker.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePicker.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePicker.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePicker.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePicker.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePicker.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePicker.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePicker.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePicker.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePicker.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePicker.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePicker.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePicker.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePicker.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePicker.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePicker.tokens.rightContentMargin, _Range.rangeTokens.labelOffset, _DatePicker.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePicker.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePicker.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePicker.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePicker.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePicker.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePicker.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePicker.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePicker.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePicker.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePicker.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePicker.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePicker.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePicker.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePicker.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePicker.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePicker.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePicker.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePicker.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePicker.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePicker.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePicker.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePicker.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePicker.tokens.dividerColorReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly);
|
27
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;"]);
|
27
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root, StyledRange);
|
28
28
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-14j95rs-2"
|
30
30
|
})(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);
|
package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js
CHANGED
@@ -4,11 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.RangeDatePopover = void 0;
|
7
|
-
var _react = /*#__PURE__*/
|
7
|
+
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
8
|
+
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
8
9
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
9
10
|
var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
|
11
|
+
var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
|
10
12
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
|
11
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
14
|
+
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); }
|
15
|
+
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; }
|
16
|
+
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); }
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
19
|
+
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); }
|
12
20
|
var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
|
13
21
|
var Root = _ref.rootWrapper,
|
14
22
|
target = _ref.target,
|
@@ -38,14 +46,35 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
38
46
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
39
47
|
closeOnEsc = _ref.closeOnEsc,
|
40
48
|
offset = _ref.offset,
|
49
|
+
calendarContainerWidth = _ref.calendarContainerWidth,
|
50
|
+
calendarContainerHeight = _ref.calendarContainerHeight,
|
51
|
+
stretch = _ref.stretch,
|
41
52
|
type = _ref.type,
|
42
53
|
size = _ref.size,
|
43
54
|
_ref$lang = _ref.lang,
|
44
55
|
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
56
|
+
disabled = _ref.disabled,
|
57
|
+
readOnly = _ref.readOnly,
|
58
|
+
setIsInnerOpen = _ref.setIsInnerOpen,
|
45
59
|
onChangeValue = _ref.onChangeValue,
|
46
60
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
47
61
|
onToggle = _ref.onToggle;
|
48
62
|
var innerIsOpen = Boolean(isOpen || opened);
|
63
|
+
var calendarRootRef = (0, _react.useRef)(null);
|
64
|
+
var doubleCalendarRootRef = (0, _react.useRef)(null);
|
65
|
+
var calendarContainerWidthValue = calendarContainerWidth ? (0, _utils.getSizeValueFromProp)(calendarContainerWidth, 'rem') : undefined;
|
66
|
+
var calendarContainerHeightValue = calendarContainerHeight ? (0, _utils.getSizeValueFromProp)(calendarContainerHeight, 'rem') : undefined;
|
67
|
+
var handleCalendarRootClick = function handleCalendarRootClick(event) {
|
68
|
+
if (disabled || readOnly) {
|
69
|
+
return;
|
70
|
+
}
|
71
|
+
if (innerIsOpen && stretch && (event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current))) {
|
72
|
+
setIsInnerOpen(false);
|
73
|
+
if (onToggle) {
|
74
|
+
onToggle(false, event);
|
75
|
+
}
|
76
|
+
}
|
77
|
+
};
|
49
78
|
if (isDoubleCalendar) {
|
50
79
|
return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
|
51
80
|
opened: innerIsOpen,
|
@@ -59,7 +88,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
59
88
|
isFocusTrapped: false,
|
60
89
|
target: target,
|
61
90
|
preventOverflow: false
|
62
|
-
}, /*#__PURE__*/_react["default"].createElement(Root,
|
91
|
+
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
92
|
+
ref: doubleCalendarRootRef,
|
93
|
+
className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
|
94
|
+
onClick: handleCalendarRootClick
|
95
|
+
}, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
|
96
|
+
className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
|
97
|
+
innerWidth: calendarContainerWidthValue,
|
98
|
+
innerHeight: calendarContainerHeightValue,
|
63
99
|
size: size,
|
64
100
|
value: calendarValue,
|
65
101
|
eventList: eventList,
|
@@ -93,7 +129,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
93
129
|
target: target,
|
94
130
|
preventOverflow: false,
|
95
131
|
closeOnEsc: closeOnEsc
|
96
|
-
}, /*#__PURE__*/_react["default"].createElement(Root,
|
132
|
+
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
133
|
+
ref: calendarRootRef,
|
134
|
+
className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
|
135
|
+
onClick: handleCalendarRootClick
|
136
|
+
}, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
|
137
|
+
className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
|
138
|
+
innerWidth: calendarContainerWidthValue,
|
139
|
+
innerHeight: calendarContainerHeightValue,
|
97
140
|
size: size,
|
98
141
|
value: calendarValue,
|
99
142
|
eventList: eventList,
|
@@ -20,7 +20,19 @@ var CalendarRange = /*#__PURE__*/(0, _Calendar.withRange)(Calendar);
|
|
20
20
|
// NOTE: переопределение токенов Calendar
|
21
21
|
var StyledCalendarDouble = exports.StyledCalendarDouble = /*#__PURE__*/(0, _styledComponents["default"])(CalendarDoubleRange).withConfig({
|
22
22
|
componentId: "plasma-new-hope__sc-vflcna-0"
|
23
|
-
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens,
|
23
|
+
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _DatePicker.pivateTokens.calendarDoubleWidth, _DatePicker.tokens.calendarContainerWidth, function (_ref) {
|
24
|
+
var innerWidth = _ref.innerWidth;
|
25
|
+
return innerWidth || "var(".concat(_DatePicker.pivateTokens.calendarDoubleWidth, ")");
|
26
|
+
}, function (_ref2) {
|
27
|
+
var innerHeight = _ref2.innerHeight;
|
28
|
+
return innerHeight || "var(".concat(_DatePicker.tokens.calendarContainerHeight, ")");
|
29
|
+
});
|
24
30
|
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
|
25
31
|
componentId: "plasma-new-hope__sc-vflcna-1"
|
26
|
-
})(["", ""], _DatePickerBase.baseCalendarTokens)
|
32
|
+
})(["", " width:", ";height:", ";"], _DatePickerBase.baseCalendarTokens, function (_ref3) {
|
33
|
+
var innerWidth = _ref3.innerWidth;
|
34
|
+
return innerWidth || "var(".concat(_DatePicker.tokens.calendarContainerWidth, ")");
|
35
|
+
}, function (_ref4) {
|
36
|
+
var innerHeight = _ref4.innerHeight;
|
37
|
+
return innerHeight || "var(".concat(_DatePicker.tokens.calendarContainerHeight, ")");
|
38
|
+
});
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.datePickerRoot = exports.datePickerConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
|
+
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
9
10
|
var _utils = /*#__PURE__*/require("../../../utils");
|
10
11
|
var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
|
11
12
|
var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
|
@@ -18,10 +19,14 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
|
18
19
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
20
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
20
21
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
21
|
-
var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
|
22
|
+
var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretch", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
|
23
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
22
24
|
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); }
|
23
25
|
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; }
|
24
26
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
27
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
28
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
29
|
+
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); }
|
25
30
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
26
31
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
27
32
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
@@ -94,6 +99,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
94
99
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
95
100
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
96
101
|
offset = _ref.offset,
|
102
|
+
calendarContainerWidth = _ref.calendarContainerWidth,
|
103
|
+
calendarContainerHeight = _ref.calendarContainerHeight,
|
104
|
+
stretch = _ref.stretch,
|
97
105
|
onChangeValue = _ref.onChangeValue,
|
98
106
|
onCommitDate = _ref.onCommitDate,
|
99
107
|
onToggle = _ref.onToggle,
|
@@ -107,6 +115,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
107
115
|
}
|
108
116
|
var inputRef = (0, _react.useRef)(null);
|
109
117
|
var innerRef = (0, _react.useRef)(null);
|
118
|
+
var calendarRootRef = (0, _react.useRef)(null);
|
110
119
|
var _useState = (0, _react.useState)(opened),
|
111
120
|
_useState2 = _slicedToArray(_useState, 2),
|
112
121
|
isInnerOpen = _useState2[0],
|
@@ -136,6 +145,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
136
145
|
_useState8 = _slicedToArray(_useState7, 2),
|
137
146
|
inputValue = _useState8[0],
|
138
147
|
setInputValue = _useState8[1];
|
148
|
+
var calendarContainerWidthValue = calendarContainerWidth ? (0, _utils.getSizeValueFromProp)(calendarContainerWidth, 'rem') : undefined;
|
149
|
+
var calendarContainerHeightValue = calendarContainerHeight ? (0, _utils.getSizeValueFromProp)(calendarContainerHeight, 'rem') : undefined;
|
139
150
|
var _useDatePicker = (0, _useDatePicker2.useDatePicker)({
|
140
151
|
currentValue: inputValue,
|
141
152
|
format: format,
|
@@ -180,6 +191,17 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
180
191
|
}
|
181
192
|
setIsInnerOpen(isCalendarOpen);
|
182
193
|
};
|
194
|
+
var handleCalendarRootClick = function handleCalendarRootClick(event) {
|
195
|
+
if (disabled || readOnly) {
|
196
|
+
return;
|
197
|
+
}
|
198
|
+
if (isInnerOpen && stretch && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
|
199
|
+
setIsInnerOpen(false);
|
200
|
+
if (onToggle) {
|
201
|
+
onToggle(false, event);
|
202
|
+
}
|
203
|
+
}
|
204
|
+
};
|
183
205
|
var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
|
184
206
|
isCalendarOpen: isInnerOpen,
|
185
207
|
format: format,
|
@@ -200,7 +222,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
200
222
|
};
|
201
223
|
var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
|
202
224
|
ref: inputRef,
|
203
|
-
className: (0,
|
225
|
+
className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass),
|
204
226
|
value: inputValue,
|
205
227
|
size: size,
|
206
228
|
readOnly: readOnly,
|
@@ -237,7 +259,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
237
259
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
238
260
|
view: view,
|
239
261
|
size: size,
|
240
|
-
className: (0,
|
262
|
+
className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
|
241
263
|
disabled: disabled,
|
242
264
|
readOnly: !disabled && readOnly,
|
243
265
|
ref: ref
|
@@ -254,12 +276,17 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
254
276
|
target: DatePickerInput,
|
255
277
|
preventOverflow: false
|
256
278
|
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
279
|
+
ref: calendarRootRef,
|
257
280
|
view: view,
|
258
281
|
size: size,
|
259
|
-
className: (0,
|
282
|
+
className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, className, _defineProperty({}, _DatePicker.classes.datePickerStretch, stretch)),
|
260
283
|
disabled: disabled,
|
261
|
-
readOnly: !disabled && readOnly
|
284
|
+
readOnly: !disabled && readOnly,
|
285
|
+
onClick: handleCalendarRootClick
|
262
286
|
}, /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
|
287
|
+
className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarStretch, stretch)),
|
288
|
+
innerWidth: calendarContainerWidthValue,
|
289
|
+
innerHeight: calendarContainerHeightValue,
|
263
290
|
size: size,
|
264
291
|
value: calendarValue,
|
265
292
|
type: type,
|
@@ -279,7 +306,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
279
306
|
locale: lang,
|
280
307
|
onChangeValue: handleCalendarPick
|
281
308
|
}))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, {
|
282
|
-
className: (0,
|
309
|
+
className: (0, _classnames["default"])(datePickerErrorClass, datePickerSuccessClass)
|
283
310
|
}, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
|
284
311
|
type: "hidden",
|
285
312
|
datatype: "datepicker-single",
|
@@ -24,7 +24,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
|
|
24
24
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
25
25
|
componentId: "plasma-new-hope__sc-1ye0xbz-1"
|
26
26
|
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePicker.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePicker.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePicker.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePicker.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePicker.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePicker.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePicker.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePicker.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePicker.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePicker.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePicker.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePicker.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePicker.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePicker.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePicker.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
|
27
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"],
|
27
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePicker.classes.datePickerStretch, _Popover.popoverClasses.root);
|
28
28
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
29
29
|
componentId: "plasma-new-hope__sc-1ye0xbz-2"
|
30
30
|
})(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], _DatePicker.tokens.leftHelperColor, _DatePicker.classes.datePickerError, _DatePicker.tokens.leftHelperColorError, _DatePicker.classes.datePickerSuccess, _DatePicker.tokens.leftHelperColorSuccess);
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.composeMask = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
9
|
var _reactMaskinput = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@salutejs/react-maskinput"));
|
10
|
-
var _excluded = ["maskFormat"];
|
10
|
+
var _excluded = ["mask", "maskFormat"];
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
12
12
|
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); }
|
13
13
|
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; }
|
@@ -36,7 +36,8 @@ var defaultFormatChars = [{
|
|
36
36
|
var composeMask = exports.composeMask = function composeMask(InputComponent) {
|
37
37
|
var MaskedInput = (0, _reactMaskinput["default"])(InputComponent);
|
38
38
|
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
|
39
|
-
var
|
39
|
+
var mask = _ref.mask,
|
40
|
+
_ref$maskFormat = _ref.maskFormat,
|
40
41
|
maskFormat = _ref$maskFormat === void 0 ? defaultFormatChars : _ref$maskFormat,
|
41
42
|
rest = _objectWithoutProperties(_ref, _excluded);
|
42
43
|
// TODO: replace inside react-maskinput 'getReference' on 'forwardRef'
|
@@ -47,8 +48,14 @@ var composeMask = exports.composeMask = function composeMask(InputComponent) {
|
|
47
48
|
(0, _react.useImperativeHandle)(outerRef, function () {
|
48
49
|
return ref;
|
49
50
|
}, [ref]);
|
51
|
+
if (!mask) {
|
52
|
+
return /*#__PURE__*/_react["default"].createElement(InputComponent, _extends({
|
53
|
+
ref: setRef
|
54
|
+
}, rest));
|
55
|
+
}
|
50
56
|
return /*#__PURE__*/_react["default"].createElement(MaskedInput, _extends({
|
51
57
|
getReference: setRef,
|
58
|
+
mask: mask,
|
52
59
|
maskFormat: maskFormat
|
53
60
|
}, rest));
|
54
61
|
});
|
@@ -22,7 +22,7 @@ var StyledRangeValue = exports.StyledRangeValue = /*#__PURE__*/_styledComponents
|
|
22
22
|
})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");transition:opacity 0.1s ease-in-out;&.", ",&.", "{opacity:0;}&.", "{color:var(", ");}"], _Slider.tokens.rangeValueColor, _Slider.tokens.valueFontFamily, _Slider.tokens.valueFontSize, _Slider.tokens.valueFontStyle, _Slider.tokens.valueFontWeight, _Slider.tokens.valueLetterSpacing, _Slider.tokens.valueLineHeight, _Slider.classes.hideMinValue, _Slider.classes.hideMaxValue, _Slider.classes.activeRangeValue, _Slider.tokens.labelColor);
|
23
23
|
var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
24
24
|
componentId: "plasma-new-hope__sc-1qm4elt-4"
|
25
|
-
})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
|
25
|
+
})(["display:flex;flex:1;position:relative;&.", "{display:grid;grid-template-areas:'a a' 'b c';", "{grid-area:a;}", "{width:fit-content;grid-area:b;&.", "{grid-area:c;justify-self:end;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeValueHorizontalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueHorizontalMargin);
|
26
26
|
var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
27
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
28
28
|
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{display:grid;grid-template-areas:'b a' 'c a';flex-direction:unset;align-items:unset;justify-content:unset;width:unset;}", "{grid-area:a;}", "{grid-area:b;align-self:start;justify-self:end;&.", "{grid-area:c;align-self:end;}}}&.", "{", "{grid-template-areas:'a b' 'a c';}", "{justify-self:start;}}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, _Slider.tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, _Slider.tokens.labelWrapperMarginRight, _Slider.classes.verticalOrientation, _Slider.classes.labelAlignCenter, LabelWrapper, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, _Slider.classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, _Slider.tokens.size, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.labelAlignLeft, LabelWrapper, _Slider.classes.labelAlignRight, _Slider.classes.labelPlacementBottom, LabelWrapper, _Slider.tokens.labelWrapperVerticalMargin, _Slider.classes.verticalOrientation, SliderBaseWrapper, _Slider.classes.labelAlignCenter, StyledRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeValueVerticalMargin, _Slider.classes.labelAlignLeft, _Slider.classes.labelAlignRight, SliderBaseWrapper, _SliderBase.Slider, StyledRangeValue, _Slider.classes.maxRangeValue, _Slider.classes.labelAlignRight, SliderBaseWrapper, StyledRangeValue);
|
@@ -413,7 +413,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
413
413
|
"aria-labelledby": labelId,
|
414
414
|
"aria-describedby": helperTextId,
|
415
415
|
placeholder: innerPlaceholderValue,
|
416
|
-
className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis
|
416
|
+
className: (0, _utils.cx)(hasValueClass, keepPlaceholderClass, classTextEllipsis),
|
417
417
|
disabled: disabled,
|
418
418
|
readOnly: !disabled && readOnly,
|
419
419
|
onInput: handleInput,
|
@@ -21,8 +21,7 @@ var classes = exports.classes = {
|
|
21
21
|
requiredAlignRight: 'required-align-right',
|
22
22
|
inputWrapper: 'input-wrapper',
|
23
23
|
inputTextEllipsis: 'textfield-input-text-ellipsis',
|
24
|
-
contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
|
25
|
-
readOnly: 'textfield-readonly-input'
|
24
|
+
contentRightCompensationMargin: 'textfield-content-right-compensation-margin'
|
26
25
|
};
|
27
26
|
var tokens = exports.tokens = {
|
28
27
|
color: '--plasma-textfield-color',
|
@@ -7,4 +7,4 @@ exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
8
|
var _TextField = /*#__PURE__*/require("../../TextField.tokens");
|
9
9
|
var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{", "{position:relative;display:inline-block;color:var(", ");}}&.", "{", "{padding:var(", ");}", ":focus ~ ", ",", ".", " ~ ", ",", ".", " ~ ", "{color:var(", ");align-items:flex-start;padding:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{color:var(", ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;}&.", " ", "{color:var(", ");}}"], _TextField.classes.outerLabelPlacement, _TextField2.Label, _TextField.tokens.labelColor, _TextField.classes.innerLabelPlacement, _TextField2.InputContainer, _TextField.tokens.contentLabelInnerPadding, _TextField2.Input, _TextField2.Label, _TextField2.Input, _TextField.classes.hasValue, _TextField2.Label, _TextField2.Input, _TextField.classes.keepPlaceholder, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.tokens.labelInnerPadding, _TextField.tokens.labelInnerFontFamily, _TextField.tokens.labelInnerFontSize, _TextField.tokens.labelInnerFontStyle, _TextField.tokens.labelInnerFontWeight, _TextField.tokens.labelInnerLetterSpacing, _TextField.tokens.labelInnerLineHeight, _TextField2.Label, _TextField.tokens.placeholderColor, _TextField.classes.clear, _TextField2.Label, _TextField.tokens.clearPlaceholderColor);
|
@@ -81,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
81
81
|
};
|
82
82
|
|
83
83
|
const StoryDefault = (args: CalendarProps) => {
|
84
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
|
84
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale, ...rest } = args;
|
85
85
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
86
86
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
87
87
|
|
@@ -94,18 +94,23 @@ const StoryDefault = (args: CalendarProps) => {
|
|
94
94
|
}, []);
|
95
95
|
|
96
96
|
return (
|
97
|
-
<
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
97
|
+
<div style={{ height: '100vh' }}>
|
98
|
+
<Calendar
|
99
|
+
size={size}
|
100
|
+
isRange={isRange}
|
101
|
+
isDouble={isDouble}
|
102
|
+
date={date}
|
103
|
+
includeEdgeDates={includeEdgeDates}
|
104
|
+
locale={locale}
|
105
|
+
min={min}
|
106
|
+
max={max}
|
107
|
+
{...rest}
|
108
|
+
value={(isRange ? valueRange : value) as Date & [Date, Date?]}
|
109
|
+
onChangeValue={
|
110
|
+
(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void
|
111
|
+
}
|
112
|
+
/>
|
113
|
+
</div>
|
109
114
|
);
|
110
115
|
};
|
111
116
|
|
@@ -118,12 +123,13 @@ export const Default: StoryObj<CalendarProps> = {
|
|
118
123
|
includeEdgeDates: false,
|
119
124
|
size: 'm',
|
120
125
|
locale: 'ru',
|
126
|
+
stretch: false,
|
121
127
|
},
|
122
128
|
render: (args) => <StoryDefault {...args} />,
|
123
129
|
};
|
124
130
|
|
125
131
|
const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
126
|
-
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
132
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
|
127
133
|
const [value, setValue] = useState(new Date(2023, 6, 7));
|
128
134
|
const [currentState, setCurrentState] = useState('Days');
|
129
135
|
|
@@ -170,10 +176,10 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
170
176
|
};
|
171
177
|
|
172
178
|
const calendarMap = {
|
173
|
-
Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
|
174
|
-
Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
|
175
|
-
Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
|
176
|
-
Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
|
179
|
+
Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
|
180
|
+
Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
|
181
|
+
Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
|
182
|
+
Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
|
177
183
|
};
|
178
184
|
|
179
185
|
return (
|
@@ -192,7 +198,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
|
|
192
198
|
</TabItem>
|
193
199
|
))}
|
194
200
|
</Tabs>
|
195
|
-
<div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
|
201
|
+
<div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
|
196
202
|
</>
|
197
203
|
);
|
198
204
|
};
|
@@ -205,12 +211,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
|
|
205
211
|
includeEdgeDates: false,
|
206
212
|
displayDouble: false,
|
207
213
|
locale: 'ru',
|
214
|
+
stretch: false,
|
208
215
|
},
|
209
216
|
render: (args) => <StoryBase {...args} />,
|
210
217
|
};
|
211
218
|
|
212
219
|
const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
|
213
|
-
const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
|
220
|
+
const { min, max, includeEdgeDates, size, displayDouble, locale, ...rest } = args;
|
214
221
|
const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
|
215
222
|
const [currentState, setCurrentState] = useState('Days');
|
216
223
|
|
@@ -232,35 +239,35 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
232
239
|
return displayDouble ? (
|
233
240
|
<CalendarBaseRange
|
234
241
|
size={size}
|
235
|
-
value={values}
|
236
242
|
includeEdgeDates={includeEdgeDates}
|
237
243
|
type={type}
|
238
|
-
onChangeValue={handleOnChange}
|
239
244
|
locale={locale}
|
240
245
|
min={min}
|
241
246
|
max={max}
|
242
247
|
{...rest}
|
248
|
+
value={values}
|
249
|
+
onChangeValue={handleOnChange}
|
243
250
|
/>
|
244
251
|
) : (
|
245
252
|
<CalendarDoubleRange
|
246
253
|
size={size}
|
247
|
-
value={values}
|
248
254
|
includeEdgeDates={includeEdgeDates}
|
249
255
|
type={type}
|
250
|
-
onChangeValue={handleOnChange}
|
251
256
|
locale={locale}
|
252
257
|
min={min}
|
253
258
|
max={max}
|
254
259
|
{...rest}
|
260
|
+
value={values}
|
261
|
+
onChangeValue={handleOnChange}
|
255
262
|
/>
|
256
263
|
);
|
257
264
|
};
|
258
265
|
|
259
266
|
const calendarMap = {
|
260
|
-
Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays }),
|
261
|
-
Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current }),
|
262
|
-
Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current }),
|
263
|
-
Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current }),
|
267
|
+
Days: getCalendarComponent({ type: 'Days', eventList: eventList.current, disabledList: disabledDays, ...rest }),
|
268
|
+
Months: getCalendarComponent({ type: 'Months', eventMonthList: eventMonthList.current, ...rest }),
|
269
|
+
Quarters: getCalendarComponent({ type: 'Quarters', eventQuarterList: eventQuarterList.current, ...rest }),
|
270
|
+
Years: getCalendarComponent({ type: 'Years', eventYearList: eventYearList.current, ...rest }),
|
264
271
|
};
|
265
272
|
|
266
273
|
return (
|
@@ -279,7 +286,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
|
|
279
286
|
</TabItem>
|
280
287
|
))}
|
281
288
|
</Tabs>
|
282
|
-
<div style={{ marginTop: '1rem' }}>{calendarMap[currentState]}</div>
|
289
|
+
<div style={{ marginTop: '1rem', height: '100vh' }}>{calendarMap[currentState]}</div>
|
283
290
|
</>
|
284
291
|
);
|
285
292
|
};
|
@@ -292,6 +299,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
|
|
292
299
|
includeEdgeDates: false,
|
293
300
|
displayDouble: false,
|
294
301
|
locale: 'ru',
|
302
|
+
stretch: false,
|
295
303
|
},
|
296
304
|
render: (args) => <StoryRange {...args} />,
|
297
305
|
};
|