@salutejs/plasma-new-hope 0.339.0-canary.2299.18773440976.0 → 0.339.0-canary.2299.18840379933.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 +24 -1
- 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 +18 -4
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +48 -5
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +18 -4
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +61 -11
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/variations/_size/base.js +9 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_size/base.js.map +1 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/cjs/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +23 -6
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_z3dhwf.css → DateStructureItem.styles_1jogt74.css} +1 -1
- package/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +22 -0
- package/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js.map +1 -0
- package/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles_dh6nzd.css +1 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js +24 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/{es/components/DatePicker/DatePickerBase.styles_6x4unn.css → cjs/components/DatePicker/DatePickerBase.styles_1rfomby.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +15 -13
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +13 -11
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k6m3t6.css} +2 -2
- package/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +8 -6
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/cjs/components/Loader/Loader.css +16 -0
- package/cjs/components/Loader/Loader.js +85 -0
- package/cjs/components/Loader/Loader.js.map +1 -0
- package/cjs/components/Loader/Loader.styles.js +36 -0
- package/cjs/components/Loader/Loader.styles.js.map +1 -0
- package/cjs/components/Loader/Loader.styles_1i0a33d.css +3 -0
- package/cjs/components/Loader/Loader.tokens.js +35 -0
- package/cjs/components/Loader/Loader.tokens.js.map +1 -0
- package/cjs/components/Loader/variations/_size/base.js +9 -0
- package/cjs/components/Loader/variations/_size/base.js.map +1 -0
- package/cjs/components/Loader/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Loader/variations/_view/base.js +9 -0
- package/cjs/components/Loader/variations/_view/base.js.map +1 -0
- package/cjs/components/Loader/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Popover/Popover.js +1 -0
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +7 -5
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
- package/{es/components/ProgressBarCircular/ProgressBarCircular.styles_1cnlydo.css → cjs/components/ProgressBarCircular/ProgressBarCircular.styles_16hxdvd.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +15 -11
- package/cjs/components/TimePicker/TimePicker.js +22 -458
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +17 -21
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
- package/cjs/components/TimePicker/utils/index.js +1 -33
- package/cjs/components/TimePicker/utils/index.js.map +1 -1
- package/cjs/components/TimePickerGrid/TimePickerGrid.css +10 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.js +733 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +27 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +40 -0
- package/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +12 -12
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
- package/cjs/components/TimePickerGrid/utils/index.js +135 -0
- package/cjs/components/TimePickerGrid/utils/index.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
- package/cjs/components/TimePickerGrid/variations/_size/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_size/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/TimePickerGrid/variations/_view/base.js +9 -0
- package/cjs/components/TimePickerGrid/variations/_view/base.js.map +1 -0
- package/cjs/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
- package/cjs/index.css +33 -23
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +23 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +44 -5
- package/emotion/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +53 -7
- package/emotion/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +23 -6
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -8
- package/emotion/cjs/components/Calendar/ui/EventTooltip/EventTooltip.js +11 -0
- package/emotion/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +25 -0
- package/emotion/cjs/components/Calendar/ui/index.js +4 -0
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +23 -1
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/emotion/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/emotion/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +12 -0
- package/emotion/cjs/components/Loader/Loader.js +38 -6
- package/emotion/cjs/components/Loader/Loader.styles.js +5 -5
- package/emotion/cjs/components/Loader/Loader.tokens.js +11 -1
- package/emotion/cjs/components/Popover/Popover.js +1 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +6 -5
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
- package/emotion/cjs/components/TimePicker/TimePicker.js +22 -488
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +17 -7
- package/emotion/cjs/components/TimePicker/utils/index.js +1 -25
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +34 -0
- package/emotion/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
- package/emotion/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
- package/emotion/cjs/components/TimePickerGrid/index.js +26 -0
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/emotion/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +71 -0
- package/emotion/cjs/components/TimePickerGrid/utils/index.js +166 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_disabled/base.js +12 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_size/base.js +12 -0
- package/emotion/cjs/components/TimePickerGrid/variations/_view/base.js +12 -0
- package/emotion/cjs/examples/components/Calendar/CalendarBase.config.js +11 -6
- package/emotion/cjs/examples/components/Calendar/CalendarDouble.config.js +11 -6
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +11 -7
- package/emotion/cjs/examples/components/Loader/Loader.config.js +14 -14
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +32 -0
- package/emotion/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
- package/emotion/cjs/index.js +1 -0
- package/emotion/es/components/Calendar/Calendar.tokens.js +23 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +46 -7
- package/emotion/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +55 -9
- package/emotion/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +24 -7
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -8
- package/emotion/es/components/Calendar/ui/EventTooltip/EventTooltip.js +1 -0
- package/emotion/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +10 -0
- package/emotion/es/components/Calendar/ui/index.js +1 -0
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +23 -1
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/emotion/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +11 -8
- package/emotion/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +2 -0
- package/emotion/es/components/Loader/Loader.js +39 -7
- package/emotion/es/components/Loader/Loader.styles.js +6 -6
- package/emotion/es/components/Loader/Loader.tokens.js +8 -1
- package/emotion/es/components/Popover/Popover.js +1 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +6 -5
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +9 -9
- package/emotion/es/components/TimePicker/TimePicker.js +25 -491
- package/emotion/es/components/TimePicker/TimePicker.styles.js +14 -7
- package/emotion/es/components/TimePicker/utils/index.js +1 -22
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.styles.js +11 -0
- package/emotion/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
- package/emotion/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
- package/emotion/es/components/TimePickerGrid/index.js +2 -0
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
- package/emotion/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js +33 -0
- package/emotion/es/components/TimePickerGrid/utils/index.js +133 -0
- package/emotion/es/components/TimePickerGrid/variations/_disabled/base.js +2 -0
- package/emotion/es/components/TimePickerGrid/variations/_size/base.js +2 -0
- package/emotion/es/components/TimePickerGrid/variations/_view/base.js +2 -0
- package/emotion/es/examples/components/Calendar/CalendarBase.config.js +11 -6
- package/emotion/es/examples/components/Calendar/CalendarDouble.config.js +11 -6
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +11 -7
- package/emotion/es/examples/components/Loader/Loader.config.js +14 -14
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +22 -0
- package/emotion/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Calendar/Calendar.tokens.js +24 -1
- 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 +18 -4
- package/es/components/Calendar/CalendarBase/CalendarBase.js +49 -6
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +5 -0
- package/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/Calendar/CalendarBase/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +18 -4
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +62 -12
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/variations/_size/base.js +5 -0
- package/es/components/Calendar/CalendarDouble/variations/_size/base.js.map +1 -0
- package/es/components/Calendar/CalendarDouble/variations/_size/base_x642ct.css +1 -0
- package/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +5 -0
- package/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/es/components/Calendar/hooks/useKeyNavigation.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +24 -7
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/{DateStructureItem.styles_z3dhwf.css → DateStructureItem.styles_1jogt74.css} +1 -1
- package/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +18 -0
- package/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js.map +1 -0
- package/es/components/Calendar/ui/EventTooltip/EventTooltip.styles_dh6nzd.css +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js +24 -1
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/{cjs/components/DatePicker/DatePickerBase.styles_6x4unn.css → es/components/DatePicker/DatePickerBase.styles_1rfomby.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +15 -13
- package/es/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +13 -11
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1wt56uj.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_k6m3t6.css} +2 -2
- package/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +8 -6
- package/es/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_tooltip-size/base_x642ct.css +1 -0
- package/es/components/Loader/Loader.css +16 -0
- package/es/components/Loader/Loader.js +75 -0
- package/es/components/Loader/Loader.js.map +1 -0
- package/es/components/Loader/Loader.styles.js +30 -0
- package/es/components/Loader/Loader.styles.js.map +1 -0
- package/es/components/Loader/Loader.styles_1i0a33d.css +3 -0
- package/es/components/Loader/Loader.tokens.js +30 -0
- package/es/components/Loader/Loader.tokens.js.map +1 -0
- package/es/components/Loader/variations/_size/base.js +5 -0
- package/es/components/Loader/variations/_size/base.js.map +1 -0
- package/es/components/Loader/variations/_size/base_x642ct.css +1 -0
- package/es/components/Loader/variations/_view/base.js +5 -0
- package/es/components/Loader/variations/_view/base.js.map +1 -0
- package/es/components/Loader/variations/_view/base_x642ct.css +1 -0
- package/es/components/Popover/Popover.js +1 -0
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -5
- package/es/components/ProgressBarCircular/ProgressBarCircular.js +7 -5
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -1
- package/{cjs/components/ProgressBarCircular/ProgressBarCircular.styles_1cnlydo.css → es/components/ProgressBarCircular/ProgressBarCircular.styles_16hxdvd.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +15 -11
- package/es/components/TimePicker/TimePicker.js +26 -462
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +17 -21
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/{TimePicker.styles_ar3obv.css → TimePicker.styles_2lk4d9.css} +4 -3
- package/es/components/TimePicker/utils/index.js +2 -32
- package/es/components/TimePicker/utils/index.js.map +1 -1
- package/es/components/TimePickerGrid/TimePickerGrid.css +10 -0
- package/es/components/TimePickerGrid/TimePickerGrid.js +724 -0
- package/es/components/TimePickerGrid/TimePickerGrid.js.map +1 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js +22 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles.js.map +1 -0
- package/es/components/TimePickerGrid/TimePickerGrid.styles_mz2mkl.css +2 -0
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js +35 -0
- package/es/components/TimePickerGrid/TimePickerGrid.tokens.js.map +1 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css +7 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +109 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -11
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_1nwjzgi.css +7 -0
- package/es/components/TimePickerGrid/utils/index.js +126 -0
- package/es/components/TimePickerGrid/utils/index.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_disabled/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_disabled/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_disabled/base_x642ct.css +1 -0
- package/es/components/TimePickerGrid/variations/_size/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_size/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_size/base_x642ct.css +1 -0
- package/es/components/TimePickerGrid/variations/_view/base.js +5 -0
- package/es/components/TimePickerGrid/variations/_view/base.js.map +1 -0
- package/es/components/TimePickerGrid/variations/_view/base_x642ct.css +1 -0
- package/es/index.css +33 -23
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +23 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +44 -5
- package/styled-components/cjs/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +53 -7
- package/styled-components/cjs/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.js +23 -6
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -6
- package/styled-components/cjs/components/Calendar/ui/EventTooltip/EventTooltip.js +11 -0
- package/styled-components/cjs/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +71 -0
- package/styled-components/cjs/components/Calendar/ui/index.js +4 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +23 -1
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +15 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -12
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +14 -0
- package/styled-components/cjs/components/Loader/Loader.js +38 -6
- package/styled-components/cjs/components/Loader/Loader.styles.js +9 -4
- package/styled-components/cjs/components/Loader/Loader.tokens.js +11 -1
- package/styled-components/cjs/components/Popover/Popover.js +1 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +6 -5
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
- package/styled-components/cjs/components/TimePicker/TimePicker.js +22 -488
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +57 -3
- package/styled-components/cjs/components/TimePicker/utils/index.js +1 -25
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.js +922 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js +79 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js +50 -0
- package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.types.js +4 -0
- package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js +30 -0
- package/styled-components/cjs/components/TimePickerGrid/index.js +26 -0
- package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +118 -0
- package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +16 -14
- package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.js +4 -0
- package/styled-components/cjs/components/TimePickerGrid/utils/index.js +166 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_disabled/base.js +14 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js +14 -0
- package/styled-components/cjs/examples/components/Calendar/CalendarBase.config.js +53 -3
- package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js +53 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +51 -2
- package/styled-components/cjs/examples/components/Loader/Loader.config.js +36 -25
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +3 -2
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.config.js +103 -0
- package/styled-components/cjs/examples/components/TimePickerGrid/TimePickerGrid.js +15 -0
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/es/components/Calendar/Calendar.tokens.js +23 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +46 -7
- package/styled-components/es/components/Calendar/CalendarBase/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +55 -9
- package/styled-components/es/components/Calendar/CalendarDouble/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/Calendar/hooks/useKeyNavigation.js +3 -0
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -2
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +5 -2
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +5 -2
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +5 -2
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.js +24 -7
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +9 -6
- package/styled-components/es/components/Calendar/ui/EventTooltip/EventTooltip.js +1 -0
- package/styled-components/es/components/Calendar/ui/EventTooltip/EventTooltip.styles.js +56 -0
- package/styled-components/es/components/Calendar/ui/index.js +1 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +23 -1
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +11 -8
- package/styled-components/es/components/DatePicker/SingleDate/variations/_tooltip-size/base.js +4 -0
- package/styled-components/es/components/Loader/Loader.js +39 -7
- package/styled-components/es/components/Loader/Loader.styles.js +10 -5
- package/styled-components/es/components/Loader/Loader.tokens.js +8 -1
- package/styled-components/es/components/Popover/Popover.js +1 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +6 -5
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +5 -5
- package/styled-components/es/components/TimePicker/TimePicker.js +25 -491
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +54 -3
- package/styled-components/es/components/TimePicker/utils/index.js +1 -22
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.js +863 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js +21 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.tokens.js +32 -0
- package/styled-components/es/components/TimePickerGrid/TimePickerGrid.types.js +1 -0
- package/styled-components/es/components/TimePickerGrid/hooks/useKeyboardNavigation.js +20 -0
- package/styled-components/es/components/TimePickerGrid/index.js +2 -0
- package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js +103 -0
- package/styled-components/es/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js +11 -9
- package/styled-components/es/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.js +1 -0
- package/styled-components/es/components/TimePickerGrid/utils/index.js +133 -0
- package/styled-components/es/components/TimePickerGrid/variations/_disabled/base.js +4 -0
- package/styled-components/es/components/TimePickerGrid/variations/_size/base.js +4 -0
- package/styled-components/es/components/TimePickerGrid/variations/_view/base.js +4 -0
- package/styled-components/es/examples/components/Calendar/CalendarBase.config.js +53 -3
- package/styled-components/es/examples/components/Calendar/CalendarDouble.config.js +53 -3
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +51 -2
- package/styled-components/es/examples/components/Loader/Loader.config.js +36 -25
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +3 -2
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.config.js +93 -0
- package/styled-components/es/examples/components/TimePickerGrid/TimePickerGrid.js +5 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts +22 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +43 -1
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +10 -2
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/Calendar/CalendarBase/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +13 -2
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/Calendar/CalendarDouble/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/Calendar/hooks/useKeyNavigation.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +3 -2
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts +2 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts +2 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.d.ts +2 -0
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.d.ts.map +1 -0
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts +2 -0
- package/types/components/Calendar/ui/EventTooltip/EventTooltip.styles.d.ts.map +1 -0
- package/types/components/Calendar/ui/index.d.ts +1 -0
- package/types/components/Calendar/ui/index.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +22 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +5 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +7 -3
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +3 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.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.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +7 -3
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +3 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/variations/_tooltip-size/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_tooltip-size/base.d.ts.map +1 -0
- package/types/components/Loader/Loader.d.ts.map +1 -1
- package/types/components/Loader/Loader.styles.d.ts.map +1 -1
- package/types/components/Loader/Loader.tokens.d.ts +8 -1
- package/types/components/Loader/Loader.tokens.d.ts.map +1 -1
- package/types/components/Loader/Loader.types.d.ts +18 -5
- package/types/components/Loader/Loader.types.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +5 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +18 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/utils/index.d.ts +1 -2
- package/types/components/TimePicker/utils/index.d.ts.map +1 -1
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts +61 -0
- package/types/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts +5 -0
- package/types/components/TimePickerGrid/TimePickerGrid.styles.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts +33 -0
- package/types/components/TimePickerGrid/TimePickerGrid.tokens.d.ts.map +1 -0
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts +65 -0
- package/types/components/TimePickerGrid/TimePickerGrid.types.d.ts.map +1 -0
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts +14 -0
- package/types/components/TimePickerGrid/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/TimePickerGrid/index.d.ts +4 -0
- package/types/components/TimePickerGrid/index.d.ts.map +1 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts +3 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
- package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.types.d.ts +9 -8
- package/types/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
- package/types/components/TimePickerGrid/utils/index.d.ts +24 -0
- package/types/components/TimePickerGrid/utils/index.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_size/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_size/base.d.ts.map +1 -0
- package/types/components/TimePickerGrid/variations/_view/base.d.ts +2 -0
- package/types/components/TimePickerGrid/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tooltip/Tooltip.types.d.ts +3 -3
- package/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/types/examples/components/Calendar/Calendar.d.ts +8 -0
- package/types/examples/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarBase.config.d.ts +5 -0
- package/types/examples/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarDouble.config.d.ts +5 -0
- package/types/examples/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts +4 -0
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +8 -0
- package/types/examples/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/components/Loader/Loader.config.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts +21 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.config.d.ts.map +1 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts +32 -0
- package/types/examples/components/TimePickerGrid/TimePickerGrid.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- /package/emotion/cjs/components/{TimePicker/ui/TimeColumn/TimeColumn.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/{styled-components/cjs/components/TimePicker → emotion/cjs/components/TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/emotion/es/components/{TimePicker/ui/TimeColumn/TimeColumn.types.js → TimePickerGrid/TimePickerGrid.types.js} +0 -0
- /package/{styled-components/es/components/TimePicker → emotion/es/components/TimePickerGrid}/ui/TimeColumn/TimeColumn.types.js +0 -0
- /package/types/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useRef } from 'react';\n\nimport { useYears } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears } from './CalendarYears.styles';\n\n/**\n * Компонент годов в календаре.\n */\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n date: currentDate,\n value,\n startYear,\n selectIndexes,\n eventList,\n disabledList,\n min,\n max,\n outerRefs,\n isDouble,\n isSecond,\n hoveredYear,\n onChangeYear,\n onHoverYear,\n onSetSelected,\n onKeyDown,\n}) => {\n const minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;\n const maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;\n\n const [years, selected] = useYears({\n date: currentDate,\n value,\n startYear,\n eventList,\n disabledList,\n min: minDate,\n max: maxDate,\n });\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n\n const offset = isSecond ? ROW_YEAR_STEP : 0;\n\n const yearItemTokens = {\n [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarYearFontFamily})`,\n [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarYearFontSize})`,\n [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarYearFontWeight})`,\n [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarYearFontLineHeight})`,\n [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarYearFontLetterSpacing})`,\n [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarYearFontStyle})`,\n [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarYearSelectedFontWeight})`,\n [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarYearItemBorderRadius})`,\n };\n\n const getSelectedDate = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const { day, monthIndex, year } = event.currentTarget.dataset;\n\n const selectedDate = {\n day: Number(day),\n monthIndex: Number(monthIndex),\n year: Number(year),\n };\n\n if (!canSelectDate(selectedDate, value, disabledList)) {\n return;\n }\n\n return selectedDate;\n },\n [disabledList, value],\n );\n\n const handleOnChangeYear = useCallback(\n (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n /**\n * нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const selectedDate = getSelectedDate(event);\n\n if (!selectedDate) {\n return;\n }\n\n onChangeYear(selectedDate, [i + offset, j]);\n\n if (isSelectProcess(value)) {\n onHoverYear?.(undefined);\n }\n },\n [getSelectedDate, onChangeYear, offset, value, onHoverYear],\n );\n\n const handleOnHoverYear = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedDate = getSelectedDate(event);\n const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n return;\n }\n\n onHoverYear?.(selectedDate);\n },\n [getSelectedDate, onHoverYear, value],\n );\n\n const handleMouseOutGrid = () => onHoverYear?.(undefined);\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n if (!outerRefs.current[i + offset]) {\n outerRefs.current[i + offset] = [];\n }\n\n outerRefs.current[i + offset][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarYears\n role=\"grid\"\n aria-labelledby=\"id-grid-label\"\n onKeyDown={onKeyDown}\n onMouseLeave={handleMouseOutGrid}\n >\n {years.map((year, i) => (\n <Fragment key={i}>\n {year.map(\n (\n {\n yearValue,\n isSelected,\n isCurrent,\n date,\n events,\n isOutOfMinMaxRange,\n inRange,\n disabled,\n disabledArrowKey,\n disabledDates,\n },\n j,\n ) => {\n return (\n <DateStructureItem\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n style={yearItemTokens}\n eventList={events}\n disabled={disabled}\n day={date.day}\n year={yearValue}\n monthIndex={date.monthIndex}\n isFocused={\n i + offset === selectIndexes?.[0] &&\n j === selectIndexes?.[1] &&\n !isOutOfMinMaxRange\n }\n isSelected={isSelected}\n isCurrent={isCurrent}\n isDouble={isDouble}\n isHovered={isSameDay(date, hoveredYear)}\n inRange={getInRange(value, date, hoveredYear, inRange)}\n sideInRange={getSideInRange(value, date, hoveredYear, isSelected)}\n onClick={disabled ? undefined : handleOnChangeYear(i, j)}\n onMouseOver={disabled ? undefined : handleOnHoverYear}\n key={`StyledYear-${i}-${j}`}\n role=\"gridcell\"\n data-year={yearValue}\n data-month-index={date.monthIndex}\n data-day={date.day}\n aria-label={String(yearValue)}\n disabledArrowKey={disabledArrowKey}\n disabledMonths={disabledDates}\n isDayInCurrentMonth\n >\n {yearValue}\n </DateStructureItem>\n );\n },\n )}\n </Fragment>\n ))}\n </StyledCalendarYears>\n );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","value","startYear","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredYear","onChangeYear","onHoverYear","onSetSelected","onKeyDown","minDate","Date","getFullYear","undefined","maxDate","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","offset","ROW_YEAR_STEP","yearItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarYearFontFamily","dateStructureFontSize","calendarYearFontSize","dateStructureFontWeight","calendarYearFontWeight","dateStructureFontLineHeight","calendarYearFontLineHeight","dateStructureFontLetterSpacing","calendarYearFontLetterSpacing","dateStructureFontStyle","calendarYearFontStyle","dateStructureSelectedFontWeight","calendarYearSelectedFontWeight","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverYear","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","onMouseLeave","map","Fragment","key","_ref2","yearValue","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","String","disabledMonths","isDayInCurrentMonth"],"mappings":";;;;;;;;;;AAUA;AACA;AACA;IACaA,aAA2C,GAAG,SAA9CA,aAA2CA,CAAAC,IAAA,EAiBlD;AAAA,EAAA,IAhBIC,WAAW,GAAAD,IAAA,CAAjBE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IACbC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,GAAG,GAAAR,IAAA,CAAHQ,GAAG;IACHC,GAAG,GAAAT,IAAA,CAAHS,GAAG;IACHC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,WAAW,GAAAb,IAAA,CAAXa,WAAW;IACXC,YAAY,GAAAd,IAAA,CAAZc,YAAY;IACZC,WAAW,GAAAf,IAAA,CAAXe,WAAW;IACXC,aAAa,GAAAhB,IAAA,CAAbgB,aAAa;IACbC,SAAS,GAAAjB,IAAA,CAATiB,SAAS,CAAA;AAET,EAAA,IAAMC,OAAO,GAAGV,GAAG,GAAG,IAAIW,IAAI,CAACX,GAAG,CAACY,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,GAAGC,SAAS,CAAA;AACnE,EAAA,IAAMC,OAAO,GAAGb,GAAG,GAAG,IAAIU,IAAI,CAACV,GAAG,CAACW,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAGC,SAAS,CAAA;EAErE,IAAAE,SAAA,GAA0BC,QAAQ,CAAC;AAC/BtB,MAAAA,IAAI,EAAED,WAAW;AACjBE,MAAAA,KAAK,EAALA,KAAK;AACLC,MAAAA,SAAS,EAATA,SAAS;AACTE,MAAAA,SAAS,EAATA,SAAS;AACTC,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,GAAG,EAAEU,OAAO;AACZT,MAAAA,GAAG,EAAEa,OAAAA;AACT,KAAC,CAAC;IAAAG,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AARKI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAStB,EAAA,IAAMI,WAAW,GAAGC,MAAM,CAACF,QAAQ,CAAC,CAAA;AACpC,EAAA,IAAMG,gBAAgB,GAAGD,MAAM,CAACd,aAAa,CAAC,CAAA;AAE9C,EAAA,IAAMgB,MAAM,GAAGpB,QAAQ,GAAGqB,aAAa,GAAG,CAAC,CAAA;EAE3C,IAAMC,cAAc,GAAAC,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAC,EAAAA,EAAAA,EAAAA,CAAAA,MAAA,CACZC,WAAW,CAACC,uBAAuB,CAAAF,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,MAAM,CAACC,sBAAsB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAJ,MAAA,CAC5EC,WAAW,CAACI,qBAAqB,CAAAL,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,MAAM,CAACG,oBAAoB,YAAAN,MAAA,CACxEC,WAAW,CAACM,uBAAuB,CAAA,EAAA,MAAA,CAAAP,MAAA,CAAYG,MAAM,CAACK,sBAAsB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAR,MAAA,CAC5EC,WAAW,CAACQ,2BAA2B,CAAAT,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,MAAM,CAACO,0BAA0B,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAV,MAAA,CACpFC,WAAW,CAACU,8BAA8B,CAAAX,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,MAAM,CAACS,6BAA6B,EAAAZ,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CAC1FC,WAAW,CAACY,sBAAsB,CAAAb,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,MAAM,CAACW,qBAAqB,EAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAAd,MAAA,CAC1EC,WAAW,CAACc,+BAA+B,CAAA,EAAA,MAAA,CAAAf,MAAA,CAAYG,MAAM,CAACa,8BAA8B,EAAAhB,GAAAA,CAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CAC5FC,WAAW,CAACgB,yBAAyB,CAAAjB,EAAAA,MAAAA,CAAAA,MAAA,CAAYG,MAAM,CAACe,4BAA4B,EAC3F,GAAA,CAAA,CAAA,CAAA;AAED,EAAA,IAAMC,eAAe,GAAGC,WAAW,CAC/B,UAACC,KAAuC,EAAK;AACzC,IAAA,IAAAC,qBAAA,GAAkCD,KAAK,CAACE,aAAa,CAACC,OAAO;MAArDC,GAAG,GAAAH,qBAAA,CAAHG,GAAG;MAAEC,UAAU,GAAAJ,qBAAA,CAAVI,UAAU;MAAEC,IAAI,GAAAL,qBAAA,CAAJK,IAAI,CAAA;AAE7B,IAAA,IAAMC,YAAY,GAAG;AACjBH,MAAAA,GAAG,EAAEI,MAAM,CAACJ,GAAG,CAAC;AAChBC,MAAAA,UAAU,EAAEG,MAAM,CAACH,UAAU,CAAC;MAC9BC,IAAI,EAAEE,MAAM,CAACF,IAAI,CAAA;KACpB,CAAA;IAED,IAAI,CAACG,aAAa,CAACF,YAAY,EAAE7D,KAAK,EAAEI,YAAY,CAAC,EAAE;AACnD,MAAA,OAAA;AACJ,KAAA;AAEA,IAAA,OAAOyD,YAAY,CAAA;AACvB,GAAC,EACD,CAACzD,YAAY,EAAEJ,KAAK,CACxB,CAAC,CAAA;AAED,EAAA,IAAMgE,kBAAkB,GAAGX,WAAW,CAClC,UAACY,CAAS,EAAEC,CAAS,EAAA;IAAA,OAAK,UAACZ,KAAuC,EAAK;AACnE;AACZ;AACA;AACA;AACA;AACYA,MAAAA,KAAK,CAACa,WAAW,CAACC,wBAAwB,EAAE,CAAA;AAE5C,MAAA,IAAMP,YAAY,GAAGT,eAAe,CAACE,KAAK,CAAC,CAAA;MAE3C,IAAI,CAACO,YAAY,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;MAEAlD,YAAY,CAACkD,YAAY,EAAE,CAACI,CAAC,GAAGpC,MAAM,EAAEqC,CAAC,CAAC,CAAC,CAAA;AAE3C,MAAA,IAAIG,eAAe,CAACrE,KAAK,CAAC,EAAE;AACxBY,QAAAA,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,IAAXA,WAAW,CAAGM,SAAS,CAAC,CAAA;AAC5B,OAAA;KACH,CAAA;GACD,EAAA,CAACkC,eAAe,EAAEzC,YAAY,EAAEkB,MAAM,EAAE7B,KAAK,EAAEY,WAAW,CAC9D,CAAC,CAAA;AAED,EAAA,IAAM0D,iBAAiB,GAAGjB,WAAW,CACjC,UAACC,KAAuC,EAAK;AACzC,IAAA,IAAMO,YAAY,GAAGT,eAAe,CAACE,KAAK,CAAC,CAAA;AAC3C,IAAA,IAAMiB,cAAc,GAAGC,KAAK,CAACC,OAAO,CAACzE,KAAK,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,IAAIA,KAAK,CAAC,CAAC,CAAC,CAAA;AAEnE,IAAA,IAAI,CAAC6D,YAAY,IAAI,CAACW,KAAK,CAACC,OAAO,CAACzE,KAAK,CAAC,IAAIuE,cAAc,EAAE;AAC1D,MAAA,OAAA;AACJ,KAAA;AAEA3D,IAAAA,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,IAAXA,WAAW,CAAGiD,YAAY,CAAC,CAAA;GAC9B,EACD,CAACT,eAAe,EAAExC,WAAW,EAAEZ,KAAK,CACxC,CAAC,CAAA;AAED,EAAA,IAAM0E,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,IAAA,OAAS9D,WAAW,KAAXA,IAAAA,IAAAA,WAAW,uBAAXA,WAAW,CAAGM,SAAS,CAAC,CAAA;AAAA,GAAA,CAAA;EAEzD,IAAMyD,OAAO,GAAGtB,WAAW,CACvB,UAACuB,OAAuB,EAAEX,CAAS,EAAEC,CAAS,EAAK;IAC/C,IAAI,CAAC3D,SAAS,CAACsE,OAAO,CAACZ,CAAC,GAAGpC,MAAM,CAAC,EAAE;MAChCtB,SAAS,CAACsE,OAAO,CAACZ,CAAC,GAAGpC,MAAM,CAAC,GAAG,EAAE,CAAA;AACtC,KAAA;IAEAtB,SAAS,CAACsE,OAAO,CAACZ,CAAC,GAAGpC,MAAM,CAAC,CAACqC,CAAC,CAAC,GAAGU,OAAO,CAAA;AAC9C,GAAC,EACD,CAACrE,SAAS,CACd,CAAC,CAAA;AAEDuE,EAAAA,SAAS,CAAC,YAAM;IACZ,IAAIpD,WAAW,CAACmD,OAAO,EAAE;AAAA,MAAA,IAAAE,qBAAA,CAAA;AACrB,MAAA,CAAAA,qBAAA,GAAAnD,gBAAgB,CAACiD,OAAO,cAAAE,qBAAA,KAAA,KAAA,CAAA,IAAxBA,qBAAA,CAAAC,IAAA,CAAApD,gBAAgB,EAAWF,WAAW,CAACmD,OAAO,CAAC,CAAA;AACnD,KAAA;GACH,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,mBAAmB,EAAA;AAChBC,IAAAA,IAAI,EAAC,MAAM;AACX,IAAA,iBAAA,EAAgB,eAAe;AAC/BtE,IAAAA,SAAS,EAAEA,SAAU;AACrBuE,IAAAA,YAAY,EAAEX,kBAAAA;AAAmB,GAAA,EAEhClD,KAAK,CAAC8D,GAAG,CAAC,UAAC1B,IAAI,EAAEK,CAAC,EAAA;AAAA,IAAA,oBACfgB,KAAA,CAAAC,aAAA,CAACK,QAAQ,EAAA;AAACC,MAAAA,GAAG,EAAEvB,CAAAA;KACVL,EAAAA,IAAI,CAAC0B,GAAG,CACL,UAAAG,KAAA,EAaIvB,CAAC,EACA;AAAA,MAAA,IAZGwB,SAAS,GAAAD,KAAA,CAATC,SAAS;QACTC,UAAU,GAAAF,KAAA,CAAVE,UAAU;QACVC,SAAS,GAAAH,KAAA,CAATG,SAAS;QACT7F,IAAI,GAAA0F,KAAA,CAAJ1F,IAAI;QACJ8F,MAAM,GAAAJ,KAAA,CAANI,MAAM;QACNC,kBAAkB,GAAAL,KAAA,CAAlBK,kBAAkB;QAClBC,OAAO,GAAAN,KAAA,CAAPM,OAAO;QACPC,QAAQ,GAAAP,KAAA,CAARO,QAAQ;QACRC,gBAAgB,GAAAR,KAAA,CAAhBQ,gBAAgB;QAChBC,aAAa,GAAAT,KAAA,CAAbS,aAAa,CAAA;AAIjB,MAAA,oBACIjB,KAAA,CAAAC,aAAA,CAACiB,iBAAiB,EAAA;QACdC,GAAG,EAAE,SAAAA,GAAAA,CAACxB,OAAuB,EAAA;AAAA,UAAA,OAAKD,OAAO,CAACC,OAAO,EAAEX,CAAC,EAAEC,CAAC,CAAC,CAAA;SAAC;AACzDmC,QAAAA,KAAK,EAAEtE,cAAe;AACtB5B,QAAAA,SAAS,EAAE0F,MAAO;AAClBG,QAAAA,QAAQ,EAAEA,QAAS;QACnBtC,GAAG,EAAE3D,IAAI,CAAC2D,GAAI;AACdE,QAAAA,IAAI,EAAE8B,SAAU;QAChB/B,UAAU,EAAE5D,IAAI,CAAC4D,UAAW;QAC5B2C,SAAS,EACLrC,CAAC,GAAGpC,MAAM,MAAK3B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,KACjCgE,CAAC,MAAKhE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAG,CAAC,CAAC,CACxB,IAAA,CAAC4F,kBACJ;AACDH,QAAAA,UAAU,EAAEA,UAAW;AACvBC,QAAAA,SAAS,EAAEA,SAAU;AACrBpF,QAAAA,QAAQ,EAAEA,QAAS;AACnB+F,QAAAA,SAAS,EAAEC,SAAS,CAACzG,IAAI,EAAEW,WAAW,CAAE;QACxCqF,OAAO,EAAEU,UAAU,CAACzG,KAAK,EAAED,IAAI,EAAEW,WAAW,EAAEqF,OAAO,CAAE;QACvDW,WAAW,EAAEC,cAAc,CAAC3G,KAAK,EAAED,IAAI,EAAEW,WAAW,EAAEiF,UAAU,CAAE;QAClEiB,OAAO,EAAEZ,QAAQ,GAAG9E,SAAS,GAAG8C,kBAAkB,CAACC,CAAC,EAAEC,CAAC,CAAE;AACzD2C,QAAAA,WAAW,EAAEb,QAAQ,GAAG9E,SAAS,GAAGoD,iBAAkB;QACtDkB,GAAG,EAAA,aAAA,CAAAvD,MAAA,CAAgBgC,CAAC,OAAAhC,MAAA,CAAIiC,CAAC,CAAG;AAC5BkB,QAAAA,IAAI,EAAC,UAAU;AACf,QAAA,WAAA,EAAWM,SAAU;QACrB,kBAAkB3F,EAAAA,IAAI,CAAC4D,UAAW;QAClC,UAAU5D,EAAAA,IAAI,CAAC2D,GAAI;QACnB,YAAYoD,EAAAA,MAAM,CAACpB,SAAS,CAAE;AAC9BO,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCc,QAAAA,cAAc,EAAEb,aAAc;QAC9Bc,mBAAmB,EAAA,IAAA;AAAA,OAAA,EAElBtB,SACc,CAAC,CAAA;AAE5B,KACJ,CACM,CAAC,CAAA;AAAA,GACd,CACgB,CAAC,CAAA;AAE9B;;;;"}
|
|
1
|
+
{"version":3,"file":"CalendarYears.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useRef } from 'react';\n\nimport { useYears } from '../../hooks';\nimport { innerTokens, tokens } from '../../Calendar.tokens';\nimport { ROW_YEAR_STEP, canSelectDate, getInRange, getSideInRange, isSameDay, isSelectProcess } from '../../utils';\nimport { DateStructureItem } from '../DateStructureItem/DateStructureItem';\n\nimport type { CalendarYearsProps } from './CalendarYears.types';\nimport { StyledCalendarYears } from './CalendarYears.styles';\n\n/**\n * Компонент годов в календаре.\n */\nexport const CalendarYears: React.FC<CalendarYearsProps> = ({\n date: currentDate,\n value,\n startYear,\n selectIndexes,\n eventList,\n disabledList,\n min,\n max,\n outerRefs,\n isDouble,\n isSecond,\n hoveredYear,\n onChangeYear,\n onHoverYear,\n onSetSelected,\n onTriggerEventTooltip,\n onKeyDown,\n}) => {\n const minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;\n const maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;\n\n const [years, selected] = useYears({\n date: currentDate,\n value,\n startYear,\n eventList,\n disabledList,\n min: minDate,\n max: maxDate,\n });\n const selectedRef = useRef(selected);\n const onSetSelectedRef = useRef(onSetSelected);\n const noopRef = useRef(null);\n\n const offset = isSecond ? ROW_YEAR_STEP : 0;\n\n const yearItemTokens = {\n [`${innerTokens.dateStructureFontFamily}`]: `var(${tokens.calendarYearFontFamily})`,\n [`${innerTokens.dateStructureFontSize}`]: `var(${tokens.calendarYearFontSize})`,\n [`${innerTokens.dateStructureFontWeight}`]: `var(${tokens.calendarYearFontWeight})`,\n [`${innerTokens.dateStructureFontLineHeight}`]: `var(${tokens.calendarYearFontLineHeight})`,\n [`${innerTokens.dateStructureFontLetterSpacing}`]: `var(${tokens.calendarYearFontLetterSpacing})`,\n [`${innerTokens.dateStructureFontStyle}`]: `var(${tokens.calendarYearFontStyle})`,\n [`${innerTokens.dateStructureSelectedFontWeight}`]: `var(${tokens.calendarYearSelectedFontWeight})`,\n [`${innerTokens.dateStructureBorderRadius}`]: `var(${tokens.calendarYearItemBorderRadius})`,\n };\n\n const getSelectedDate = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const { day, monthIndex, year } = event.currentTarget.dataset;\n\n const selectedDate = {\n day: Number(day),\n monthIndex: Number(monthIndex),\n year: Number(year),\n };\n\n if (!canSelectDate(selectedDate, value, disabledList)) {\n return;\n }\n\n return selectedDate;\n },\n [disabledList, value],\n );\n\n const handleOnChangeYear = useCallback(\n (i: number, j: number) => (event: React.MouseEvent<HTMLDivElement>) => {\n /**\n * нужно вызвать stopImmediatePropagation для случаев, когда\n * обработчик события onClick навешивается снаружи.\n * Как, например, в компоненте Popup\n */\n event.nativeEvent.stopImmediatePropagation();\n\n const selectedDate = getSelectedDate(event);\n\n if (!selectedDate) {\n return;\n }\n\n onChangeYear(selectedDate, [i + offset, j]);\n\n if (isSelectProcess(value)) {\n onHoverYear?.(undefined);\n }\n },\n [getSelectedDate, onChangeYear, offset, value, onHoverYear],\n );\n\n const handleOnHoverYear = useCallback(\n (event: React.MouseEvent<HTMLDivElement>) => {\n const selectedDate = getSelectedDate(event);\n const isSelectedDone = Array.isArray(value) && value[0] && value[1];\n\n if (!selectedDate || !Array.isArray(value) || isSelectedDone) {\n return;\n }\n\n onHoverYear?.(selectedDate);\n },\n [getSelectedDate, onHoverYear, value],\n );\n\n const handleMouseOutGrid = () => {\n onHoverYear?.(undefined);\n onTriggerEventTooltip?.(noopRef, []);\n };\n\n const getRefs = useCallback(\n (element: HTMLDivElement, i: number, j: number) => {\n if (!outerRefs.current[i + offset]) {\n outerRefs.current[i + offset] = [];\n }\n\n outerRefs.current[i + offset][j] = element;\n },\n [outerRefs],\n );\n\n useEffect(() => {\n if (selectedRef.current) {\n onSetSelectedRef.current?.(selectedRef.current);\n }\n }, []);\n\n return (\n <StyledCalendarYears\n role=\"grid\"\n aria-labelledby=\"id-grid-label\"\n onKeyDown={onKeyDown}\n onMouseLeave={handleMouseOutGrid}\n >\n {years.map((year, i) => (\n <Fragment key={i}>\n {year.map(\n (\n {\n yearValue,\n isSelected,\n isCurrent,\n date,\n events,\n isOutOfMinMaxRange,\n inRange,\n disabled,\n disabledArrowKey,\n disabledDates,\n },\n j,\n ) => {\n return (\n <DateStructureItem\n ref={(element: HTMLDivElement) => getRefs(element, i, j)}\n style={yearItemTokens}\n eventList={events}\n disabled={disabled}\n day={date.day}\n year={yearValue}\n monthIndex={date.monthIndex}\n isFocused={\n i + offset === selectIndexes?.[0] &&\n j === selectIndexes?.[1] &&\n !isOutOfMinMaxRange\n }\n isSelected={isSelected}\n isCurrent={isCurrent}\n isDouble={isDouble}\n isHovered={isSameDay(date, hoveredYear)}\n inRange={getInRange(value, date, hoveredYear, inRange)}\n sideInRange={getSideInRange(value, date, hoveredYear, isSelected)}\n onClick={disabled ? undefined : handleOnChangeYear(i, j)}\n onMouseOver={disabled ? undefined : handleOnHoverYear}\n onTriggerEventTooltip={onTriggerEventTooltip}\n key={`StyledYear-${i}-${j}`}\n role=\"gridcell\"\n data-year={yearValue}\n data-month-index={date.monthIndex}\n data-day={date.day}\n aria-label={String(yearValue)}\n disabledArrowKey={disabledArrowKey}\n disabledMonths={disabledDates}\n isDayInCurrentMonth\n >\n {yearValue}\n </DateStructureItem>\n );\n },\n )}\n </Fragment>\n ))}\n </StyledCalendarYears>\n );\n};\n"],"names":["CalendarYears","_ref","currentDate","date","value","startYear","selectIndexes","eventList","disabledList","min","max","outerRefs","isDouble","isSecond","hoveredYear","onChangeYear","onHoverYear","onSetSelected","onTriggerEventTooltip","onKeyDown","minDate","Date","getFullYear","undefined","maxDate","_useYears","useYears","_useYears2","_slicedToArray","years","selected","selectedRef","useRef","onSetSelectedRef","noopRef","offset","ROW_YEAR_STEP","yearItemTokens","_defineProperty","concat","innerTokens","dateStructureFontFamily","tokens","calendarYearFontFamily","dateStructureFontSize","calendarYearFontSize","dateStructureFontWeight","calendarYearFontWeight","dateStructureFontLineHeight","calendarYearFontLineHeight","dateStructureFontLetterSpacing","calendarYearFontLetterSpacing","dateStructureFontStyle","calendarYearFontStyle","dateStructureSelectedFontWeight","calendarYearSelectedFontWeight","dateStructureBorderRadius","calendarYearItemBorderRadius","getSelectedDate","useCallback","event","_event$currentTarget$","currentTarget","dataset","day","monthIndex","year","selectedDate","Number","canSelectDate","handleOnChangeYear","i","j","nativeEvent","stopImmediatePropagation","isSelectProcess","handleOnHoverYear","isSelectedDone","Array","isArray","handleMouseOutGrid","getRefs","element","current","useEffect","_onSetSelectedRef$cur","call","React","createElement","StyledCalendarYears","role","onMouseLeave","map","Fragment","key","_ref2","yearValue","isSelected","isCurrent","events","isOutOfMinMaxRange","inRange","disabled","disabledArrowKey","disabledDates","DateStructureItem","ref","style","isFocused","isHovered","isSameDay","getInRange","sideInRange","getSideInRange","onClick","onMouseOver","String","disabledMonths","isDayInCurrentMonth"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
1
|
+
.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemInRange__5d6e738e:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemSideInRange__5d6e738e:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemSideLeft__5d6e738e:before{left:var(--s140bov1-0);}.DateStructureItem_styles_1jogt74_s140bov1__5d6e738e.DateStructureItem_styles_1jogt74_itemSideRight__5d6e738e:before{right:var(--s140bov1-0);}
|
|
2
|
+
.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemHovered__5d6e738e,.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemHovered__5d6e738e:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemSelected__5d6e738e:not(.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e.DateStructureItem_styles_1jogt74_itemSelected__5d6e738e{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e.DateStructureItem_styles_1jogt74_itemSelected__5d6e738e > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_focusVisible__5d6e738e:focus::before,.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e{position:relative;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e.DateStructureItem_styles_1jogt74_focusVisible__5d6e738e:focus::before,.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemSelectable__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_dayInCurrentMonth__5d6e738e:not(.DateStructureItem_styles_1jogt74_itemDisabled__5d6e738e):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_dayOfWeek__5d6e738e{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemDisabled__5d6e738e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemDisabledCurrent__5d6e738e{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e > .DateStructureItem_styles_1jogt74_itemInRange__5d6e738e:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e > .DateStructureItem_styles_1jogt74_itemSideRight__5d6e738e:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e.DateStructureItem_styles_1jogt74_itemCurrent__5d6e738e > .DateStructureItem_styles_1jogt74_itemSideLeft__5d6e738e:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_1jogt74_s1k1xcqq__5d6e738e .DateStructureItem_styles_1jogt74_popoverWrapper__5d6e738e.DateStructureItem_styles_1jogt74_popoverTargetAsRef__5d6e738e{z-index:-1;width:100%;}
|
|
3
|
+
.DateStructureItem_styles_1jogt74_s1wqrord__5d6e738e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
|
|
4
|
+
.DateStructureItem_styles_1jogt74_s1cvvf5__5d6e738e{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { memo, forwardRef } from 'react';
|
|
2
|
+
import React, { memo, forwardRef, useRef } from 'react';
|
|
3
|
+
import { useForkRef } from '@salutejs/plasma-core';
|
|
3
4
|
import { cx } from '../../../../utils/index.js';
|
|
4
5
|
import { classes } from '../../Calendar.tokens.js';
|
|
5
6
|
import { StyledItemRoot, StyledItem, StyledEvents, StyledEvent } from './DateStructureItem.styles.js';
|
|
6
7
|
|
|
7
|
-
var _excluded = ["children", "isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onFocus", "disabledArrowKey", "disabledMonths"];
|
|
8
|
+
var _excluded = ["children", "isFocused", "dayOfWeek", "disabled", "isCurrent", "isSelected", "isDayInCurrentMonth", "isDouble", "inRange", "isHovered", "sideInRange", "eventList", "day", "monthIndex", "year", "onClick", "onMouseOver", "onTriggerEventTooltip", "onFocus", "disabledArrowKey", "disabledMonths"];
|
|
8
9
|
|
|
9
10
|
/**
|
|
10
11
|
* Компонент элемента даты в сетке календаря.
|
|
@@ -28,10 +29,13 @@ var DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref
|
|
|
28
29
|
year = _ref.year,
|
|
29
30
|
onClick = _ref.onClick,
|
|
30
31
|
onMouseOver = _ref.onMouseOver,
|
|
32
|
+
onTriggerEventTooltip = _ref.onTriggerEventTooltip,
|
|
31
33
|
onFocus = _ref.onFocus,
|
|
32
34
|
disabledArrowKey = _ref.disabledArrowKey,
|
|
33
35
|
disabledMonths = _ref.disabledMonths,
|
|
34
36
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
37
|
+
var structureRef = useRef(null);
|
|
38
|
+
var innerRef = useForkRef(outerRef, structureRef);
|
|
35
39
|
var selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;
|
|
36
40
|
var selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;
|
|
37
41
|
var currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;
|
|
@@ -45,8 +49,20 @@ var DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref
|
|
|
45
49
|
var sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;
|
|
46
50
|
var inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;
|
|
47
51
|
var sideOffset = !isSelected && isCurrent ? -1 : 0;
|
|
52
|
+
var handleMouseOver = function handleMouseOver(event) {
|
|
53
|
+
if (onMouseOver) {
|
|
54
|
+
onMouseOver(event);
|
|
55
|
+
}
|
|
56
|
+
if (onTriggerEventTooltip) {
|
|
57
|
+
var eventNodes = (eventList === null || eventList === void 0 ? void 0 : eventList.map(function (_ref2) {
|
|
58
|
+
var eventInfo = _ref2.eventInfo;
|
|
59
|
+
return eventInfo;
|
|
60
|
+
}).filter(Boolean)) || [];
|
|
61
|
+
onTriggerEventTooltip(structureRef, eventNodes);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
48
64
|
return /*#__PURE__*/React.createElement(StyledItemRoot, _extends({
|
|
49
|
-
ref:
|
|
65
|
+
ref: innerRef,
|
|
50
66
|
className: cx(disabledClass, disabledCurrentClass, dayOfWeekClass, selectableClass, selectedClass, currentClass, hoveredClass, dayInCurrentMonthClass),
|
|
51
67
|
tabIndex: isFocused ? 0 : -1,
|
|
52
68
|
dayOfWeek: dayOfWeek,
|
|
@@ -57,7 +73,7 @@ var DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref
|
|
|
57
73
|
isHovered: isHovered,
|
|
58
74
|
sideInRange: sideInRange,
|
|
59
75
|
onClick: disabled ? undefined : onClick,
|
|
60
|
-
onMouseOver:
|
|
76
|
+
onMouseOver: handleMouseOver,
|
|
61
77
|
onFocus: onFocus,
|
|
62
78
|
"data-day": day,
|
|
63
79
|
"data-month-index": monthIndex,
|
|
@@ -73,9 +89,10 @@ var DateStructureItem = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref
|
|
|
73
89
|
}, children), /*#__PURE__*/React.createElement(StyledEvents, {
|
|
74
90
|
"aria-hidden": true
|
|
75
91
|
}, [eventList[0], eventList[1], eventList[2]].map(function (event, i) {
|
|
76
|
-
return event && /*#__PURE__*/React.createElement(StyledEvent,
|
|
77
|
-
key: "".concat(event.date, "-").concat(i)
|
|
78
|
-
|
|
92
|
+
return event && /*#__PURE__*/React.createElement(StyledEvent, {
|
|
93
|
+
key: "".concat(event.date, "-").concat(i),
|
|
94
|
+
color: event.color
|
|
95
|
+
});
|
|
79
96
|
})));
|
|
80
97
|
}));
|
|
81
98
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateStructureItem.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react';\n\nimport { cx } from '../../../../utils';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { DateStructureItemProps } from './DateStructureItem.types';\nimport { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from './DateStructureItem.styles';\n\n/**\n * Компонент элемента даты в сетке календаря.\n */\nexport const DateStructureItem = memo(\n forwardRef<HTMLDivElement, DateStructureItemProps>(\n (\n {\n children,\n isFocused,\n dayOfWeek,\n disabled,\n isCurrent,\n isSelected,\n isDayInCurrentMonth,\n isDouble,\n inRange,\n isHovered,\n sideInRange,\n eventList = [],\n day,\n monthIndex,\n year,\n onClick,\n onMouseOver,\n onFocus,\n disabledArrowKey,\n disabledMonths,\n ...rest\n },\n outerRef,\n ) => {\n const selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;\n const selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;\n const currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;\n const hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;\n const dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;\n const dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;\n const disabledClass = disabled && !isCurrent ? classes.disabled : undefined;\n const disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;\n const sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;\n const sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;\n const sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;\n const inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;\n const sideOffset = !isSelected && isCurrent ? -1 : 0;\n\n return (\n <StyledItemRoot\n ref={outerRef}\n className={cx(\n disabledClass,\n disabledCurrentClass,\n dayOfWeekClass,\n selectableClass,\n selectedClass,\n currentClass,\n hoveredClass,\n dayInCurrentMonthClass,\n )}\n tabIndex={isFocused ? 0 : -1}\n dayOfWeek={dayOfWeek}\n isCurrent={isCurrent}\n isSelected={isSelected}\n isDayInCurrentMonth={isDayInCurrentMonth}\n isDouble={isDouble}\n isHovered={isHovered}\n sideInRange={sideInRange}\n onClick={disabled ? undefined : onClick}\n onMouseOver={onMouseOver}\n onFocus={onFocus}\n data-day={day}\n data-month-index={monthIndex}\n data-year={year}\n data-disabled-arrow-key={disabledArrowKey || undefined}\n data-disabled-months={disabledMonths || undefined}\n aria-selected={isSelected}\n aria-disabled={disabled}\n aria-describedby={disabled ? 'withShift' : undefined}\n {...rest}\n >\n <StyledItem\n className={cx(sideInRangeClass, sideInRangeLeft, sideInRangeRight, inRangeStyle)}\n offset={sideOffset}\n >\n {children}\n </StyledItem>\n <StyledEvents aria-hidden>\n {[eventList[0], eventList[1], eventList[2]].map(\n (event, i) => event && <StyledEvent key={`${event.date}-${i}`} {...event} />,\n )}\n </StyledEvents>\n </StyledItemRoot>\n );\n },\n ),\n);\n"],"names":["DateStructureItem","memo","forwardRef","_ref","outerRef","children","isFocused","dayOfWeek","disabled","isCurrent","isSelected","isDayInCurrentMonth","isDouble","inRange","isHovered","sideInRange","_ref$eventList","eventList","day","monthIndex","year","onClick","onMouseOver","onFocus","disabledArrowKey","disabledMonths","rest","_objectWithoutProperties","_excluded","selectableClass","classes","selectableItem","undefined","selectedClass","selectedItem","currentClass","currentItem","hoveredClass","hoveredItem","dayOfWeekClass","dayInCurrentMonthClass","dayInCurrentMonth","disabledClass","disabledCurrentClass","disabledCurrent","sideInRangeLeft","sideLeft","sideInRangeRight","sideRight","sideInRangeClass","inRangeStyle","sideOffset","React","createElement","StyledItemRoot","_extends","ref","className","cx","tabIndex","StyledItem","offset","StyledEvents","map","event","i","StyledEvent","key","concat","date"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateStructureItem.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.tsx"],"sourcesContent":["import React, { forwardRef, memo, useRef } from 'react';\nimport type { MouseEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx } from '../../../../utils';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { DateStructureItemProps } from './DateStructureItem.types';\nimport { StyledItem, StyledItemRoot, StyledEvent, StyledEvents } from './DateStructureItem.styles';\n\n/**\n * Компонент элемента даты в сетке календаря.\n */\nexport const DateStructureItem = memo(\n forwardRef<HTMLDivElement, DateStructureItemProps>(\n (\n {\n children,\n isFocused,\n dayOfWeek,\n disabled,\n isCurrent,\n isSelected,\n isDayInCurrentMonth,\n isDouble,\n inRange,\n isHovered,\n sideInRange,\n eventList = [],\n day,\n monthIndex,\n year,\n onClick,\n onMouseOver,\n onTriggerEventTooltip,\n onFocus,\n disabledArrowKey,\n disabledMonths,\n ...rest\n },\n outerRef,\n ) => {\n const structureRef = useRef<HTMLDivElement | null>(null);\n const innerRef = useForkRef(outerRef, structureRef);\n\n const selectableClass = !dayOfWeek && !disabled ? classes.selectableItem : undefined;\n const selectedClass = isDayInCurrentMonth && isSelected ? classes.selectedItem : undefined;\n const currentClass = isDayInCurrentMonth && isCurrent ? classes.currentItem : undefined;\n const hoveredClass = isDayInCurrentMonth && isHovered ? classes.hoveredItem : undefined;\n const dayOfWeekClass = dayOfWeek ? classes.dayOfWeek : undefined;\n const dayInCurrentMonthClass = isDayInCurrentMonth ? classes.dayInCurrentMonth : undefined;\n const disabledClass = disabled && !isCurrent ? classes.disabled : undefined;\n const disabledCurrentClass = disabled && isCurrent ? classes.disabledCurrent : undefined;\n const sideInRangeLeft = isDayInCurrentMonth && sideInRange === 'left' ? classes.sideLeft : undefined;\n const sideInRangeRight = isDayInCurrentMonth && sideInRange === 'right' ? classes.sideRight : undefined;\n const sideInRangeClass = isDayInCurrentMonth && sideInRange ? classes.sideInRange : undefined;\n const inRangeStyle = isDayInCurrentMonth && inRange ? classes.inRange : undefined;\n const sideOffset = !isSelected && isCurrent ? -1 : 0;\n\n const handleMouseOver = (event: MouseEvent<HTMLDivElement>) => {\n if (onMouseOver) {\n onMouseOver(event);\n }\n\n if (onTriggerEventTooltip) {\n const eventNodes = eventList?.map(({ eventInfo }) => eventInfo).filter(Boolean) || [];\n\n onTriggerEventTooltip(structureRef, eventNodes);\n }\n };\n\n return (\n <StyledItemRoot\n ref={innerRef}\n className={cx(\n disabledClass,\n disabledCurrentClass,\n dayOfWeekClass,\n selectableClass,\n selectedClass,\n currentClass,\n hoveredClass,\n dayInCurrentMonthClass,\n )}\n tabIndex={isFocused ? 0 : -1}\n dayOfWeek={dayOfWeek}\n isCurrent={isCurrent}\n isSelected={isSelected}\n isDayInCurrentMonth={isDayInCurrentMonth}\n isDouble={isDouble}\n isHovered={isHovered}\n sideInRange={sideInRange}\n onClick={disabled ? undefined : onClick}\n onMouseOver={handleMouseOver}\n onFocus={onFocus}\n data-day={day}\n data-month-index={monthIndex}\n data-year={year}\n data-disabled-arrow-key={disabledArrowKey || undefined}\n data-disabled-months={disabledMonths || undefined}\n aria-selected={isSelected}\n aria-disabled={disabled}\n aria-describedby={disabled ? 'withShift' : undefined}\n {...rest}\n >\n <StyledItem\n className={cx(sideInRangeClass, sideInRangeLeft, sideInRangeRight, inRangeStyle)}\n offset={sideOffset}\n >\n {children}\n </StyledItem>\n <StyledEvents aria-hidden>\n {[eventList[0], eventList[1], eventList[2]].map(\n (event, i) => event && <StyledEvent key={`${event.date}-${i}`} color={event.color} />,\n )}\n </StyledEvents>\n </StyledItemRoot>\n );\n },\n ),\n);\n"],"names":["DateStructureItem","memo","forwardRef","_ref","outerRef","children","isFocused","dayOfWeek","disabled","isCurrent","isSelected","isDayInCurrentMonth","isDouble","inRange","isHovered","sideInRange","_ref$eventList","eventList","day","monthIndex","year","onClick","onMouseOver","onTriggerEventTooltip","onFocus","disabledArrowKey","disabledMonths","rest","_objectWithoutProperties","_excluded","structureRef","useRef","innerRef","useForkRef","selectableClass","classes","selectableItem","undefined","selectedClass","selectedItem","currentClass","currentItem","hoveredClass","hoveredItem","dayOfWeekClass","dayInCurrentMonthClass","dayInCurrentMonth","disabledClass","disabledCurrentClass","disabledCurrent","sideInRangeLeft","sideLeft","sideInRangeRight","sideRight","sideInRangeClass","inRangeStyle","sideOffset","handleMouseOver","event","eventNodes","map","_ref2","eventInfo","filter","Boolean","React","createElement","StyledItemRoot","_extends","ref","className","cx","tabIndex","StyledItem","offset","StyledEvents","i","StyledEvent","key","concat","date","color"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './DateStructureItem.
|
|
1
|
+
import './DateStructureItem.styles_1jogt74.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { tokens } from '../../Calendar.tokens.js';
|
|
4
4
|
|
|
@@ -42,7 +42,7 @@ var StyledEvents = /*#__PURE__*/styled('div')({
|
|
|
42
42
|
"class": "s1wqrord",
|
|
43
43
|
propsAsIs: false
|
|
44
44
|
});
|
|
45
|
-
var
|
|
45
|
+
var _exp43 = function _exp43() {
|
|
46
46
|
return function (_ref4) {
|
|
47
47
|
var _ref4$color = _ref4.color,
|
|
48
48
|
color = _ref4$color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _ref4$color;
|
|
@@ -54,7 +54,7 @@ var StyledEvent = /*#__PURE__*/styled('div')({
|
|
|
54
54
|
"class": "s1cvvf5",
|
|
55
55
|
propsAsIs: false,
|
|
56
56
|
vars: {
|
|
57
|
-
"s1cvvf5-0": [/*#__PURE__*/
|
|
57
|
+
"s1cvvf5-0": [/*#__PURE__*/_exp43()]
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: 'calc(100% - 0.125rem)',\n minHeight: 'calc(100% - 0.125rem)',\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: var(${tokens.calendarEventItemBottom}, 0.25rem);\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent, var(--surface-accent))' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp19","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","_exp34","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","
|
|
1
|
+
{"version":3,"file":"DateStructureItem.styles.js","sources":["../../../../../src/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { FocusProps } from '@salutejs/plasma-core';\nimport { popoverClasses } from 'src/components/Popover';\n\nimport type { DateStructureProps } from '../../Calendar.types';\nimport { classes, innerTokens, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addActive, addSelected, flexCenter } from '../../mixins';\n\nconst inRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nconst sideInRange = () => `\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(${tokens.calendarRangeBackground});\n }\n`;\n\nexport const StyledItem = styled.div<{ offset: number }>`\n border-radius: calc(var(${innerTokens.dateStructureBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n\n &.${String(classes.inRange)} {\n ${inRange()};\n }\n\n &.${String(classes.sideInRange)} {\n ${sideInRange()};\n }\n\n &.${String(classes.sideLeft)} {\n &:before {\n left: ${({ offset }) => `${offset}px`};\n }\n }\n\n &.${String(classes.sideRight)} {\n &:before {\n right: ${({ offset }) => `${offset}px`};\n }\n }\n`;\n\nconst disabledItem = () => `\n cursor: not-allowed;\n opacity: var(${tokens.calendarDisabledOpacity});\n`;\n\nconst disabledCurrentItem = () => `\n ${disabledItem()};\n`;\n\nexport const StyledItemRoot = styled.div<DateStructureProps & FocusProps>`\n font-family: var(${innerTokens.dateStructureFontFamily});\n font-size: var(${innerTokens.dateStructureFontSize});\n font-style: var(${innerTokens.dateStructureFontStyle});\n font-weight: var(${innerTokens.dateStructureFontWeight});\n letter-spacing: var(${innerTokens.dateStructureFontLetterSpacing});\n line-height: var(${innerTokens.dateStructureFontLineHeight});\n\n position: relative;\n box-sizing: border-box;\n\n border-radius: var(${innerTokens.dateStructureBorderRadius});\n\n ${String(flexCenter)};\n\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryColor})`\n : `var(${tokens.calendarContentSecondaryColor})`};\n\n &.${String(classes.selectableItem)} {\n ${addSelected({\n minWidth: 'calc(100% - 0.125rem)',\n minHeight: 'calc(100% - 0.125rem)',\n selectedFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n currentBorderWidth: `var(${tokens.calendarCurrentItemBorderWidth})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${innerTokens.dateStructureBorderRadius}) + 0.125rem)`,\n })};\n }\n }\n\n &.${classes.dayInCurrentMonth}:not(.${classes.disabled}) {\n ${addActive({\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n activeFontWeight: `var(${innerTokens.dateStructureSelectedFontWeight})`,\n })};\n }\n\n &.${classes.dayOfWeek} {\n color: var(${tokens.calendarDayOfWeekColor});\n }\n\n &.${classes.disabled} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledItem()};\n }\n\n &.${classes.disabledCurrent} {\n color: ${({ isDayInCurrentMonth }) =>\n isDayInCurrentMonth\n ? `var(${tokens.calendarContentPrimaryDisabledColor})`\n : `var(${tokens.calendarContentSecondaryDisabledColor})`};\n ${disabledCurrentItem()};\n }\n\n &.${classes.currentItem} {\n & > .${classes.inRange}:before {\n width: calc(100% + 2px);\n height: 100%;\n }\n\n & > .${classes.sideRight}:before {\n width: 100%;\n right: -1px;\n left: unset;\n }\n\n & > .${classes.sideLeft}:before {\n width: 100%;\n left: -1px;\n right: unset;\n }\n }\n\n\n & .${popoverClasses.wrapper}.${popoverClasses.targetAsRef} {\n z-index: -1;\n width: 100%;\n }\n \n`;\n\nexport const StyledEvents = styled.div`\n display: flex;\n\n position: absolute;\n bottom: var(${tokens.calendarEventItemBottom}, 0.25rem);\n`;\n\nexport const StyledEvent = styled.div<{ color?: string }>`\n margin: 0 0.063rem;\n\n width: 0.188rem;\n height: 0.188rem;\n border-radius: 50%;\n\n background-color: ${({ color = 'var(--plasma-colors-accent, var(--surface-accent))' }) => color};\n`;\n"],"names":["_exp10","_ref","offset","StyledItem","styled","name","class","propsAsIs","vars","_exp19","_ref2","isDayInCurrentMonth","concat","tokens","calendarContentPrimaryColor","calendarContentSecondaryColor","_exp34","_ref3","calendarContentPrimaryDisabledColor","calendarContentSecondaryDisabledColor","StyledItemRoot","StyledEvents","_exp43","_ref4","_ref4$color","color","StyledEvent"],"mappings":";;;AAKqE,IAAAA,MAAA,GAJnDA,SAImDA,MAAAA,GAAA;AAAA,EAAA,OA+ChD,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAgBA,MAAM,EAAA,IAAA,CAAA,CAAA;GAAI,CAAA;AAAA,CAAA,CAAA;AArB3C,IAAMC,UAAU,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAqBXR,MAA6B,EAAA,CAAA;AAAA,GAAA;AAAA,CAGjD,EAAA;AAAC,IAAAS,MAAA,GAtDgBA,SAsDhBA,MAAAA,GAAA;AAAA,EAAA,OA0BW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,MAAM,CAACC,2BAA2B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAClCC,MAAM,CAACE,6BAA6B,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAnF1CA,SAmF0CA,MAAAA,GAAA;AAAA,EAAA,OAsD3C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,mBAAAA,GAAAA,KAAAA,CAAAA,mBAAAA,CAAAA;AAAAA,IAAAA,OACRA,mBAAmB,GAAA,MAAA,CAAAC,MAAA,CACNC,MAAM,CAACK,mCAAmC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAN,MAAA,CAC1CC,MAAM,CAACM,qCAAqC,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA3EjE,IAAMC,cAAc,gBAAGhB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAevBC,MAG+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAsD3CO,MAGuD,EAAA,CAAA;AAAA,GAAA;AAAA,CA6BvE,EAAA;AAEM,IAAMK,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAAC,IAAAe,MAAA,GAhLgBA,SAgLhBA,MAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAAC,WAAA,GAAAD,KAAA,CAAGE,KAAK;AAALA,MAAAA,KAAK,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,oDAAA,GAAAA,WAAA,CAAA;AAAA,IAAA,OAA2DC,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP5F,IAAMC,WAAW,gBAAGtB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTc,MAA2E,EAAA,CAAA;AAAA,GAAA;AAAA,CAClG;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
.s140bov1{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s140bov1.item-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.s140bov1.item-side-left:before{left:var(--s140bov1-0);}.s140bov1.item-side-right:before{right:var(--s140bov1-0);}
|
|
2
|
-
.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-disabled-current{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}
|
|
2
|
+
.s1k1xcqq{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s1k1xcqq-0);}.s1k1xcqq.item-selectable{outline:none;cursor:pointer;position:relative;}.s1k1xcqq.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1k1xcqq.item-selectable.item-hovered,.s1k1xcqq.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.s1k1xcqq.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.s1k1xcqq.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.focus-visible:focus::before,.s1k1xcqq.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.item-selectable.item-current{position:relative;}.s1k1xcqq.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-date-structure-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k1xcqq.item-selectable.item-current.focus-visible:focus::before,.s1k1xcqq.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1k1xcqq.day-in-current-month:not(.item-disabled):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.s1k1xcqq.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.s1k1xcqq.item-disabled{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-disabled-current{color:var(--s1k1xcqq-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.s1k1xcqq.item-current > .item-in-range:before{width:calc(100% + 2px);height:100%;}.s1k1xcqq.item-current > .item-side-right:before{width:100%;right:-1px;left:unset;}.s1k1xcqq.item-current > .item-side-left:before{width:100%;left:-1px;right:unset;}.s1k1xcqq .popover-wrapper.popover-target-as-ref{z-index:-1;width:100%;}
|
|
3
3
|
.s1wqrord{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
|
|
4
4
|
.s1cvvf5{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s1cvvf5-0);}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import './EventTooltip.styles_dh6nzd.css';
|
|
2
|
+
import { styled } from '@linaria/react';
|
|
3
|
+
import { component, mergeConfig } from '../../../../engines/common.js';
|
|
4
|
+
import { tooltipConfig } from '../../../Tooltip/Tooltip.js';
|
|
5
|
+
|
|
6
|
+
var mergedTooltipConfig = /*#__PURE__*/mergeConfig(tooltipConfig);
|
|
7
|
+
var Tooltip = /*#__PURE__*/component(mergedTooltipConfig);
|
|
8
|
+
var _exp = function _exp() {
|
|
9
|
+
return Tooltip;
|
|
10
|
+
};
|
|
11
|
+
var EventTooltip = /*#__PURE__*/styled(_exp())({
|
|
12
|
+
name: "EventTooltip",
|
|
13
|
+
"class": "e16z9p68",
|
|
14
|
+
propsAsIs: true
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { EventTooltip };
|
|
18
|
+
//# sourceMappingURL=EventTooltip.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventTooltip.styles.js","sources":["../../../../../src/components/Calendar/ui/EventTooltip/EventTooltip.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tooltipConfig, tooltipTokens } from 'src/components/Tooltip';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { tokens } from '../../Calendar.tokens';\n\nconst mergedTooltipConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedTooltipConfig);\n\nexport const EventTooltip = styled(Tooltip)`\n ${tooltipTokens.paddingTop}: var(${tokens.tooltipPaddingTop});\n ${tooltipTokens.paddingRight}: var(${tokens.tooltipPaddingRight});\n ${tooltipTokens.paddingBottom}: var(${tokens.tooltipPaddingBottom});\n ${tooltipTokens.paddingLeft}: var(${tokens.tooltipPaddingLeft});\n ${tooltipTokens.minHeight}: var(${tokens.tooltipMinHeight});\n ${tooltipTokens.borderRadius}: var(${tokens.tooltipBorderRadius});\n ${tooltipTokens.textFontFamily}: var(${tokens.tooltipTextFontFamily});\n ${tooltipTokens.textFontSize}: var(${tokens.tooltipTextFontSize});\n ${tooltipTokens.textFontStyle}: var(${tokens.tooltipTextFontStyle});\n ${tooltipTokens.textFontWeight}: var(${tokens.tooltipTextFontWeight});\n ${tooltipTokens.textFontLetterSpacing}: var(${tokens.tooltipTextFontLetterSpacing});\n ${tooltipTokens.textFontLineHeight}: var(${tokens.tooltipTextFontLineHeight});\n ${tooltipTokens.contentLeftMargin}: var(${tokens.tooltipContentLeftMargin});\n\n ${tooltipTokens.arrowMaskWidth}: var(${tokens.tooltipArrowMaskWidth});\n ${tooltipTokens.arrowMaskHeight}: var(${tokens.tooltipArrowMaskHeight});\n ${tooltipTokens.arrowMaskImage}: var(${tokens.tooltipArrowMaskImage});\n ${tooltipTokens.arrowBackground}: var(${tokens.tooltipArrowBackground});\n ${tooltipTokens.arrowHeight}: var(${tokens.tooltipArrowHeight});\n ${tooltipTokens.arrowEdgeMargin}: var(${tokens.tooltipArrowEdgeMargin});\n\n ${tooltipTokens.backgroundColor}: var(${tokens.tooltipBackgroundColor});\n ${tooltipTokens.boxShadow}: var(${tokens.tooltipBoxShadow});\n ${tooltipTokens.color}: var(${tokens.tooltipColor});\n`;\n"],"names":["mergedTooltipConfig","mergeConfig","tooltipConfig","Tooltip","component","_exp","EventTooltip","styled","name","class","propsAsIs"],"mappings":";;;;AAMA,IAAMA,mBAAmB,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,mBAAmB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAN7BA,SAM6BA,IAAAA,GAAA;AAAA,EAAA,OAEZF,OAAO,CAAA;AAAA,CAAA,CAAA;AAAnC,IAAMG,YAAY,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAyBjC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.e16z9p68{--plasma-tooltip-padding-top:var(--plasma-calendar-tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-calendar-tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-calendar-tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-calendar-tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-calendar-tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-calendar-tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-calendar-tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-calendar-tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-calendar-tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-calendar-tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-calendar-tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-calendar-tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-calendar-tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-calendar-tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-calendar-tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-calendar-tooltip-arrow-mask-image);--plasma-tooltip-arrow-background:var(--plasma-calendar-tooltip-arrow-background);--plasma-tooltip-arrow-height:var(--plasma-calendar-tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-calendar-tooltip-arrow-edge-margin);--plasma-tooltip-background-color:var(--plasma-calendar-tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-calendar-tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-calendar-tooltip-color);}
|
|
@@ -225,7 +225,30 @@ var tokens = {
|
|
|
225
225
|
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color',
|
|
226
226
|
calendarContentPrimaryDisabledColor: '--plasma-date-picker-calendar__content-primary-disabled-color',
|
|
227
227
|
calendarContentSecondaryDisabledColor: '--plasma-date-picker-calendar__content-secondary-disabled-color',
|
|
228
|
-
calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity'
|
|
228
|
+
calendarDisabledOpacity: '--plasma-date-picker-calendar__disabled-opacity',
|
|
229
|
+
/* Токены тултипа для событий */
|
|
230
|
+
tooltipPaddingTop: '--plasma-datepicker-calendar-tooltip-padding-top',
|
|
231
|
+
tooltipPaddingRight: '--plasma-datepicker-calendar-tooltip-padding-right',
|
|
232
|
+
tooltipPaddingBottom: '--plasma-datepicker-calendar-tooltip-padding-bottom',
|
|
233
|
+
tooltipPaddingLeft: '--plasma-datepicker-calendar-tooltip-padding-left',
|
|
234
|
+
tooltipMinHeight: '--plasma-datepicker-calendar-tooltip-min-height',
|
|
235
|
+
tooltipBackgroundColor: '--plasma-datepicker-calendar-tooltip-background-color',
|
|
236
|
+
tooltipBoxShadow: '--plasma-datepicker-calendar-tooltip-box-shadow',
|
|
237
|
+
tooltipBorderRadius: '--plasma-datepicker-calendar-tooltip-border-radius',
|
|
238
|
+
tooltipColor: '--plasma-datepicker-calendar-tooltip-color',
|
|
239
|
+
tooltipTextFontFamily: '--plasma-datepicker-calendar-tooltip-text-font-family',
|
|
240
|
+
tooltipTextFontSize: '--plasma-datepicker-calendar-tooltip-text-font-size',
|
|
241
|
+
tooltipTextFontStyle: '--plasma-datepicker-calendar-tooltip-text-font-style',
|
|
242
|
+
tooltipTextFontWeight: '--plasma-datepicker-calendar-tooltip-text-font-weight',
|
|
243
|
+
tooltipTextFontLetterSpacing: '--plasma-datepicker-calendar-tooltip-text-font-letter-spacing',
|
|
244
|
+
tooltipTextFontLineHeight: '--plasma-datepicker-calendar-tooltip-text-font-line-height',
|
|
245
|
+
tooltipContentLeftMargin: '--plasma-datepicker-calendar-tooltip-content-left-margin',
|
|
246
|
+
tooltipArrowMaskWidth: '--plasma-datepicker-calendar-tooltip-arrow-mask-width',
|
|
247
|
+
tooltipArrowMaskHeight: '--plasma-datepicker-calendar-tooltip-arrow-mask-height',
|
|
248
|
+
tooltipArrowMaskImage: '--plasma-datepicker-calendar-tooltip-arrow-mask-image',
|
|
249
|
+
tooltipArrowBackground: '--plasma-datepicker-calendar-tooltip-arrow-background',
|
|
250
|
+
tooltipArrowHeight: '--plasma-datepicker-calendar-tooltip-arrow-height',
|
|
251
|
+
tooltipArrowEdgeMargin: '--plasma-datepicker-calendar-tooltip-arrow-edge-margin'
|
|
229
252
|
};
|
|
230
253
|
|
|
231
254
|
export { classes, pivateTokens, tokens };
|