@salutejs/plasma-new-hope 0.325.0-canary.1972.15208152297.0 → 0.325.0-canary.1984.15208824153.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 +13 -4
- 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 +15 -11
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -9
- 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 +2 -0
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -9
- 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_dt34s7.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.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 +7 -6
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +6 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +6 -5
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -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_1hkk03u.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +2 -10
- 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 +11 -9
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +2 -19
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +25 -21
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +10 -22
- 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_1q1mn0z.css → RangeDate.styles_vzsqwo.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -43
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +23 -19
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +7 -31
- 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_7r4r8k.css → SingleDate.styles_4wd0mq.css} +1 -1
- package/cjs/index.css +28 -24
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +13 -4
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- 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 +6 -3
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -3
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
- package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +12 -9
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -9
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +13 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -47
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -14
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +0 -6
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +6 -8
- package/emotion/es/components/Calendar/Calendar.tokens.js +13 -4
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- 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 +8 -5
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -9
- package/emotion/es/components/Calendar/utils/getDateWithModification.js +28 -24
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +11 -8
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -9
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +14 -5
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -46
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +0 -6
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +6 -8
- package/es/components/Calendar/Calendar.tokens.js +13 -4
- 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 +15 -11
- package/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- 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 +2 -0
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -14
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +5 -10
- 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_dt34s7.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.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 +7 -6
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +8 -5
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +9 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +3 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +6 -5
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +2 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +6 -5
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +7 -2
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +2 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +6 -5
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +7 -2
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +2 -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_1hkk03u.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +3 -10
- 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 +12 -9
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +2 -19
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +25 -21
- package/es/components/DatePicker/RangeDate/RangeDate.js +11 -22
- 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_1q1mn0z.css → RangeDate.styles_vzsqwo.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +23 -19
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -43
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +5 -38
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +23 -19
- package/es/components/DatePicker/SingleDate/SingleDate.js +8 -31
- 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_7r4r8k.css → SingleDate.styles_4wd0mq.css} +1 -1
- package/es/index.css +28 -24
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +13 -4
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- 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 +6 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +8 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +3 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +6 -2
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +3 -10
- package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +12 -9
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +2 -8
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -25
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -47
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +2 -14
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +6 -33
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +0 -6
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +6 -8
- package/styled-components/es/components/Calendar/Calendar.tokens.js +13 -4
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +3 -12
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +3 -12
- 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 +8 -5
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +7 -3
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -4
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -4
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +5 -1
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -9
- package/styled-components/es/components/Calendar/utils/getDateWithModification.js +28 -24
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +11 -8
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +2 -8
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +10 -26
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +4 -46
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -15
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +7 -34
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +0 -6
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +29 -37
- 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 +6 -8
- package/types/components/Calendar/Calendar.tokens.d.ts +12 -3
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +0 -4
- 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 +1 -0
- 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 +1 -0
- 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 +1 -0
- 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 +1 -0
- 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 +0 -1
- 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 +10 -7
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -4
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -19
- 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 +3 -16
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +20 -12
- 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/cjs/components/Calendar/CalendarBase/CalendarBase.styles_fpdm18.css +0 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +0 -2
- package/es/components/Calendar/CalendarBase/CalendarBase.styles_fpdm18.css +0 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +0 -2
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +0 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +0 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +0 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +0 -4
- package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +0 -2
@@ -48,7 +48,7 @@ var normalizeDate = function normalizeDate(date, type) {
|
|
48
48
|
date.setMonth(0);
|
49
49
|
}
|
50
50
|
};
|
51
|
-
var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
|
51
|
+
var isDisabledNextDate = function isDisabledNextDate(_ref, type, max, includeEdgeDates) {
|
52
52
|
var year = _ref.year,
|
53
53
|
monthIndex = _ref.monthIndex,
|
54
54
|
day = _ref.day;
|
@@ -60,13 +60,13 @@ var isDisabledNextDate = function isDisabledNextDate(_ref, type, max) {
|
|
60
60
|
var currentDate = new Date(year, monthIndex, day);
|
61
61
|
dateOperationHandler[type].add(currentDate);
|
62
62
|
var isOut = true;
|
63
|
-
while (isOut && currentDate <= maxDate) {
|
64
|
-
isOut = maxDate <= currentDate;
|
63
|
+
while (isOut && includeEdgeDates ? currentDate < maxDate : currentDate <= maxDate) {
|
64
|
+
isOut = includeEdgeDates ? maxDate < currentDate : maxDate <= currentDate;
|
65
65
|
dateOperationHandler[type].add(currentDate);
|
66
66
|
}
|
67
67
|
return isOut;
|
68
68
|
};
|
69
|
-
var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
|
69
|
+
var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min, includeEdgeDates) {
|
70
70
|
var year = _ref2.year,
|
71
71
|
monthIndex = _ref2.monthIndex,
|
72
72
|
day = _ref2.day;
|
@@ -78,54 +78,58 @@ var isDisabledPreviousDate = function isDisabledPreviousDate(_ref2, type, min) {
|
|
78
78
|
var currentDate = new Date(year, monthIndex, day);
|
79
79
|
dateOperationHandler[type].subtract(currentDate);
|
80
80
|
var isOut = true;
|
81
|
-
while (isOut && currentDate >= minDate) {
|
82
|
-
isOut = minDate >= currentDate;
|
81
|
+
while (isOut && includeEdgeDates ? currentDate > minDate : currentDate >= minDate) {
|
82
|
+
isOut = includeEdgeDates ? minDate > currentDate : minDate >= currentDate;
|
83
83
|
dateOperationHandler[type].subtract(currentDate);
|
84
84
|
}
|
85
85
|
return isOut;
|
86
86
|
};
|
87
|
-
var getDisabledDates = function getDisabledDates(list, type, min, max) {
|
87
|
+
var getDisabledDates = function getDisabledDates(list, type, min, max, includeEdgeDates) {
|
88
88
|
var disabledDate = [];
|
89
|
-
if (isDisabledPreviousDate(list[0], type, min)) {
|
89
|
+
if (isDisabledPreviousDate(list[0], type, min, includeEdgeDates)) {
|
90
90
|
disabledDate.push('previous');
|
91
91
|
}
|
92
|
-
if (isDisabledNextDate(list[list.length - 1], type, max)) {
|
92
|
+
if (isDisabledNextDate(list[list.length - 1], type, max, includeEdgeDates)) {
|
93
93
|
disabledDate.push('next');
|
94
94
|
}
|
95
95
|
return disabledDate.join(',');
|
96
96
|
};
|
97
|
-
var isDisabledArrowLeft = function isDisabledArrowLeft(date, min) {
|
97
|
+
var isDisabledArrowLeft = function isDisabledArrowLeft(date, min, includeEdgeDates) {
|
98
98
|
var currentDate = new Date(date);
|
99
99
|
currentDate.setDate(currentDate.getDate() - 1);
|
100
|
-
|
100
|
+
var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
|
101
|
+
return disableCondition;
|
101
102
|
};
|
102
|
-
var isDisabledArrowRight = function isDisabledArrowRight(date, max) {
|
103
|
+
var isDisabledArrowRight = function isDisabledArrowRight(date, max, includeEdgeDates) {
|
103
104
|
var currentDate = new Date(date);
|
104
105
|
currentDate.setDate(currentDate.getDate() + 1);
|
105
|
-
|
106
|
+
var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
|
107
|
+
return disableCondition;
|
106
108
|
};
|
107
|
-
var isDisabledArrowUp = function isDisabledArrowUp(date, min) {
|
109
|
+
var isDisabledArrowUp = function isDisabledArrowUp(date, min, includeEdgeDates) {
|
108
110
|
var currentDate = new Date(date);
|
109
111
|
currentDate.setDate(date.getDate() - 7);
|
110
|
-
|
112
|
+
var disableCondition = min && (includeEdgeDates ? min > currentDate : min >= currentDate);
|
113
|
+
return disableCondition;
|
111
114
|
};
|
112
|
-
var isDisabledArrowDown = function isDisabledArrowDown(date, max) {
|
115
|
+
var isDisabledArrowDown = function isDisabledArrowDown(date, max, includeEdgeDates) {
|
113
116
|
var currentDate = new Date(date);
|
114
117
|
currentDate.setDate(date.getDate() + 7);
|
115
|
-
|
118
|
+
var disableCondition = max && (includeEdgeDates ? max < currentDate : max <= currentDate);
|
119
|
+
return disableCondition;
|
116
120
|
};
|
117
|
-
var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max) {
|
121
|
+
var getDisabledArrowKey = function getDisabledArrowKey(currentDate, min, max, includeEdgeDates) {
|
118
122
|
var disabledArrowKey = [];
|
119
|
-
if (isDisabledArrowLeft(currentDate, min)) {
|
123
|
+
if (isDisabledArrowLeft(currentDate, min, includeEdgeDates)) {
|
120
124
|
disabledArrowKey.push('left');
|
121
125
|
}
|
122
|
-
if (isDisabledArrowRight(currentDate, max)) {
|
126
|
+
if (isDisabledArrowRight(currentDate, max, includeEdgeDates)) {
|
123
127
|
disabledArrowKey.push('right');
|
124
128
|
}
|
125
|
-
if (isDisabledArrowDown(currentDate, max)) {
|
129
|
+
if (isDisabledArrowDown(currentDate, max, includeEdgeDates)) {
|
126
130
|
disabledArrowKey.push('down');
|
127
131
|
}
|
128
|
-
if (isDisabledArrowUp(currentDate, min)) {
|
132
|
+
if (isDisabledArrowUp(currentDate, min, includeEdgeDates)) {
|
129
133
|
disabledArrowKey.push('up');
|
130
134
|
}
|
131
135
|
return disabledArrowKey.join(',');
|
@@ -154,7 +158,7 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
|
|
154
158
|
var date = _ref5.date;
|
155
159
|
return date;
|
156
160
|
});
|
157
|
-
var disabledDates = getDisabledDates(datesList, type, min, max);
|
161
|
+
var disabledDates = getDisabledDates(datesList, type, min, max, includeEdgeDates);
|
158
162
|
return dates.map(function (dateItem) {
|
159
163
|
var date = dateItem.date;
|
160
164
|
var year = date.year,
|
@@ -179,7 +183,7 @@ var getDatesWithModifications = exports.getDatesWithModifications = function get
|
|
179
183
|
dateItem.events = eventsMap.get(keyDate);
|
180
184
|
dateItem.disabled = disabledDatesMap.has(keyDate) || isOutOfMinMaxRange;
|
181
185
|
dateItem.isOutOfMinMaxRange = isOutOfMinMaxRange;
|
182
|
-
dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max);
|
186
|
+
dateItem.disabledArrowKey = getDisabledArrowKey(currentDate, min, max, includeEdgeDates);
|
183
187
|
dateItem.disabledDates = disabledDates;
|
184
188
|
return dateItem;
|
185
189
|
});
|
@@ -3,16 +3,11 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.tokens = exports.
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
7
|
var classes = exports.classes = {
|
8
8
|
datePickerError: 'date-picker-error',
|
9
9
|
datePickerSuccess: 'date-picker-success',
|
10
|
-
datePickerRoot: 'date-picker-root'
|
11
|
-
datePickerstretched: 'date-picker-stretched',
|
12
|
-
datePickerCalendarstretched: 'date-picker-calendar-stretched'
|
13
|
-
};
|
14
|
-
var pivateTokens = exports.pivateTokens = {
|
15
|
-
calendarDoubleWidth: '--plasma_private-calendar-double-width'
|
10
|
+
datePickerRoot: 'date-picker-root'
|
16
11
|
};
|
17
12
|
var tokens = exports.tokens = {
|
18
13
|
width: '--plasma-date-picker-width',
|
@@ -137,12 +132,14 @@ var tokens = exports.tokens = {
|
|
137
132
|
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
138
133
|
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
139
134
|
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
140
|
-
|
141
|
-
|
135
|
+
calendarWidth: '--plasma-date-picker-calendar-width',
|
136
|
+
calendarHeight: '--plasma-date-picker-calendar-height',
|
142
137
|
calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
|
143
138
|
calendarBorderColor: '--plasma-date-picker-calendar-border-color',
|
144
139
|
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
145
140
|
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
141
|
+
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
142
|
+
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
146
143
|
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
147
144
|
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
148
145
|
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
@@ -152,6 +149,8 @@ var tokens = exports.tokens = {
|
|
152
149
|
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
153
150
|
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
154
151
|
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
152
|
+
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
153
|
+
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
155
154
|
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
156
155
|
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
157
156
|
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
@@ -161,6 +160,8 @@ var tokens = exports.tokens = {
|
|
161
160
|
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
162
161
|
calendarQuartersPadding: '--plasma-date-picker-calendar__quarters-padding',
|
163
162
|
calendarQuarterItemBorderRadius: '--plasma-date-picker-calendar__quarter-item-border-radius',
|
163
|
+
calendarQuarterItemWidth: '--plasma-date-picker-calendar__quarter-item-width',
|
164
|
+
calendarQuarterItemHeight: '--plasma-date-picker-calendar__quarter-item-height',
|
164
165
|
calendarQuarterFontFamily: '--plasma-date-picker-calendar__quarter-font-family',
|
165
166
|
calendarQuarterFontSize: '--plasma-date-picker-calendar__quarter-font-size',
|
166
167
|
calendarQuarterFontStyle: '--plasma-date-picker-calendar__quarter-font-style',
|
@@ -170,6 +171,8 @@ var tokens = exports.tokens = {
|
|
170
171
|
calendarQuarterSelectedFontWeight: '--plasma-date-picker-calendar__quarter-selected-font-weight',
|
171
172
|
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
172
173
|
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
174
|
+
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
175
|
+
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
173
176
|
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
174
177
|
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
175
178
|
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|
@@ -12,18 +12,12 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
13
13
|
var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
|
14
14
|
var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
|
15
|
-
var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n margin-top: var(").concat(_DatePicker.tokens.calendarMarginTop, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePicker.tokens.calendarDisabledOpacity, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePicker.tokens.calendarDayOfWeekColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
|
15
|
+
var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n margin-top: var(").concat(_DatePicker.tokens.calendarMarginTop, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(_DatePicker.tokens.calendarDisabledOpacity, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePicker.tokens.calendarDayOfWeekColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n \n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
|
16
16
|
|
17
17
|
// NOTE: переопределение токенов Calendar
|
18
18
|
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
20
|
-
})(["
|
21
|
-
var innerWidth = _ref.innerWidth;
|
22
|
-
return innerWidth || "var(".concat(_DatePicker.tokens.calendarContainerWidth, ")");
|
23
|
-
}, function (_ref2) {
|
24
|
-
var innerHeight = _ref2.innerHeight;
|
25
|
-
return innerHeight || "var(".concat(_DatePicker.tokens.calendarContainerHeight, ")");
|
26
|
-
});
|
20
|
+
})(["width:var(", ");", ""], _DatePicker.tokens.width, baseCalendarTokens);
|
27
21
|
var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
28
22
|
componentId: "plasma-new-hope__sc-1i6o09y-1"
|
29
23
|
})(["", ";"], /*#__PURE__*/(0, _mixins.applyHidden)());
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.datePickerRangeRoot = exports.datePickerRangeConfig = void 0;
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
|
-
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
10
9
|
var _utils = /*#__PURE__*/require("../../../utils");
|
11
10
|
var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
|
12
11
|
var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
|
@@ -21,14 +20,10 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
|
21
20
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
22
21
|
var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
|
23
22
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
24
|
-
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "
|
25
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
23
|
+
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
26
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); }
|
27
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; }
|
28
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); }
|
29
|
-
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; }
|
30
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
31
|
-
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); }
|
32
27
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
33
28
|
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."); }
|
34
29
|
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; } }
|
@@ -117,9 +112,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
117
112
|
_ref$closeAfterDateSe = _ref.closeAfterDateSelect,
|
118
113
|
closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
|
119
114
|
offset = _ref.offset,
|
120
|
-
calendarContainerWidth = _ref.calendarContainerWidth,
|
121
|
-
calendarContainerHeight = _ref.calendarContainerHeight,
|
122
|
-
stretched = _ref.stretched,
|
123
115
|
onToggle = _ref.onToggle,
|
124
116
|
onChange = _ref.onChange,
|
125
117
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
@@ -501,25 +493,21 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
501
493
|
(0, _react.useLayoutEffect)(function () {
|
502
494
|
updateExternalSecondDate(defaultSecondDate);
|
503
495
|
}, [defaultSecondDate, format, lang]);
|
504
|
-
var RootWrapper = (0, _react.useCallback)(
|
505
|
-
var children = _ref6.children
|
506
|
-
rootWrapperClassName = _ref6.className,
|
507
|
-
onClick = _ref6.onClick;
|
496
|
+
var RootWrapper = (0, _react.useCallback)(function (_ref6) {
|
497
|
+
var children = _ref6.children;
|
508
498
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
509
|
-
ref: rootWrapperRef,
|
510
499
|
view: view,
|
511
500
|
size: size,
|
512
|
-
className:
|
501
|
+
className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
|
513
502
|
disabled: disabled,
|
514
|
-
readOnly: !disabled && readOnly
|
515
|
-
onClick: onClick
|
503
|
+
readOnly: !disabled && readOnly
|
516
504
|
}, children);
|
517
|
-
}
|
505
|
+
}, [view, size, disabled, readOnly]);
|
518
506
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
519
507
|
ref: rootRef,
|
520
508
|
view: view,
|
521
509
|
size: size,
|
522
|
-
className: (0,
|
510
|
+
className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
|
523
511
|
disabled: disabled,
|
524
512
|
readOnly: !disabled && readOnly
|
525
513
|
}, rest), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
|
@@ -544,19 +532,15 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
544
532
|
closeOnOverlayClick: closeOnOverlayClick,
|
545
533
|
closeOnEsc: closeOnEsc,
|
546
534
|
offset: offset,
|
547
|
-
stretched: stretched,
|
548
|
-
calendarContainerWidth: calendarContainerWidth,
|
549
|
-
calendarContainerHeight: calendarContainerHeight,
|
550
535
|
type: type,
|
551
536
|
onToggle: handleToggle,
|
552
537
|
lang: lang,
|
553
538
|
isDoubleCalendar: isDoubleCalendar,
|
554
539
|
rootWrapper: RootWrapper,
|
555
540
|
onChangeStartOfRange: handleChangeStartOfRange,
|
556
|
-
onChangeValue: handleChangeCalendarValue
|
557
|
-
setIsInnerOpen: setIsInnerOpen
|
541
|
+
onChangeValue: handleChangeCalendarValue
|
558
542
|
}), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, {
|
559
|
-
className: (0,
|
543
|
+
className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
|
560
544
|
}, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
|
561
545
|
name: name,
|
562
546
|
type: "hidden",
|
@@ -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;"]);
|
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,19 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.RangeDatePopover = void 0;
|
7
|
-
var _react = /*#__PURE__*/
|
8
|
-
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
7
|
+
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
9
8
|
var _utils = /*#__PURE__*/require("../../../../utils");
|
10
9
|
var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
|
11
|
-
var _DatePicker = /*#__PURE__*/require("../../DatePicker.tokens");
|
12
10
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
|
13
11
|
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); }
|
20
12
|
var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
|
21
13
|
var Root = _ref.rootWrapper,
|
22
14
|
target = _ref.target,
|
@@ -46,36 +38,14 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
46
38
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
47
39
|
closeOnEsc = _ref.closeOnEsc,
|
48
40
|
offset = _ref.offset,
|
49
|
-
calendarContainerWidth = _ref.calendarContainerWidth,
|
50
|
-
calendarContainerHeight = _ref.calendarContainerHeight,
|
51
|
-
stretched = _ref.stretched,
|
52
41
|
type = _ref.type,
|
53
42
|
size = _ref.size,
|
54
43
|
_ref$lang = _ref.lang,
|
55
44
|
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
56
|
-
disabled = _ref.disabled,
|
57
|
-
readOnly = _ref.readOnly,
|
58
|
-
setIsInnerOpen = _ref.setIsInnerOpen,
|
59
45
|
onChangeValue = _ref.onChangeValue,
|
60
46
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
61
47
|
onToggle = _ref.onToggle;
|
62
48
|
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
|
-
var isRootClicked = event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current);
|
72
|
-
if (innerIsOpen && stretched && isRootClicked) {
|
73
|
-
setIsInnerOpen(false);
|
74
|
-
if (onToggle) {
|
75
|
-
onToggle(false, event);
|
76
|
-
}
|
77
|
-
}
|
78
|
-
};
|
79
49
|
if (isDoubleCalendar) {
|
80
50
|
return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
|
81
51
|
opened: innerIsOpen,
|
@@ -89,14 +59,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
89
59
|
isFocusTrapped: false,
|
90
60
|
target: target,
|
91
61
|
preventOverflow: false
|
92
|
-
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
93
|
-
ref: doubleCalendarRootRef,
|
94
|
-
className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerstretched, stretched)),
|
95
|
-
onClick: handleCalendarRootClick
|
96
|
-
}, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
|
97
|
-
className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarstretched, stretched)),
|
98
|
-
innerWidth: calendarContainerWidthValue,
|
99
|
-
innerHeight: calendarContainerHeightValue,
|
62
|
+
}, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
|
100
63
|
size: size,
|
101
64
|
value: calendarValue,
|
102
65
|
eventList: eventList,
|
@@ -130,14 +93,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
|
|
130
93
|
target: target,
|
131
94
|
preventOverflow: false,
|
132
95
|
closeOnEsc: closeOnEsc
|
133
|
-
}, /*#__PURE__*/_react["default"].createElement(Root, {
|
134
|
-
ref: calendarRootRef,
|
135
|
-
className: (0, _classnames["default"])(_DatePicker.classes.datePickerRoot, _defineProperty({}, _DatePicker.classes.datePickerstretched, stretched)),
|
136
|
-
onClick: handleCalendarRootClick
|
137
|
-
}, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
|
138
|
-
className: (0, _classnames["default"])(_defineProperty({}, _DatePicker.classes.datePickerCalendarstretched, stretched)),
|
139
|
-
innerWidth: calendarContainerWidthValue,
|
140
|
-
innerHeight: calendarContainerHeightValue,
|
96
|
+
}, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
|
141
97
|
size: size,
|
142
98
|
value: calendarValue,
|
143
99
|
eventList: eventList,
|
@@ -20,19 +20,7 @@ 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);
|
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
|
-
});
|
23
|
+
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], _Calendar.calendarBaseTokens.calendarSeparatorBackground, _DatePicker.tokens.calendarSeparatorBackground, _DatePickerBase.baseCalendarTokens, _Calendar.calendarBaseTokens.calendarWidth, _DatePicker.tokens.calendarWidth);
|
30
24
|
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(CalendarRange).withConfig({
|
31
25
|
componentId: "plasma-new-hope__sc-vflcna-1"
|
32
|
-
})(["", "
|
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
|
-
});
|
26
|
+
})(["", ""], _DatePickerBase.baseCalendarTokens);
|