@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
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var cls = require('classnames');
|
|
8
|
+
var base = require('./variations/_view/base.js');
|
|
9
|
+
var base$1 = require('./variations/_size/base.js');
|
|
10
|
+
var Loader_styles = require('./Loader.styles.js');
|
|
11
|
+
var Loader_tokens = require('./Loader.tokens.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
16
|
+
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
17
|
+
|
|
18
|
+
var _excluded = ["type", "hasBlur", "hasOverlay", "value", "blur", "overlayColor", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack", "style"];
|
|
19
|
+
var loaderRoot = function loaderRoot(Root) {
|
|
20
|
+
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
21
|
+
var _props$type = props.type,
|
|
22
|
+
type = _props$type === void 0 ? 'spinner' : _props$type,
|
|
23
|
+
_props$hasBlur = props.hasBlur,
|
|
24
|
+
hasBlur = _props$hasBlur === void 0 ? false : _props$hasBlur,
|
|
25
|
+
_props$hasOverlay = props.hasOverlay,
|
|
26
|
+
hasOverlay = _props$hasOverlay === void 0 ? false : _props$hasOverlay,
|
|
27
|
+
_props$value = props.value,
|
|
28
|
+
value = _props$value === void 0 ? 0 : _props$value,
|
|
29
|
+
_props$blur = props.blur,
|
|
30
|
+
blur = _props$blur === void 0 ? 'medium' : _props$blur,
|
|
31
|
+
overlayColor = props.overlayColor,
|
|
32
|
+
_props$maxValue = props.maxValue,
|
|
33
|
+
maxValue = _props$maxValue === void 0 ? 100 : _props$maxValue,
|
|
34
|
+
size = props.size,
|
|
35
|
+
view = props.view,
|
|
36
|
+
children = props.children,
|
|
37
|
+
className = props.className,
|
|
38
|
+
strokeSize = props.strokeSize,
|
|
39
|
+
hasTrack = props.hasTrack,
|
|
40
|
+
style = props.style,
|
|
41
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
42
|
+
var blurClass = hasBlur ? Loader_tokens.classes["".concat(blur, "LoaderBlur")] : '';
|
|
43
|
+
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
44
|
+
ref: ref,
|
|
45
|
+
view: view,
|
|
46
|
+
size: size,
|
|
47
|
+
className: cls__default.default(className, blurClass, _rollupPluginBabelHelpers.defineProperty({}, Loader_tokens.classes.loaderHasOverlay, hasOverlay)),
|
|
48
|
+
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
|
|
49
|
+
'--plasma_private-loader-overlay-color': overlayColor || "var(".concat(Loader_tokens.tokens.overlayColor, ")")
|
|
50
|
+
})
|
|
51
|
+
}, rest), type === 'spinner' ? /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledSpinner, {
|
|
52
|
+
size: size,
|
|
53
|
+
view: view
|
|
54
|
+
}) : /*#__PURE__*/React__default.default.createElement(Loader_styles.StyledProgressBarCircular, {
|
|
55
|
+
value: value,
|
|
56
|
+
maxValue: maxValue,
|
|
57
|
+
strokeSize: strokeSize,
|
|
58
|
+
size: size,
|
|
59
|
+
view: view,
|
|
60
|
+
hasTrack: hasTrack
|
|
61
|
+
}, children));
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
var loaderConfig = {
|
|
65
|
+
name: 'Loader',
|
|
66
|
+
tag: 'div',
|
|
67
|
+
layout: loaderRoot,
|
|
68
|
+
base: Loader_styles.base,
|
|
69
|
+
variations: {
|
|
70
|
+
view: {
|
|
71
|
+
css: base.base
|
|
72
|
+
},
|
|
73
|
+
size: {
|
|
74
|
+
css: base$1.base
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
defaults: {
|
|
78
|
+
view: 'primary',
|
|
79
|
+
size: 'm'
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
exports.loaderConfig = loaderConfig;
|
|
84
|
+
exports.loaderRoot = loaderRoot;
|
|
85
|
+
//# sourceMappingURL=Loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { LoaderProps } from './Loader.types';\nimport { base, StyledProgressBarCircular, StyledSpinner } from './Loader.styles';\nimport { classes, tokens } from './Loader.tokens';\n\nexport const loaderRoot = (Root: RootProps<HTMLDivElement, LoaderProps>) =>\n forwardRef<HTMLDivElement, LoaderProps>((props, ref) => {\n const {\n type = 'spinner',\n hasBlur = false,\n hasOverlay = false,\n value = 0,\n blur = 'medium',\n overlayColor,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack,\n style,\n ...rest\n } = props;\n\n const blurClass = hasBlur ? classes[`${blur}LoaderBlur` as keyof typeof classes] : '';\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n className={cls(className, blurClass, { [classes.loaderHasOverlay]: hasOverlay })}\n style={\n {\n ...style,\n '--plasma_private-loader-overlay-color': overlayColor || `var(${tokens.overlayColor})`,\n } as CSSProperties\n }\n {...rest}\n >\n {type === 'spinner' ? (\n <StyledSpinner size={size} view={view} />\n ) : (\n <StyledProgressBarCircular\n value={value}\n maxValue={maxValue}\n strokeSize={strokeSize}\n size={size}\n view={view}\n hasTrack={hasTrack}\n >\n {children}\n </StyledProgressBarCircular>\n )}\n </Root>\n );\n });\n\nexport const loaderConfig = {\n name: 'Loader',\n tag: 'div',\n layout: loaderRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["loaderRoot","Root","forwardRef","props","ref","_props$type","type","_props$hasBlur","hasBlur","_props$hasOverlay","hasOverlay","_props$value","value","_props$blur","blur","overlayColor","_props$maxValue","maxValue","size","view","children","className","strokeSize","hasTrack","style","rest","_objectWithoutProperties","_excluded","blurClass","classes","concat","React","createElement","_extends","cls","_defineProperty","loaderHasOverlay","_objectSpread","tokens","StyledSpinner","StyledProgressBarCircular","loaderConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
require('./Loader.styles_1i0a33d.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var react = require('@linaria/react');
|
|
7
|
+
var common = require('../../engines/common.js');
|
|
8
|
+
var Spinner$1 = require('../Spinner/Spinner.js');
|
|
9
|
+
var ProgressBarCircular$1 = require('../ProgressBarCircular/ProgressBarCircular.js');
|
|
10
|
+
|
|
11
|
+
var mergedSpinnerConfig = /*#__PURE__*/common.mergeConfig(Spinner$1.spinnerConfig);
|
|
12
|
+
var Spinner = /*#__PURE__*/common.component(mergedSpinnerConfig);
|
|
13
|
+
var mergedProgressBarCircularConfig = /*#__PURE__*/common.mergeConfig(ProgressBarCircular$1.progressBarCircularConfig);
|
|
14
|
+
var ProgressBarCircular = /*#__PURE__*/common.component(mergedProgressBarCircularConfig);
|
|
15
|
+
var base = "b1pysjlh";
|
|
16
|
+
var _exp11 = function _exp11() {
|
|
17
|
+
return Spinner;
|
|
18
|
+
};
|
|
19
|
+
var StyledSpinner = /*#__PURE__*/react.styled(_exp11())({
|
|
20
|
+
name: "StyledSpinner",
|
|
21
|
+
"class": "s14s1lcu",
|
|
22
|
+
propsAsIs: true
|
|
23
|
+
});
|
|
24
|
+
var _exp16 = function _exp16() {
|
|
25
|
+
return ProgressBarCircular;
|
|
26
|
+
};
|
|
27
|
+
var StyledProgressBarCircular = /*#__PURE__*/react.styled(_exp16())({
|
|
28
|
+
name: "StyledProgressBarCircular",
|
|
29
|
+
"class": "s14gpc11",
|
|
30
|
+
propsAsIs: true
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
exports.StyledProgressBarCircular = StyledProgressBarCircular;
|
|
34
|
+
exports.StyledSpinner = StyledSpinner;
|
|
35
|
+
exports.base = base;
|
|
36
|
+
//# sourceMappingURL=Loader.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.styles.js","sources":["../../../src/components/Loader/Loader.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\nimport { applyBlur } from 'src/mixins';\n\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\nimport { progressBarCircularConfig, progressBarCircularTokens } from '../ProgressBarCircular';\nimport { component, mergeConfig } from '../../engines';\n\nimport { tokens, classes, privateTokens } from './Loader.tokens';\n\nconst mergedSpinnerConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedSpinnerConfig);\n\nconst mergedProgressBarCircularConfig = mergeConfig(progressBarCircularConfig);\nconst ProgressBarCircular = component(mergedProgressBarCircularConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n &.${classes.smallLoaderBlur} {\n ${applyBlur('small')}\n }\n\n &.${classes.mediumLoaderBlur} {\n ${applyBlur('medium')}\n }\n\n &.${classes.largeLoaderBlur} {\n ${applyBlur('large')}\n }\n\n &.${classes.loaderHasOverlay} {\n background: var(${privateTokens.loaderOverlayColor});\n }\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.spinnerSize});\n ${spinnerTokens.color}: var(${tokens.spinnerColor});\n`;\n\nexport const StyledProgressBarCircular = styled(ProgressBarCircular)`\n ${progressBarCircularTokens.size}: var(${tokens.progressBarCircularSize});\n ${progressBarCircularTokens.width}: var(${tokens.progressBarCircularWidth});\n ${progressBarCircularTokens.height}: var(${tokens.progressBarCircularHeight});\n\n ${progressBarCircularTokens.strokeWidth}: var(${tokens.progressBarCircularStrokeWidth});\n ${progressBarCircularTokens.strokeSize}: var(${tokens.progressBarCircularStrokeSize});\n\n ${progressBarCircularTokens.backgroundStroke}: var(${tokens.progressBarCircularBackgroundStroke});\n ${progressBarCircularTokens.progressStroke}: var(${tokens.progressBarCircularStroke});\n\n ${progressBarCircularTokens.contentColor}: var(${tokens.progressBarCircularContentColor});\n ${progressBarCircularTokens.contentFontFamily}: var(${tokens.progressBarCircularContentFontFamily});\n ${progressBarCircularTokens.contentFontSize}: var(${tokens.progressBarCircularContentFontSize});\n ${progressBarCircularTokens.contentFontStyle}: var(${tokens.progressBarCircularContentFontStyle});\n ${progressBarCircularTokens.contentFontWeight}: var(${tokens.progressBarCircularContentFontWeight});\n ${progressBarCircularTokens.contentLetterSpacing}: var(${tokens.progressBarCircularContentLetterSpacing});\n ${progressBarCircularTokens.contentLineHeight}: var(${tokens.progressBarCircularContentLineHeight});\n`;\n"],"names":["mergedSpinnerConfig","mergeConfig","spinnerConfig","Spinner","component","mergedProgressBarCircularConfig","progressBarCircularConfig","ProgressBarCircular","base","_exp11","StyledSpinner","styled","name","class","propsAsIs","_exp16","StyledProgressBarCircular"],"mappings":";;;;;;;;;AAUA,IAAMA,mBAAmB,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,mBAAmB,CAAC,CAAA;AAE9C,IAAMK,+BAA+B,gBAAGJ,kBAAW,CAACK,+CAAyB,CAAC,CAAA;AAC9E,IAAMC,mBAAmB,gBAAGH,gBAAS,CAACC,+BAA+B,CAAC,CAAA;AAE/D,IAAMG,IAAI,GAyBhB,WAAA;AAAC,IAAAC,MAAA,GAxCgBA,SAwChBA,MAAAA,GAAA;AAAA,EAAA,OAEkCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMO,aAAa,gBAAGC,YAAM,CAAAF,MAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAAC,IAAAC,MAAA,GA7CgBA,SA6ChBA,MAAAA,GAAA;AAAA,EAAA,OAE8CR,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5D,IAAMS,yBAAyB,gBAAGL,YAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAkB9C;;;;;;"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
.b1pysjlh{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-loader-width);height:var(--plasma-loader-height);}.b1pysjlh.--plasma-loader-small-blur{-webkit-backdrop-filter:blur(1.6875rem);backdrop-filter:blur(1.6875rem);}.b1pysjlh.--plasma-loader-medium-blur{-webkit-backdrop-filter:blur(2.3125rem);backdrop-filter:blur(2.3125rem);}.b1pysjlh.--plasma-loader-large-blur{-webkit-backdrop-filter:blur(3.125rem);backdrop-filter:blur(3.125rem);}.b1pysjlh.--plasma-progressbar-circular-background-circle{background:var(--plasma_private-loader-overlay-color);}
|
|
2
|
+
.s14s1lcu{--plasma-spinner-size:var(--plasma-loader-spinner-size);--plasma-spinner-color:var(--plasma-loader-spinner-color);}
|
|
3
|
+
.s14gpc11{--plasma-progressbar-circular-size:var(--plasma-loader-progressbar-circular-size);--plasma-progressbar-circular-width:var(--plasma-loader-progressbar-circular-width);--plasma-progressbar-circular-height:var(--plasma-loader-progressbar-circular-height);--plasma-progressbar-circular-stroke-width:var(--plasma-loader-progressbar-circular-stroke-width);--plasma-progressbar-circular-stroke-size:var(--plasma-loader-progressbar-circular-stroke-size);--plasma-progressbar-circular-background-stroke:var(--plasma-loader-progressbar-circular-background-stroke);--plasma-progressbar-circular-progress-stroke:var(--plasma-loader-progressbar-circular-progress-stroke);--plasma-progressbar-circular-content-color:var(--plasma-loader-progressbar-circular-content-color);--plasma-progressbar-circular-content-font-family:var(--plasma-loader-progressbar-circular-content-font-family);--plasma-progressbar-circular-content-font-size:var(--plasma-loader-progressbar-circular-content-font-size);--plasma-progressbar-circular-content-font-style:var(--plasma-loader-progressbar-circular-content-font-style);--plasma-progressbar-circular-content-font-weight:var(--plasma-loader-progressbar-circular-content-font-weight);--plasma-progressbar-circular-content-letter-spacing:var(--plasma-loader-progressbar-circular-content-letter-spacing);--plasma-progressbar-circular-content-line-height:var(--plasma-loader-progressbar-circular-content-line-height);}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var classes = {
|
|
6
|
+
smallLoaderBlur: '--plasma-loader-small-blur',
|
|
7
|
+
mediumLoaderBlur: '--plasma-loader-medium-blur',
|
|
8
|
+
largeLoaderBlur: '--plasma-loader-large-blur',
|
|
9
|
+
loaderHasOverlay: '--plasma-progressbar-circular-background-circle'
|
|
10
|
+
};
|
|
11
|
+
var tokens = {
|
|
12
|
+
width: '--plasma-loader-width',
|
|
13
|
+
height: '--plasma-loader-height',
|
|
14
|
+
progressBarCircularSize: '--plasma-loader-progressbar-circular-size',
|
|
15
|
+
progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',
|
|
16
|
+
progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',
|
|
17
|
+
progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',
|
|
18
|
+
progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',
|
|
19
|
+
progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',
|
|
20
|
+
progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',
|
|
21
|
+
progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',
|
|
22
|
+
progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',
|
|
23
|
+
progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',
|
|
24
|
+
progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',
|
|
25
|
+
progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',
|
|
26
|
+
progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',
|
|
27
|
+
progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
|
|
28
|
+
overlayColor: '--plasma-loader-overlay-color',
|
|
29
|
+
spinnerSize: '--plasma-loader-spinner-size',
|
|
30
|
+
spinnerColor: '--plasma-loader-spinner-color'
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
exports.classes = classes;
|
|
34
|
+
exports.tokens = tokens;
|
|
35
|
+
//# sourceMappingURL=Loader.tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Loader.tokens.js","sources":["../../../src/components/Loader/Loader.tokens.ts"],"sourcesContent":["export const classes = {\n smallLoaderBlur: '--plasma-loader-small-blur',\n mediumLoaderBlur: '--plasma-loader-medium-blur',\n largeLoaderBlur: '--plasma-loader-large-blur',\n loaderHasOverlay: '--plasma-progressbar-circular-background-circle',\n};\n\nexport const tokens = {\n width: '--plasma-loader-width',\n height: '--plasma-loader-height',\n\n progressBarCircularSize: '--plasma-loader-progressbar-circular-size',\n progressBarCircularWidth: '--plasma-loader-progressbar-circular-width',\n progressBarCircularHeight: '--plasma-loader-progressbar-circular-height',\n\n progressBarCircularStrokeWidth: '--plasma-loader-progressbar-circular-stroke-width',\n progressBarCircularStrokeSize: '--plasma-loader-progressbar-circular-stroke-size',\n\n progressBarCircularBackgroundStroke: '--plasma-loader-progressbar-circular-background-stroke',\n progressBarCircularStroke: '--plasma-loader-progressbar-circular-progress-stroke',\n\n progressBarCircularContentColor: '--plasma-loader-progressbar-circular-content-color',\n progressBarCircularContentFontFamily: '--plasma-loader-progressbar-circular-content-font-family',\n progressBarCircularContentFontSize: '--plasma-loader-progressbar-circular-content-font-size',\n progressBarCircularContentFontStyle: '--plasma-loader-progressbar-circular-content-font-style',\n progressBarCircularContentFontWeight: '--plasma-loader-progressbar-circular-content-font-weight',\n progressBarCircularContentLetterSpacing: '--plasma-loader-progressbar-circular-content-letter-spacing',\n progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',\n\n overlayColor: '--plasma-loader-overlay-color',\n\n spinnerSize: '--plasma-loader-spinner-size',\n spinnerColor: '--plasma-loader-spinner-color',\n};\n\nexport const privateTokens = {\n loaderOverlayColor: '--plasma_private-loader-overlay-color',\n loaderBlur: '--plasma_private-loader-blur',\n};\n"],"names":["classes","smallLoaderBlur","mediumLoaderBlur","largeLoaderBlur","loaderHasOverlay","tokens","width","height","progressBarCircularSize","progressBarCircularWidth","progressBarCircularHeight","progressBarCircularStrokeWidth","progressBarCircularStrokeSize","progressBarCircularBackgroundStroke","progressBarCircularStroke","progressBarCircularContentColor","progressBarCircularContentFontFamily","progressBarCircularContentFontSize","progressBarCircularContentFontStyle","progressBarCircularContentFontWeight","progressBarCircularContentLetterSpacing","progressBarCircularContentLineHeight","overlayColor","spinnerSize","spinnerColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,iDAAA;AACtB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,KAAK,EAAE,uBAAuB;AAC9BC,EAAAA,MAAM,EAAE,wBAAwB;AAEhCC,EAAAA,uBAAuB,EAAE,2CAA2C;AACpEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,yBAAyB,EAAE,6CAA6C;AAExEC,EAAAA,8BAA8B,EAAE,mDAAmD;AACnFC,EAAAA,6BAA6B,EAAE,kDAAkD;AAEjFC,EAAAA,mCAAmC,EAAE,wDAAwD;AAC7FC,EAAAA,yBAAyB,EAAE,sDAAsD;AAEjFC,EAAAA,+BAA+B,EAAE,oDAAoD;AACrFC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,kCAAkC,EAAE,wDAAwD;AAC5FC,EAAAA,mCAAmC,EAAE,yDAAyD;AAC9FC,EAAAA,oCAAoC,EAAE,0DAA0D;AAChGC,EAAAA,uCAAuC,EAAE,6DAA6D;AACtGC,EAAAA,oCAAoC,EAAE,0DAA0D;AAEhGC,EAAAA,YAAY,EAAE,+BAA+B;AAE7CC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,YAAY,EAAE,+BAAA;AAClB;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Loader/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Loader/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -139,6 +139,7 @@ var popoverRoot = function popoverRoot(Root) {
|
|
|
139
139
|
}
|
|
140
140
|
}, [closeOnOverlayClick, innerIsOpen, onToggle]);
|
|
141
141
|
var onClick = React.useCallback(function (event) {
|
|
142
|
+
event.persist();
|
|
142
143
|
if (trigger === 'click') {
|
|
143
144
|
var _popoverRef$current2;
|
|
144
145
|
var targetIsPopover = event.target === popoverRef.current;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx, safeUseId } from '../../utils';\nimport { Portal } from '../Portal';\nimport { Resizable } from '../_Resizable';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\nimport { usePopoverOffset } from './hooks/usePopoverOffset';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n target,\n children,\n animated,\n isOpen,\n opened,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n resizable,\n view,\n onToggle,\n onResizeStart,\n onResizeEnd,\n closeOnOverlayClick,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement | null>(null);\n const targetRef = useRef<HTMLDivElement | null>(null);\n\n const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n const uuid = safeUseId();\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n const [, forceRender] = useState(false);\n const [shouldRender, setShouldRender] = useState(innerIsOpen);\n\n const portalContainer =\n (typeof target === 'object' && target !== null && 'current' in target && target.current) || undefined;\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n const openClass = innerIsOpen && shouldRender ? classes.open : undefined;\n const animatedClass = animated ? classes.animate : undefined;\n\n const offsetInner = usePopoverOffset({\n handleRef: targetRef,\n placement: placement as string,\n offsetOuter: offset,\n });\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offsetInner[0], offsetInner[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, innerIsOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (innerIsOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, innerIsOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!innerIsOpen, event);\n }\n }\n },\n [trigger, innerIsOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [innerIsOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, innerIsOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (typeof frame === 'string' && frame) {\n portal = document.getElementById(frame);\n }\n\n if (!usePortal && isValidElement(target)) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n const portalId = `${POPOVER_PORTAL_ID}-${uuid}`;\n\n portal = document.createElement('div');\n portal.setAttribute('id', portalId);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /**\n * Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n */\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!innerIsOpen || !forceUpdate) {\n return;\n }\n\n /*\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [innerIsOpen, children, forceUpdate]);\n\n const handleTransitionEnd = () => {\n if (!innerIsOpen) {\n setShouldRender(false);\n }\n };\n\n useEffect(() => {\n if (innerIsOpen) {\n setShouldRender(true);\n }\n }, [innerIsOpen]);\n\n return (\n <Portal container={portalContainer} disabled={isValidElement(target)}>\n <StyledWrapper\n className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={targetRef}\n >\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {isValidElement(target) && target}\n </StyledRoot>\n {children && portalRef.current && (\n <Portal container={portalRef.current}>\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n onTransitionEnd={handleTransitionEnd}\n className={cx(classes.root, openClass, animatedClass)}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n display: shouldRender || innerIsOpen ? 'block' : 'none',\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n <Resizable\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n {children}\n </Resizable>\n </StyledPopover>\n </Root>\n </Portal>\n )}\n </StyledWrapper>\n </Portal>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","animated","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","resizable","view","onToggle","onResizeStart","onResizeEnd","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","targetRef","trapRef","useFocusTrap","uuid","safeUseId","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","_useState5","_useState6","shouldRender","setShouldRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","openClass","classes","open","animatedClass","animate","offsetInner","usePopoverOffset","offsetOuter","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","portalId","concat","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","handleTransitionEnd","React","Portal","container","disabled","StyledWrapper","cx","wrapper","targetAsRef","ref","StyledRoot","_extends","StyledPopover","popper","onTransitionEnd","root","style","_objectSpread","display","StyledArrow","arrow","Resizable","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef, isValidElement } from 'react';\nimport { usePopper } from 'react-popper';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { useFocusTrap } from '../../hooks';\nimport { cx, safeUseId } from '../../utils';\nimport { Portal } from '../Portal';\nimport { Resizable } from '../_Resizable';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\nimport { usePopoverOffset } from './hooks/usePopoverOffset';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n forwardRef<HTMLDivElement, PopoverProps>(\n (\n {\n target,\n children,\n animated,\n isOpen,\n opened,\n trigger = 'click',\n hasArrow,\n frame = 'document',\n className,\n placement = 'auto',\n offset = [0, 0],\n zIndex,\n isFocusTrapped = true,\n closeOnEsc = true,\n preventOverflow = true,\n usePortal = false,\n resizable,\n view,\n onToggle,\n onResizeStart,\n onResizeEnd,\n closeOnOverlayClick,\n ...rest\n },\n outerRootRef,\n ) => {\n const innerIsOpen = Boolean(isOpen || opened);\n\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n const portalRef = useRef<HTMLElement | null>(null);\n const targetRef = useRef<HTMLDivElement | null>(null);\n\n const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n const uuid = safeUseId();\n\n const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n const [, forceRender] = useState(false);\n const [shouldRender, setShouldRender] = useState(innerIsOpen);\n\n const portalContainer =\n (typeof target === 'object' && target !== null && 'current' in target && target.current) || undefined;\n\n const isAutoArray = Array.isArray(placement);\n const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n const openClass = innerIsOpen && shouldRender ? classes.open : undefined;\n const animatedClass = animated ? classes.animate : undefined;\n\n const offsetInner = usePopoverOffset({\n handleRef: targetRef,\n placement: placement as string,\n offsetOuter: offset,\n });\n\n const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n // TODO: #1121\n // eslint-disable-next-line no-nested-ternary\n placement: isAutoArray\n ? placement[0]?.endsWith('start')\n ? 'auto-start'\n : 'auto'\n : (placement as PopoverPlacement),\n modifiers: [\n {\n name: 'preventOverflow',\n options: {\n mainAxis: preventOverflow,\n },\n },\n { name: 'offset', options: { offset: [offsetInner[0], offsetInner[1]] } },\n {\n name: 'flip',\n enabled: isAuto,\n options: {\n allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n },\n },\n {\n name: 'arrow',\n options: {\n element: arrowElement,\n },\n },\n ],\n });\n\n const onEscape = useCallback(\n (event: KeyboardEvent) => {\n if (innerIsOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n onToggle?.(false, event);\n }\n },\n [closeOnEsc, innerIsOpen, onToggle],\n );\n\n const onDocumentClick = useCallback(\n (event: MouseEvent) => {\n if (innerIsOpen && closeOnOverlayClick && onToggle) {\n const targetIsRoot = event.target === rootRef.current;\n const rootHasTarget = rootRef.current?.contains(event.target as Element);\n const popoverRootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsRoot && !rootHasTarget && !popoverRootHasTarget) {\n onToggle(false, event);\n }\n }\n },\n [closeOnOverlayClick, innerIsOpen, onToggle],\n );\n\n const onClick = useCallback<React.MouseEventHandler>(\n (event) => {\n event.persist();\n if (trigger === 'click') {\n const targetIsPopover = event.target === popoverRef.current;\n const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n if (!targetIsPopover && !rootHasTarget) {\n onToggle?.(!innerIsOpen, event);\n }\n }\n },\n [trigger, innerIsOpen, onToggle],\n );\n\n const onMouseEnter = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onMouseLeave = useCallback<React.MouseEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onFocus = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(true, event);\n }\n },\n [trigger, onToggle],\n );\n\n const onBlur = useCallback<React.FocusEventHandler>(\n (event) => {\n if (trigger === 'hover') {\n onToggle?.(false, event);\n }\n },\n [trigger, onToggle],\n );\n\n useEffect(() => {\n document.addEventListener('click', onDocumentClick);\n return () => document.removeEventListener('click', onDocumentClick);\n }, [innerIsOpen, onToggle]);\n\n useEffect(() => {\n window.addEventListener('keydown', onEscape);\n return () => window.removeEventListener('keydown', onEscape);\n }, [closeOnEsc, innerIsOpen, onToggle]);\n\n useEffect(() => {\n let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n portal = frame.current;\n }\n\n if (typeof frame === 'string' && frame) {\n portal = document.getElementById(frame);\n }\n\n if (!usePortal && isValidElement(target)) {\n portal = rootRef.current;\n }\n\n if (!portal) {\n const portalId = `${POPOVER_PORTAL_ID}-${uuid}`;\n\n portal = document.createElement('div');\n portal.setAttribute('id', portalId);\n\n if (typeof frame === 'string' && frame !== 'document') {\n document.getElementById(frame)?.appendChild(portal);\n } else {\n document.body.appendChild(portal);\n }\n }\n\n portalRef.current = portal;\n\n /**\n * Изменение стейта нужно для того, чтобы Popup\n * отобразился после записи DOM элемента в portalRef.current\n */\n forceRender(true);\n }, []);\n\n useEffect(() => {\n if (!innerIsOpen || !forceUpdate) {\n return;\n }\n\n /*\n * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n * к повторному рендеру компонента, который уже находится в процессе рендера.\n * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n * вызов метода в очередь микрозадач.\n */\n Promise.resolve().then(forceUpdate);\n }, [innerIsOpen, children, forceUpdate]);\n\n const handleTransitionEnd = () => {\n if (!innerIsOpen) {\n setShouldRender(false);\n }\n };\n\n useEffect(() => {\n if (innerIsOpen) {\n setShouldRender(true);\n }\n }, [innerIsOpen]);\n\n return (\n <Portal container={portalContainer} disabled={isValidElement(target)}>\n <StyledWrapper\n className={cx(classes.wrapper, !isValidElement(target) && classes.targetAsRef)}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={targetRef}\n >\n <StyledRoot\n ref={handleRef}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n className={cx(className, classes.target)}\n >\n {isValidElement(target) && target}\n </StyledRoot>\n {children && portalRef.current && (\n <Portal container={portalRef.current}>\n <Root view={view} className={className} {...rest}>\n <StyledPopover\n {...attributes.popper}\n onTransitionEnd={handleTransitionEnd}\n className={cx(classes.root, openClass, animatedClass)}\n ref={popoverForkRef}\n style={{\n ...styles.popper,\n display: shouldRender || innerIsOpen ? 'block' : 'none',\n }}\n zIndex={zIndex}\n >\n {hasArrow && (\n <StyledArrow\n className={classes.arrow}\n ref={setArrowElement}\n style={styles.arrow}\n {...attributes.arrow}\n />\n )}\n <Resizable\n resizable={resizable}\n onResizeStart={onResizeStart}\n onResizeEnd={onResizeEnd}\n >\n {children}\n </Resizable>\n </StyledPopover>\n </Root>\n </Portal>\n )}\n </StyledWrapper>\n </Portal>\n );\n },\n );\n\nexport const popoverConfig = {\n name: 'Popover',\n tag: 'div',\n layout: popoverRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","_placement$","target","children","animated","isOpen","opened","_ref$trigger","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","resizable","view","onToggle","onResizeStart","onResizeEnd","closeOnOverlayClick","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","targetRef","trapRef","useFocusTrap","uuid","safeUseId","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","_useState5","_useState6","shouldRender","setShouldRender","portalContainer","_typeof","current","undefined","isAutoArray","Array","isArray","isAuto","startsWith","openClass","classes","open","animatedClass","animate","offsetInner","usePopoverOffset","offsetOuter","_usePopper","usePopper","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","_popoverRef$current","targetIsRoot","rootHasTarget","contains","popoverRootHasTarget","onClick","persist","_popoverRef$current2","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","isValidElement","portalId","concat","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","handleTransitionEnd","React","Portal","container","disabled","StyledWrapper","cx","wrapper","targetAsRef","ref","StyledRoot","_extends","StyledPopover","popper","onTransitionEnd","root","style","_objectSpread","display","StyledArrow","arrow","Resizable","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
1
|
+
.ProgressBarCircular_styles_16hxdvd_b18reh89__8bec966a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
|
|
2
|
+
.ProgressBarCircular_styles_16hxdvd_s2tt3b5__8bec966a{width:100%;height:100%;}
|
|
3
|
+
.ProgressBarCircular_styles_16hxdvd_slvt37h__8bec966a{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
|
|
4
|
+
.ProgressBarCircular_styles_16hxdvd_s1d8ncmi__8bec966a{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
|
|
5
|
+
.ProgressBarCircular_styles_16hxdvd_sg9aoc4__8bec966a{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|
|
@@ -13,7 +13,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
15
15
|
|
|
16
|
-
var _excluded = ["value", "maxValue", "size", "view", "children", "className", "
|
|
16
|
+
var _excluded = ["value", "maxValue", "size", "view", "children", "className", "strokeSize", "hasTrack"];
|
|
17
17
|
var progressBarCircularRoot = function progressBarCircularRoot(Root) {
|
|
18
18
|
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
19
19
|
var _props$value = props.value,
|
|
@@ -24,7 +24,9 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
|
|
|
24
24
|
view = props.view,
|
|
25
25
|
children = props.children,
|
|
26
26
|
className = props.className,
|
|
27
|
-
|
|
27
|
+
strokeSize = props.strokeSize,
|
|
28
|
+
_props$hasTrack = props.hasTrack,
|
|
29
|
+
hasTrack = _props$hasTrack === void 0 ? true : _props$hasTrack,
|
|
28
30
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
|
|
29
31
|
var clampedValue = Math.min(Math.max(value, 0), maxValue);
|
|
30
32
|
var percentage = clampedValue / maxValue * 100;
|
|
@@ -39,15 +41,15 @@ var progressBarCircularRoot = function progressBarCircularRoot(Root) {
|
|
|
39
41
|
height: "100%",
|
|
40
42
|
viewBox: "0 0 100 100",
|
|
41
43
|
className: ProgressBarCircular_tokens.classes.svg
|
|
42
|
-
}, /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledBackgroundCircle, {
|
|
43
|
-
customStrokeWidth:
|
|
44
|
+
}, hasTrack && /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledBackgroundCircle, {
|
|
45
|
+
customStrokeWidth: strokeSize,
|
|
44
46
|
cx: center,
|
|
45
47
|
cy: center,
|
|
46
48
|
className: ProgressBarCircular_tokens.classes.backgroundCircle
|
|
47
49
|
}), /*#__PURE__*/React__default.default.createElement(ProgressBarCircular_styles.StyledProgressCircle, {
|
|
48
50
|
cx: center,
|
|
49
51
|
cy: center,
|
|
50
|
-
customStrokeWidth:
|
|
52
|
+
customStrokeWidth: strokeSize,
|
|
51
53
|
className: ProgressBarCircular_tokens.classes.progressCircle,
|
|
52
54
|
percent: percentage,
|
|
53
55
|
transform: "rotate(-90 50 50)"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const {
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ProgressBarCircularProps } from './ProgressBarCircular.types';\nimport {\n base,\n StyledSVG,\n StyledBackgroundCircle,\n StyledProgressCircle,\n StyledContent,\n} from './ProgressBarCircular.styles';\nimport { classes } from './ProgressBarCircular.tokens';\n\nexport const progressBarCircularRoot = (Root: RootProps<HTMLDivElement, ProgressBarCircularProps>) =>\n forwardRef<HTMLDivElement, ProgressBarCircularProps>((props, ref) => {\n const {\n value = 0,\n maxValue = 100,\n size,\n view,\n children,\n className,\n strokeSize,\n hasTrack = true,\n ...rest\n } = props;\n\n const clampedValue = Math.min(Math.max(value, 0), maxValue);\n const percentage = (clampedValue / maxValue) * 100;\n\n const center = 50;\n\n return (\n <Root ref={ref} view={view} size={size} className={className} {...rest}>\n <StyledSVG width=\"100%\" height=\"100%\" viewBox=\"0 0 100 100\" className={classes.svg}>\n {hasTrack && (\n <StyledBackgroundCircle\n customStrokeWidth={strokeSize}\n cx={center}\n cy={center}\n className={classes.backgroundCircle}\n />\n )}\n <StyledProgressCircle\n cx={center}\n cy={center}\n customStrokeWidth={strokeSize}\n className={classes.progressCircle}\n percent={percentage}\n transform=\"rotate(-90 50 50)\"\n />\n </StyledSVG>\n\n {children && <StyledContent className={classes.content}>{children}</StyledContent>}\n </Root>\n );\n });\n\nexport const progressBarCircularConfig = {\n name: 'ProgressBarCircular',\n tag: 'div',\n layout: progressBarCircularRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'primary',\n size: 'm',\n },\n};\n"],"names":["progressBarCircularRoot","Root","forwardRef","props","ref","_props$value","value","_props$maxValue","maxValue","size","view","children","className","strokeSize","_props$hasTrack","hasTrack","rest","_objectWithoutProperties","_excluded","clampedValue","Math","min","max","percentage","center","React","createElement","_extends","StyledSVG","width","height","viewBox","classes","svg","StyledBackgroundCircle","customStrokeWidth","cx","cy","backgroundCircle","StyledProgressCircle","progressCircle","percent","transform","StyledContent","content","progressBarCircularConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s
|
|
1
|
+
{"version":3,"file":"ProgressBarCircular.styles.js","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { tokens } from './ProgressBarCircular.tokens';\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n\n width: var(${tokens.height});\n height: var(${tokens.height});\n`;\n\nexport const StyledSVG = styled.svg`\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackgroundCircle = styled.circle<{ customStrokeWidth?: number }>`\n fill: none;\n r: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n stroke: var(${tokens.backgroundStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n`;\n\nexport const StyledProgressCircle = styled.circle<{ customStrokeWidth?: number; percent?: number }>`\n --percentage: ${({ percent }) => percent ?? 0};\n --radius: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(50px - calc(calc(50px / var(${tokens.size})) * ${customStrokeWidth}))`};\n --circumference: calc(calc(2 * 3.1415926535) * var(--radius));\n --dashoffset: calc(var(--circumference) - (var(--percentage, 0) * var(--circumference) / 100));\n\n fill: none;\n stroke: var(${tokens.progressStroke});\n stroke-width: ${({ customStrokeWidth = `var(${tokens.strokeSize})` }) =>\n `calc(calc(50px / var(${tokens.size})) * calc(${customStrokeWidth}) * 2)`};\n stroke-linecap: round;\n r: var(--radius);\n stroke-dasharray: var(--circumference);\n stroke-dashoffset: var(--dashoffset);\n transition: stroke-dashoffset 0.3s linear;\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n color: var(${tokens.contentColor});\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n"],"names":["base","StyledSVG","styled","name","class","propsAsIs","_exp3","_ref","_ref$customStrokeWidt","customStrokeWidth","concat","tokens","strokeSize","size","_exp5","_ref2","_ref2$customStrokeWid","StyledBackgroundCircle","vars","_exp6","_ref3","percent","_exp7","_ref4","_ref4$customStrokeWid","_exp9","_ref5","_ref5$customStrokeWid","StyledProgressCircle","StyledContent"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.b18reh89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:var(--plasma-progressbar-circular-height);height:var(--plasma-progressbar-circular-height);}
|
|
2
2
|
.s2tt3b5{width:100%;height:100%;}
|
|
3
3
|
.slvt37h{fill:none;r:var(--slvt37h-0);stroke:var(--plasma-progressbar-circular-background-stroke);stroke-width:var(--slvt37h-1);}
|
|
4
|
-
.s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s
|
|
4
|
+
.s1d8ncmi{--percentage:var(--s1d8ncmi-0);--radius:var(--s1d8ncmi-1);--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(--plasma-progressbar-circular-progress-stroke);stroke-width:var(--s1d8ncmi-2);stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);-webkit-transition:stroke-dashoffset 0.3s linear;transition:stroke-dashoffset 0.3s linear;}
|
|
5
5
|
.sg9aoc4{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--plasma-progressbar-circular-content-color);font-family:var(--plasma-progressbar-circular-content-font-family);font-size:var(--plasma-progressbar-circular-content-font-size);font-style:var(--plasma-progressbar-circular-content-font-style);font-weight:var(--plasma-progressbar-circular-content-font-weight);-webkit-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-moz-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);-ms-letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);letter-spacing:var(--plasma-progressbar-circular-content-letter-spacing);line-height:var(--plasma-progressbar-circular-content-line-height);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
|