@salutejs/plasma-new-hope 0.325.0-canary.1954.15247249216.0 → 0.325.0-canary.1954.15277675821.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/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_fpdm18.css +2 -0
- 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_dt34s7.css} +2 -2
- package/cjs/components/Calendar/hooks/useMonths.js +3 -1
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/hooks/useQuarters.js +4 -2
- package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/cjs/components/Calendar/hooks/useYears.js +3 -1
- package/cjs/components/Calendar/hooks/useYears.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/Calendar/utils/getDateWithModification.js +28 -24
- package/cjs/components/Calendar/utils/getDateWithModification.js.map +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 +21 -25
- 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_1q1mn0z.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -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_1n0dbxm.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
- 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/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
- package/cjs/components/Pagination/Pagination.css +10 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/cjs/components/Select/Select.css +10 -10
- package/cjs/components/Select/Select.tokens.js +23 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +10 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +10 -10
- package/cjs/components/Table/ui/Cell/Cell.css +10 -10
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/cjs/index.css +33 -37
- 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/useMonths.js +3 -1
- package/emotion/cjs/components/Calendar/hooks/useQuarters.js +4 -2
- package/emotion/cjs/components/Calendar/hooks/useYears.js +3 -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/Calendar/utils/getDateWithModification.js +28 -24
- 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 +47 -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/Select/Select.tokens.js +2 -0
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
- 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/Select/Select.config.js +24 -24
- 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/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- 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/useMonths.js +3 -1
- package/emotion/es/components/Calendar/hooks/useQuarters.js +4 -2
- package/emotion/es/components/Calendar/hooks/useYears.js +3 -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/Calendar/utils/getDateWithModification.js +28 -24
- 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 +46 -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/Select/Select.tokens.js +2 -0
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
- 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/Select/Select.config.js +24 -24
- 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/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- 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_fpdm18.css +2 -0
- 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_dt34s7.css} +2 -2
- package/es/components/Calendar/hooks/useMonths.js +3 -1
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/hooks/useQuarters.js +5 -3
- package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/es/components/Calendar/hooks/useYears.js +3 -1
- package/es/components/Calendar/hooks/useYears.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/Calendar/utils/getDateWithModification.js +28 -24
- package/es/components/Calendar/utils/getDateWithModification.js.map +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 +21 -25
- 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_1q1mn0z.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -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_1n0dbxm.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
- 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/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
- package/es/components/Pagination/Pagination.css +10 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/es/components/Select/Select.css +10 -10
- package/es/components/Select/Select.tokens.js +23 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +10 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +10 -10
- package/es/components/Table/ui/Cell/Cell.css +10 -10
- package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/es/index.css +33 -37
- package/package.json +2 -2
- 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/useMonths.js +3 -1
- package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +4 -2
- package/styled-components/cjs/components/Calendar/hooks/useYears.js +3 -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/Calendar/utils/getDateWithModification.js +28 -24
- 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 +47 -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/Select/Select.tokens.js +2 -0
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
- 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/Select/Select.config.js +10 -10
- 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/cjs/examples/plasma_web/components/Select/Select.config.js +10 -10
- 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/useMonths.js +3 -1
- package/styled-components/es/components/Calendar/hooks/useQuarters.js +4 -2
- package/styled-components/es/components/Calendar/hooks/useYears.js +3 -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/Calendar/utils/getDateWithModification.js +28 -24
- 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 +46 -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/Select/Select.tokens.js +2 -0
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
- 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/Select/Select.config.js +10 -10
- 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/styled-components/es/examples/plasma_web/components/Select/Select.config.js +10 -10
- 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/hooks/types.d.ts +7 -2
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useQuarters.d.ts +1 -1
- package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useYears.d.ts +1 -1
- package/types/components/Calendar/hooks/useYears.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/Calendar/utils/getDateWithModification.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 +18 -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/Select/Select.tokens.d.ts +2 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
- 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/es/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
- 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
@@ -1,5 +1,5 @@
|
|
1
1
|
import { useMemo } from 'react';
|
2
|
-
import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter,
|
2
|
+
import { QUARTER_NAMES, getMatrix, isDateInRange, getDatesWithModifications, quarterDates, isSelectedMonth as isSelectedQuarter, isCurrentQuarter } from "../utils";
|
3
3
|
import { CalendarState } from "../store/types";
|
4
4
|
/**
|
5
5
|
* Хук для получения списка месяцев.
|
@@ -10,7 +10,8 @@ export var useQuarters = function useQuarters(_ref) {
|
|
10
10
|
eventList = _ref.eventList,
|
11
11
|
disabledList = _ref.disabledList,
|
12
12
|
min = _ref.min,
|
13
|
-
max = _ref.max
|
13
|
+
max = _ref.max,
|
14
|
+
includeEdgeDates = _ref.includeEdgeDates;
|
14
15
|
return useMemo(function () {
|
15
16
|
var quarters = QUARTER_NAMES.map(function (quarterName) {
|
16
17
|
var _quarterDates$quarter = quarterDates[quarterName],
|
@@ -36,6 +37,7 @@ export var useQuarters = function useQuarters(_ref) {
|
|
36
37
|
type: CalendarState.Quarters,
|
37
38
|
min: min,
|
38
39
|
max: max,
|
40
|
+
includeEdgeDates: includeEdgeDates,
|
39
41
|
eventList: eventList,
|
40
42
|
disabledList: disabledList
|
41
43
|
});
|
@@ -11,7 +11,8 @@ export var useYears = function useYears(_ref) {
|
|
11
11
|
eventList = _ref.eventList,
|
12
12
|
disabledList = _ref.disabledList,
|
13
13
|
min = _ref.min,
|
14
|
-
max = _ref.max
|
14
|
+
max = _ref.max,
|
15
|
+
includeEdgeDates = _ref.includeEdgeDates;
|
15
16
|
return useMemo(function () {
|
16
17
|
// type-coverage:ignore-next-line
|
17
18
|
var years = Array.from(Array(YEAR_RENDER_COUNT), function (_, i) {
|
@@ -36,6 +37,7 @@ export var useYears = function useYears(_ref) {
|
|
36
37
|
type: CalendarState.Years,
|
37
38
|
min: min,
|
38
39
|
max: max,
|
40
|
+
includeEdgeDates: includeEdgeDates,
|
39
41
|
eventList: eventList,
|
40
42
|
disabledList: disabledList
|
41
43
|
});
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
11
|
+
import React, { Fragment, useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useDays } from "../../hooks";
|
13
13
|
import { canSelectDate, FULL_DAY_NAMES, getInRange, getSideInRange, isSameDay, isSelectProcess, ROW_STEP, SHORT_DAY_NAMES, I18N } from "../../utils";
|
14
14
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
15
15
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
16
|
-
import { StyledCalendarDays, StyledCalendarDaysHint
|
16
|
+
import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.styles";
|
17
17
|
/**
|
18
18
|
* Компонент дней в календаре.
|
19
19
|
*/
|
@@ -51,7 +51,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
51
51
|
var selectedRef = useRef(selected);
|
52
52
|
var onSetSelectedRef = useRef(onSetSelected);
|
53
53
|
var offset = isSecond ? ROW_STEP : 0;
|
54
|
-
var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
54
|
+
var dayItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarDayFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarDayFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarDayFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarDayFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarDayFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarDayFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarDaySelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarDayItemBorderRadius, ")"));
|
55
55
|
var getSelectedDate = useCallback(function (event) {
|
56
56
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
57
57
|
day = _event$currentTarget$.day,
|
@@ -108,9 +108,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
108
108
|
onMouseLeave: handleMouseOutGrid
|
109
109
|
}, /*#__PURE__*/React.createElement(StyledCalendarDaysHint, {
|
110
110
|
id: "withShift"
|
111
|
-
}, I18N.navigationByShift[locale]), /*#__PURE__*/React.createElement(
|
112
|
-
role: "row"
|
113
|
-
}, SHORT_DAY_NAMES[locale].map(function (name) {
|
111
|
+
}, I18N.navigationByShift[locale]), /*#__PURE__*/React.createElement(React.Fragment, null, SHORT_DAY_NAMES[locale].map(function (name) {
|
114
112
|
return /*#__PURE__*/React.createElement(DateStructureItem, {
|
115
113
|
role: "columnheader",
|
116
114
|
"aria-label": FULL_DAY_NAMES[locale][name],
|
@@ -120,8 +118,7 @@ export var CalendarDays = function CalendarDays(_ref) {
|
|
120
118
|
style: dayItemTokens
|
121
119
|
}, name);
|
122
120
|
})), days.map(function (day, i) {
|
123
|
-
return /*#__PURE__*/React.createElement(
|
124
|
-
role: "row",
|
121
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
125
122
|
key: i
|
126
123
|
}, day.map(function (_ref2, j) {
|
127
124
|
var date = _ref2.date,
|
@@ -1,12 +1,8 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
-
import { flexCenter } from "../../mixins";
|
3
2
|
import { tokens } from "../../Calendar.tokens";
|
4
|
-
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
5
|
-
componentId: "plasma-new-hope__sc-3ydwr5-0"
|
6
|
-
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
7
3
|
export var StyledCalendarDays = /*#__PURE__*/styled.div.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-3ydwr5-
|
9
|
-
})(["outline:none;padding:var(", ");box-sizing:border-box;"], tokens.calendarDaysPadding);
|
4
|
+
componentId: "plasma-new-hope__sc-3ydwr5-0"
|
5
|
+
})(["outline:none;padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;"], tokens.calendarDaysPadding);
|
10
6
|
export var StyledCalendarDaysHint = /*#__PURE__*/styled.span.withConfig({
|
11
|
-
componentId: "plasma-new-hope__sc-3ydwr5-
|
7
|
+
componentId: "plasma-new-hope__sc-3ydwr5-1"
|
12
8
|
})(["display:none;"]);
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
11
|
+
import React, { Fragment, useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useMonths } from "../../hooks";
|
13
13
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
14
14
|
import { ROW_MONTH_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
|
15
15
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
16
|
-
import { StyledCalendarMonths
|
16
|
+
import { StyledCalendarMonths } from "./CalendarMonths.styles";
|
17
17
|
|
18
18
|
/**
|
19
19
|
* Компонент месяцев в календаре.
|
@@ -52,7 +52,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
52
52
|
var selectedRef = useRef(selected);
|
53
53
|
var onSetSelectedRef = useRef(onSetSelected);
|
54
54
|
var offset = isSecond ? ROW_MONTH_STEP : 0;
|
55
|
-
var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
55
|
+
var monthItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarMonthFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarMonthFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarMonthFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarMonthFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarMonthFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarMonthFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarMonthSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarMonthItemBorderRadius, ")"));
|
56
56
|
var getSelectedDate = useCallback(function (event) {
|
57
57
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
58
58
|
day = _event$currentTarget$.day,
|
@@ -112,8 +112,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
112
112
|
onKeyDown: onKeyDown,
|
113
113
|
onMouseLeave: handleMouseOutGrid
|
114
114
|
}, months.map(function (month, i) {
|
115
|
-
return /*#__PURE__*/React.createElement(
|
116
|
-
role: "row",
|
115
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
117
116
|
key: i
|
118
117
|
}, month.map(function (_ref2, j) {
|
119
118
|
var monthName = _ref2.monthName,
|
@@ -1,9 +1,5 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from "../../Calendar.tokens";
|
3
|
-
import { flexCenter } from "../../mixins";
|
4
3
|
export var StyledCalendarMonths = /*#__PURE__*/styled.div.withConfig({
|
5
4
|
componentId: "plasma-new-hope__sc-mx5ps9-0"
|
6
|
-
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarMonthsPadding);
|
7
|
-
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-mx5ps9-1"
|
9
|
-
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
5
|
+
})(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;"], tokens.calendarMonthsPadding);
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
11
|
+
import React, { Fragment, useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useQuarters } from "../../hooks";
|
13
13
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
14
14
|
import { ROW_QUARTER_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
|
15
15
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
16
|
-
import { StyledCalendarQuarters
|
16
|
+
import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
|
17
17
|
|
18
18
|
/**
|
19
19
|
* Компонент кварталов в календаре.
|
@@ -50,7 +50,7 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
50
50
|
var selectedRef = useRef(selected);
|
51
51
|
var onSetSelectedRef = useRef(onSetSelected);
|
52
52
|
var offset = isSecond ? ROW_QUARTER_STEP : 0;
|
53
|
-
var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
53
|
+
var quarterItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarQuarterFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarQuarterFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarQuarterFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarQuarterFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarQuarterFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarQuarterFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarQuarterSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarQuarterItemBorderRadius, ")"));
|
54
54
|
var getSelectedDate = useCallback(function (event) {
|
55
55
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
56
56
|
day = _event$currentTarget$.day,
|
@@ -110,8 +110,7 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
|
|
110
110
|
onKeyDown: onKeyDown,
|
111
111
|
onMouseLeave: handleMouseOutGrid
|
112
112
|
}, quarters.map(function (quarter, i) {
|
113
|
-
return /*#__PURE__*/React.createElement(
|
114
|
-
role: "row",
|
113
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
115
114
|
key: i
|
116
115
|
}, quarter.map(function (_ref2, j) {
|
117
116
|
var quarterName = _ref2.quarterName,
|
package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js
CHANGED
@@ -1,9 +1,5 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from "../../Calendar.tokens";
|
3
|
-
import { flexCenter } from "../../mixins";
|
4
3
|
export var StyledCalendarQuarters = /*#__PURE__*/styled.div.withConfig({
|
5
4
|
componentId: "plasma-new-hope__sc-1grqaka-0"
|
6
|
-
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarQuartersPadding);
|
7
|
-
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-1grqaka-1"
|
9
|
-
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
5
|
+
})(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;"], tokens.calendarQuartersPadding);
|
@@ -8,12 +8,12 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
8
8
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
10
10
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
11
|
-
import React, { useCallback, useEffect, useRef } from 'react';
|
11
|
+
import React, { Fragment, useCallback, useEffect, useRef } from 'react';
|
12
12
|
import { useYears } from "../../hooks";
|
13
13
|
import { innerTokens, tokens } from "../../Calendar.tokens";
|
14
14
|
import { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from "../../utils";
|
15
15
|
import { DateStructureItem } from "../DateStructureItem/DateStructureItem";
|
16
|
-
import { StyledCalendarYears
|
16
|
+
import { StyledCalendarYears } from "./CalendarYears.styles";
|
17
17
|
|
18
18
|
/**
|
19
19
|
* Компонент годов в календаре.
|
@@ -52,7 +52,7 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
52
52
|
var selectedRef = useRef(selected);
|
53
53
|
var onSetSelectedRef = useRef(onSetSelected);
|
54
54
|
var offset = isSecond ? ROW_YEAR_STEP : 0;
|
55
|
-
var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
55
|
+
var yearItemTokens = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(innerTokens.dateStructureFontFamily), "var(".concat(tokens.calendarYearFontFamily, ")")), "".concat(innerTokens.dateStructureFontSize), "var(".concat(tokens.calendarYearFontSize, ")")), "".concat(innerTokens.dateStructureFontWeight), "var(".concat(tokens.calendarYearFontWeight, ")")), "".concat(innerTokens.dateStructureFontLineHeight), "var(".concat(tokens.calendarYearFontLineHeight, ")")), "".concat(innerTokens.dateStructureFontLetterSpacing), "var(".concat(tokens.calendarYearFontLetterSpacing, ")")), "".concat(innerTokens.dateStructureFontStyle), "var(".concat(tokens.calendarYearFontStyle, ")")), "".concat(innerTokens.dateStructureSelectedFontWeight), "var(".concat(tokens.calendarYearSelectedFontWeight, ")")), "".concat(innerTokens.dateStructureBorderRadius), "var(".concat(tokens.calendarYearItemBorderRadius, ")"));
|
56
56
|
var getSelectedDate = useCallback(function (event) {
|
57
57
|
var _event$currentTarget$ = event.currentTarget.dataset,
|
58
58
|
day = _event$currentTarget$.day,
|
@@ -112,8 +112,7 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
112
112
|
onKeyDown: onKeyDown,
|
113
113
|
onMouseLeave: handleMouseOutGrid
|
114
114
|
}, years.map(function (year, i) {
|
115
|
-
return /*#__PURE__*/React.createElement(
|
116
|
-
role: "row",
|
115
|
+
return /*#__PURE__*/React.createElement(Fragment, {
|
117
116
|
key: i
|
118
117
|
}, year.map(function (_ref2, j) {
|
119
118
|
var yearValue = _ref2.yearValue,
|
@@ -1,9 +1,5 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { tokens } from "../../Calendar.tokens";
|
3
|
-
import { flexCenter } from "../../mixins";
|
4
3
|
export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
|
5
4
|
componentId: "plasma-new-hope__sc-153qwc7-0"
|
6
|
-
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
|
7
|
-
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-153qwc7-1"
|
9
|
-
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
5
|
+
})(["padding:var(", ");box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);width:100%;height:100%;"], tokens.calendarYearsPadding);
|
package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js
CHANGED
@@ -25,12 +25,12 @@ var disabledCurrentItem = function disabledCurrentItem() {
|
|
25
25
|
};
|
26
26
|
export var StyledItemRoot = /*#__PURE__*/styled.div.withConfig({
|
27
27
|
componentId: "plasma-new-hope__sc-14wxiia-1"
|
28
|
-
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;
|
28
|
+
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;border-radius:var(", ");", ";color:", ";&.", "{", ";", ";&.", "{", ";}}&.", ":not(.", "){", ";}&.", "{color:var(", ");}&.", "{color:", ";", ";}&.", "{color:", ";", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], innerTokens.dateStructureFontFamily, innerTokens.dateStructureFontSize, innerTokens.dateStructureFontStyle, innerTokens.dateStructureFontWeight, innerTokens.dateStructureFontLetterSpacing, innerTokens.dateStructureFontLineHeight, innerTokens.dateStructureBorderRadius, /*#__PURE__*/String(flexCenter), function (_ref3) {
|
29
29
|
var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
|
30
30
|
return isDayInCurrentMonth ? "var(".concat(tokens.calendarContentPrimaryColor, ")") : "var(".concat(tokens.calendarContentSecondaryColor, ")");
|
31
31
|
}, /*#__PURE__*/String(classes.selectableItem), /*#__PURE__*/addSelected({
|
32
|
-
minWidth:
|
33
|
-
minHeight:
|
32
|
+
minWidth: 'calc(100% - 0.125rem)',
|
33
|
+
minHeight: 'calc(100% - 0.125rem)',
|
34
34
|
selectedFontWeight: /*#__PURE__*/"var(".concat(innerTokens.dateStructureSelectedFontWeight, ")"),
|
35
35
|
selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
|
36
36
|
selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
|
@@ -64,6 +64,13 @@ export var isCurrentMonth = function isCurrentMonth(date, monthIndex) {
|
|
64
64
|
currentYear = _getDateFromNow2.year;
|
65
65
|
return monthIndex === currentMonthIndex && date.year === currentYear;
|
66
66
|
};
|
67
|
+
export var isCurrentQuarter = function isCurrentQuarter(date, monthIndex) {
|
68
|
+
var _getDateFromNow3 = getDateFromNow(),
|
69
|
+
currentMonthIndex = _getDateFromNow3.monthIndex,
|
70
|
+
currentYear = _getDateFromNow3.year;
|
71
|
+
var currentQuarterCondition = currentMonthIndex - monthIndex <= 3 && currentMonthIndex - monthIndex > 0;
|
72
|
+
return currentQuarterCondition && date.year === currentYear;
|
73
|
+
};
|
67
74
|
export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value) {
|
68
75
|
if (!value) {
|
69
76
|
return false;
|
@@ -74,8 +81,8 @@ export var isSelectedMonth = function isSelectedMonth(date, currentMonth, value)
|
|
74
81
|
return currentMonth === monthIndex && date.year === year;
|
75
82
|
};
|
76
83
|
export var isCurrentYear = function isCurrentYear(year) {
|
77
|
-
var
|
78
|
-
currentYear =
|
84
|
+
var _getDateFromNow4 = getDateFromNow(),
|
85
|
+
currentYear = _getDateFromNow4.year;
|
79
86
|
return year === currentYear;
|
80
87
|
};
|
81
88
|
export var isSelectedYear = function isSelectedYear(yearValue, value) {
|
@@ -42,7 +42,7 @@ var normalizeDate = function normalizeDate(date, type) {
|
|
42
42
|
date.setMonth(0);
|
43
43
|
}
|
44
44
|
};
|
45
|
-
var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
|
45
|
+
var isDisabledNextDate = function isDisabledNextDate(_ref, type, max, includeEdgeDates) {
|
46
46
|
var year = _ref.year,
|
47
47
|
monthIndex = _ref.monthIndex,
|
48
48
|
day = _ref.day;
|
@@ -54,13 +54,13 @@ var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
|
|
54
54
|
var currentDate = new Date(year, monthIndex, day);
|
55
55
|
dateOperationHandler[type].add(currentDate);
|
56
56
|
var isOut = true;
|
57
|
-
while (isOut && currentDate <= maxDate) {
|
58
|
-
isOut = maxDate <= currentDate;
|
57
|
+
while (isOut && includeEdgeDates ? currentDate < maxDate : currentDate <= maxDate) {
|
58
|
+
isOut = includeEdgeDates ? maxDate < currentDate : maxDate <= currentDate;
|
59
59
|
dateOperationHandler[type].add(currentDate);
|
60
60
|
}
|
61
61
|
return isOut;
|
62
62
|
};
|
63
|
-
var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
|
63
|
+
var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min, includeEdgeDates) {
|
64
64
|
var year = _ref2.year,
|
65
65
|
monthIndex = _ref2.monthIndex,
|
66
66
|
day = _ref2.day;
|
@@ -72,54 +72,58 @@ var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
|
|
72
72
|
var currentDate = new Date(year, monthIndex, day);
|
73
73
|
dateOperationHandler[type].subtract(currentDate);
|
74
74
|
var isOut = true;
|
75
|
-
while (isOut && currentDate >= minDate) {
|
76
|
-
isOut = minDate >= currentDate;
|
75
|
+
while (isOut && includeEdgeDates ? currentDate > minDate : currentDate >= minDate) {
|
76
|
+
isOut = includeEdgeDates ? minDate > currentDate : minDate >= currentDate;
|
77
77
|
dateOperationHandler[type].subtract(currentDate);
|
78
78
|
}
|
79
79
|
return isOut;
|
80
80
|
};
|
81
|
-
var getDisabledDates = function getDisabledDates(list, type, min, max) {
|
81
|
+
var getDisabledDates = function getDisabledDates(list, type, min, max, includeEdgeDates) {
|
82
82
|
var disabledDate = [];
|
83
|
-
if (isDisabledPreviousDate(list[0], type, min)) {
|
83
|
+
if (isDisabledPreviousDate(list[0], type, min, includeEdgeDates)) {
|
84
84
|
disabledDate.push('previous');
|
85
85
|
}
|
86
|
-
if (isDisabledNextDate(list[list.length - 1], type, max)) {
|
86
|
+
if (isDisabledNextDate(list[list.length - 1], type, max, includeEdgeDates)) {
|
87
87
|
disabledDate.push('next');
|
88
88
|
}
|
89
89
|
return disabledDate.join(',');
|
90
90
|
};
|
91
|
-
var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
|
91
|
+
var isDisabledArrowLeft = function isDisabledArrowLeft(date, min, includeEdgeDates) {
|
92
92
|
var currentDate = new Date(date);
|
93
93
|
currentDate.setDate(currentDate.getDate() - 1);
|
94
|
-
|
94
|
+
var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
|
95
|
+
return disableCondition;
|
95
96
|
};
|
96
|
-
var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
|
97
|
+
var isDisabledArrowRight = function isDisabledArrowRight(date, max, includeEdgeDates) {
|
97
98
|
var currentDate = new Date(date);
|
98
99
|
currentDate.setDate(currentDate.getDate() + 1);
|
99
|
-
|
100
|
+
var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
|
101
|
+
return disableCondition;
|
100
102
|
};
|
101
|
-
var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
|
103
|
+
var isDisabledArrowUp = function isDisabledArrowUp(date, min, includeEdgeDates) {
|
102
104
|
var currentDate = new Date(date);
|
103
105
|
currentDate.setDate(date.getDate() - 7);
|
104
|
-
|
106
|
+
var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
|
107
|
+
return disableCondition;
|
105
108
|
};
|
106
|
-
var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
|
109
|
+
var isDisabledArrowDown = function isDisabledArrowDown(date, max, includeEdgeDates) {
|
107
110
|
var currentDate = new Date(date);
|
108
111
|
currentDate.setDate(date.getDate() + 7);
|
109
|
-
|
112
|
+
var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
|
113
|
+
return disableCondition;
|
110
114
|
};
|
111
|
-
var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
|
115
|
+
var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max, includeEdgeDates) {
|
112
116
|
var disabledArrowKey = [];
|
113
|
-
if (isDisabledArrowLeft(currentDate, min)) {
|
117
|
+
if (isDisabledArrowLeft(currentDate, min, includeEdgeDates)) {
|
114
118
|
disabledArrowKey.push('left');
|
115
119
|
}
|
116
|
-
if (isDisabledArrowRight(currentDate, max)) {
|
120
|
+
if (isDisabledArrowRight(currentDate, max, includeEdgeDates)) {
|
117
121
|
disabledArrowKey.push('right');
|
118
122
|
}
|
119
|
-
if (isDisabledArrowDown(currentDate, max)) {
|
123
|
+
if (isDisabledArrowDown(currentDate, max, includeEdgeDates)) {
|
120
124
|
disabledArrowKey.push('down');
|
121
125
|
}
|
122
|
-
if (isDisabledArrowUp(currentDate, min)) {
|
126
|
+
if (isDisabledArrowUp(currentDate, min, includeEdgeDates)) {
|
123
127
|
disabledArrowKey.push('up');
|
124
128
|
}
|
125
129
|
return disabledArrowKey.join(',');
|
@@ -148,7 +152,7 @@ export var getDatesWithModifications = function getDatesWithModifications(_ref3)
|
|
148
152
|
var date = _ref5.date;
|
149
153
|
return date;
|
150
154
|
});
|
151
|
-
var disabledDates = getDisabledDates(datesList, type, min, max);
|
155
|
+
var disabledDates = getDisabledDates(datesList, type, min, max, includeEdgeDates);
|
152
156
|
return dates.map(function (dateItem) {
|
153
157
|
var date = dateItem.date;
|
154
158
|
var year = date.year,
|
@@ -173,7 +177,7 @@ export var getDatesWithModifications = function getDatesWithModifications(_ref3)
|
|
173
177
|
dateItem.events = eventsMap.get(keyDate);
|
174
178
|
dateItem.disabled = disabledDatesMap.has(keyDate) || isOutOfMinMaxRange;
|
175
179
|
dateItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
|
176
|
-
dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
|
180
|
+
dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max, includeEdgeDates);
|
177
181
|
dateItem.disabledDates = disabledDates;
|
178
182
|
return dateItem;
|
179
183
|
});
|
@@ -1,7 +1,12 @@
|
|
1
1
|
export var classes = {
|
2
2
|
datePickerError: 'date-picker-error',
|
3
3
|
datePickerSuccess: 'date-picker-success',
|
4
|
-
datePickerRoot: 'date-picker-root'
|
4
|
+
datePickerRoot: 'date-picker-root',
|
5
|
+
datePickerstretched: 'date-picker-stretched',
|
6
|
+
datePickerCalendarstretched: 'date-picker-calendar-stretched'
|
7
|
+
};
|
8
|
+
export var pivateTokens = {
|
9
|
+
calendarDoubleWidth: '--plasma_private-calendar-double-width'
|
5
10
|
};
|
6
11
|
export var tokens = {
|
7
12
|
width: '--plasma-date-picker-width',
|
@@ -126,14 +131,12 @@ export var tokens = {
|
|
126
131
|
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
127
132
|
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
128
133
|
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
129
|
-
|
130
|
-
|
134
|
+
calendarContainerWidth: '--plasma-date-picker-calendar-container-width',
|
135
|
+
calendarContainerHeight: '--plasma-date-picker-calendar-container-height',
|
131
136
|
calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
|
132
137
|
calendarBorderColor: '--plasma-date-picker-calendar-border-color',
|
133
138
|
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
134
139
|
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
135
|
-
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
136
|
-
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
137
140
|
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
138
141
|
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
139
142
|
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
@@ -143,8 +146,6 @@ export var tokens = {
|
|
143
146
|
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
144
147
|
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
145
148
|
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
146
|
-
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
147
|
-
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
148
149
|
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
149
150
|
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
150
151
|
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
@@ -154,8 +155,6 @@ export var tokens = {
|
|
154
155
|
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
155
156
|
calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
|
156
157
|
calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
|
157
|
-
calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
|
158
|
-
calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
|
159
158
|
calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
|
160
159
|
calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
|
161
160
|
calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
|
@@ -165,8 +164,6 @@ export var tokens = {
|
|
165
164
|
calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
|
166
165
|
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
167
166
|
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
168
|
-
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
169
|
-
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
170
167
|
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
171
168
|
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
172
169
|
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|
@@ -5,12 +5,18 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
|
|
5
5
|
import { tokens } from "./DatePicker.tokens";
|
6
6
|
var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
|
7
7
|
var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
|
8
|
-
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(tokens.calendarQuarterItemWidth, ");\n ").concat(calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(tokens.calendarQuarterItemHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
8
|
+
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
9
9
|
|
10
10
|
// NOTE: переопределение токенов Calendar
|
11
11
|
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
13
|
-
})(["width:
|
13
|
+
})(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref) {
|
14
|
+
var innerWidth = _ref.innerWidth;
|
15
|
+
return innerWidth || "var(".concat(tokens.calendarContainerWidth, ")");
|
16
|
+
}, function (_ref2) {
|
17
|
+
var innerHeight = _ref2.innerHeight;
|
18
|
+
return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
|
19
|
+
});
|
14
20
|
export var InputHidden = /*#__PURE__*/styled.input.withConfig({
|
15
21
|
componentId: "plasma-new-hope__sc-1i6o09y-1"
|
16
22
|
})(["", ";"], /*#__PURE__*/applyHidden());
|