@salutejs/plasma-new-hope 0.93.0 → 0.94.0-canary.1224.9693519563.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +67 -28
- 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 +57 -29
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
- package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
- package/cjs/components/Calendar/hooks/useDays.js +1 -1
- package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +4 -0
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +31 -17
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +27 -12
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +4 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +4 -0
- package/cjs/components/Calendar/utils/index.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +2 -2
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +189 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -0
- package/cjs/components/DatePicker/DatePickerBase.styles.js +30 -0
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -0
- package/cjs/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +152 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +285 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +51 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +83 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +42 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +134 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +183 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +51 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
- package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
- package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
- package/cjs/components/Dropdown/Dropdown.js +4 -2
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/utils/index.js +0 -17
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Range/Range.css +6 -6
- package/cjs/components/Range/Range.js +17 -2
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_9rort8.css +8 -0
- package/cjs/components/Select/Select.js +2 -2
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Slider/Slider.css +3 -3
- package/cjs/components/Slider/components/Double/Double.css +3 -3
- package/cjs/components/TextField/TextField.tokens.js +1 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +23 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
- package/cjs/index.css +71 -38
- package/cjs/index.js +12 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/datejs.js +12 -0
- package/cjs/utils/datejs.js.map +1 -0
- package/cjs/utils/getPopoverPlacement.js +23 -0
- package/cjs/utils/getPopoverPlacement.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Calendar/Calendar.tokens.js +67 -28
- 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 +57 -29
- package/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/hooks/useDays.js +1 -1
- package/es/components/Calendar/hooks/useDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +4 -0
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/{CalendarDays.styles_bnrjbd.css → CalendarDays.styles_1oq8sud.css} +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +36 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +26 -13
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +8 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7jeg2n.css +4 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_4z2ki7.css +4 -0
- package/es/components/Calendar/utils/index.js.map +1 -1
- package/es/components/Combobox/Combobox.js +1 -1
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +184 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -0
- package/es/components/DatePicker/DatePickerBase.styles.js +26 -0
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -0
- package/es/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +152 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +280 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +43 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +79 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/es/components/DatePicker/RangeDate/variations/_disabled/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +134 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js +178 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +43 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
- package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
- package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
- package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
- package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
- package/es/components/DatePicker/utils/dateHelper.js +76 -0
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
- package/es/components/Dropdown/Dropdown.js +4 -2
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/utils/index.js +1 -16
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Range/Range.css +6 -6
- package/es/components/Range/Range.js +18 -3
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_9rort8.css +8 -0
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Slider/Slider.css +3 -3
- package/es/components/Slider/components/Double/Double.css +3 -3
- package/es/components/TextField/TextField.tokens.js +1 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
- package/es/index.css +71 -38
- package/es/index.js +4 -0
- package/es/index.js.map +1 -1
- package/es/utils/datejs.js +8 -0
- package/es/utils/datejs.js.map +1 -0
- package/es/utils/getPopoverPlacement.js +18 -0
- package/es/utils/getPopoverPlacement.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +67 -28
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
- package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
- package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
- package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
- package/styled-components/cjs/components/Calendar/mixins/selected.js +24 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +27 -20
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +30 -16
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
- package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +187 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +293 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +33 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +81 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +26 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +190 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +33 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
- package/styled-components/cjs/components/DatePicker/index.js +44 -0
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +3 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
- package/styled-components/cjs/components/Range/Range.js +17 -2
- package/styled-components/cjs/components/Range/Range.styles.js +3 -2
- package/styled-components/cjs/components/Select/Select.js +7 -8
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +22 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +7 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/datejs.js +11 -0
- package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
- package/styled-components/cjs/utils/index.js +22 -0
- package/styled-components/es/components/Calendar/Calendar.tokens.js +67 -28
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
- package/styled-components/es/components/Calendar/mixins/active.js +6 -0
- package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
- package/styled-components/es/components/Calendar/mixins/index.js +3 -27
- package/styled-components/es/components/Calendar/mixins/selected.js +18 -0
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -19
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +25 -11
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +25 -13
- package/styled-components/es/components/Combobox/Combobox.js +1 -2
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +181 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.types.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +284 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +25 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.types.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +74 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +181 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +25 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.types.js +1 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
- package/styled-components/es/components/DatePicker/index.js +3 -0
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +4 -3
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/es/components/Dropdown/utils/index.js +0 -15
- package/styled-components/es/components/Range/Range.js +18 -3
- package/styled-components/es/components/Range/Range.styles.js +3 -2
- package/styled-components/es/components/Select/Select.js +1 -2
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownFill.js +15 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownFill.js +15 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/es/index.js +2 -1
- package/styled-components/es/utils/datejs.js +4 -0
- package/styled-components/es/utils/getPopoverPlacement.js +15 -0
- package/styled-components/es/utils/index.js +1 -0
- package/types/components/Accordion/utils/index.d.ts +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +60 -26
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +1 -1
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
- package/types/components/Calendar/mixins/active.d.ts +17 -0
- package/types/components/Calendar/mixins/active.d.ts.map +1 -0
- package/types/components/Calendar/mixins/flex.d.ts +3 -0
- package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
- package/types/components/Calendar/mixins/index.d.ts +3 -8
- package/types/components/Calendar/mixins/index.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts +40 -0
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/utils/index.d.ts +1 -1
- package/types/components/Calendar/utils/index.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +182 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +110 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +115 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +76 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +29 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +31 -0
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +45 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +120 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
- package/types/components/DatePicker/index.d.ts +6 -0
- package/types/components/DatePicker/index.d.ts.map +1 -0
- package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +1 -3
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts +3 -3
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +8 -3
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Range/index.d.ts +1 -1
- package/types/components/Range/index.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts +24 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +75 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts +24 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +75 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts +3 -3
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/datejs.d.ts +3 -0
- package/types/utils/datejs.d.ts.map +1 -0
- package/types/utils/getPopoverPlacement.d.ts +5 -0
- package/types/utils/getPopoverPlacement.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Calendar/mixins/index.js +0 -18
- package/cjs/components/Calendar/mixins/index.js.map +0 -1
- package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
- package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
- package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
- package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
- package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
- package/es/components/Calendar/mixins/index.js +0 -14
- package/es/components/Calendar/mixins/index.js.map +0 -1
- package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
- package/es/components/Range/Range.styles_mc4w65.css +0 -8
- package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
- package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
- package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
@@ -15,51 +15,90 @@ var classes = exports.classes = {
|
|
15
15
|
selectableItem: 'item-selectable',
|
16
16
|
selectedItem: 'item-selected',
|
17
17
|
currentItem: 'item-current',
|
18
|
-
hoveredItem: 'item-hovered'
|
18
|
+
hoveredItem: 'item-hovered',
|
19
|
+
doubleHeaderDate: 'double-header-date',
|
20
|
+
doubleHeaderLastDateWrapper: 'double-header--last-date-wrapper'
|
19
21
|
};
|
20
22
|
var tokens = exports.tokens = {
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
|
29
|
-
calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
|
30
|
-
calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
|
31
|
-
calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
|
32
|
-
calendarActiveItemColor: '--plasma-calendar-active-item-color',
|
33
|
-
calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
|
34
|
-
calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
|
35
|
-
calendarSeparatorBackground: '--plasma-calendar-separator-background',
|
36
|
-
calendarRangeBackground: '--plasma-calendar-range-background',
|
37
|
-
calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
|
38
|
-
calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
|
39
|
-
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color',
|
40
|
-
calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
|
41
|
-
calendarHeaderFontSize: '--plasma-calendar-header-font-size',
|
42
|
-
calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
|
43
|
-
calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
|
44
|
-
calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
|
45
|
-
calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
|
46
|
-
calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
|
23
|
+
calendarWidth: '--plasma-calendar-width',
|
24
|
+
calendarHeight: '--plasma-calendar-height',
|
25
|
+
/* Токены размера сетки лет */
|
26
|
+
calendarYearsPadding: '--plasma-calendar-years-padding',
|
27
|
+
calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
|
28
|
+
calendarYearItemWidth: '--plasma-calendar-year-item-width',
|
29
|
+
calendarYearItemHeight: '--plasma-calendar-year-item-height',
|
47
30
|
calendarYearFontFamily: '--plasma-calendar-year-font-family',
|
48
31
|
calendarYearFontSize: '--plasma-calendar-year-font-size',
|
49
32
|
calendarYearFontStyle: '--plasma-calendar-year-font-style',
|
50
33
|
calendarYearFontLetterSpacing: '--plasma-calendar-year-font-letter-spacing',
|
51
34
|
calendarYearFontLineHeight: '--plasma-calendar-year-line-height',
|
52
35
|
calendarYearFontWeight: '--plasma-calendar-year-font-weight',
|
36
|
+
calendarYearSelectedFontWeight: '--plasma-calendar-year-selected-font-weight',
|
37
|
+
/* Токены размера сетки месяцев */
|
38
|
+
calendarMonthsPadding: '--plasma-calendar-months-padding',
|
39
|
+
calendarMonthItemBorderRadius: '--plasma-calendar-month-item-border-radius',
|
40
|
+
calendarMonthItemWidth: '--plasma-calendar-month-item-width',
|
41
|
+
calendarMonthItemHeight: '--plasma-calendar-month-item-height',
|
53
42
|
calendarMonthFontFamily: '--plasma-calendar-month-font-family',
|
54
43
|
calendarMonthFontSize: '--plasma-calendar-month-font-size',
|
55
44
|
calendarMonthFontStyle: '--plasma-calendar-month-font-style',
|
56
45
|
calendarMonthFontLetterSpacing: '--plasma-calendar-month-font-letter-spacing',
|
57
46
|
calendarMonthFontLineHeight: '--plasma-calendar-month-line-height',
|
58
47
|
calendarMonthFontWeight: '--plasma-calendar-month-font-weight',
|
48
|
+
calendarMonthSelectedFontWeight: '--plasma-calendar-month-selected-font-weight',
|
49
|
+
/* Токены размера сетки дней */
|
50
|
+
calendarDaysPadding: '--plasma-calendar-days-padding',
|
51
|
+
calendarDayItemBorderRadius: '--plasma-calendar-day-item-border-radius',
|
52
|
+
calendarDayItemWidth: '--plasma-calendar-day-item-width',
|
53
|
+
calendarDayItemHeight: '--plasma-calendar-day-item-height',
|
59
54
|
calendarDayFontFamily: '--plasma-calendar-day-font-family',
|
60
55
|
calendarDayFontSize: '--plasma-calendar-day-font-size',
|
61
56
|
calendarDayFontStyle: '--plasma-calendar-day-font-style',
|
62
57
|
calendarDayFontLetterSpacing: '--plasma-calendar-day-font-letter-spacing',
|
63
58
|
calendarDayFontLineHeight: '--plasma-calendar-day-line-height',
|
64
|
-
calendarDayFontWeight: '--plasma-calendar-day-font-weight'
|
59
|
+
calendarDayFontWeight: '--plasma-calendar-day-font-weight',
|
60
|
+
calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
|
61
|
+
calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
|
62
|
+
/* Токены шапки календаря */
|
63
|
+
calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
|
64
|
+
calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
|
65
|
+
calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',
|
66
|
+
calendarHeaderPadding: '--plasma-calendar-header-padding',
|
67
|
+
calendarHeaderDateGap: '--plasma-calendar-header-date-gap',
|
68
|
+
calendarHeaderFontFamily: '--plasma-calendar-header-font-family',
|
69
|
+
calendarHeaderFontSize: '--plasma-calendar-header-font-size',
|
70
|
+
calendarHeaderFontStyle: '--plasma-calendar-header-font-style',
|
71
|
+
calendarHeaderFontLetterSpacing: '--plasma-calendar-header-font-letter-spacing',
|
72
|
+
calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
|
73
|
+
calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
|
74
|
+
calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
|
75
|
+
/* Токены стрелок навигации календаря */
|
76
|
+
iconButtonColor: '--plasma-calendar-icon-button-color',
|
77
|
+
iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
|
78
|
+
iconButtonColorHover: '--plasma-calendar-icon-button-color-hover',
|
79
|
+
iconButtonBackgroundColorHover: '--plasma-calendar-icon-button-background-hover',
|
80
|
+
iconButtonColorActive: '--plasma-calendar-icon-button-color-active',
|
81
|
+
iconButtonBackgroundColorActive: '--plasma-calendar-icon-button-background-active',
|
82
|
+
iconButtonHeight: '--plasma-calendar-icon-button-height',
|
83
|
+
iconButtonWidth: '--plasma-calendar-icon-button-width',
|
84
|
+
iconButtonPadding: '--plasma-calendar-icon-button-padding',
|
85
|
+
iconButtonRadius: '--plasma-calendar-icon-button-radius',
|
86
|
+
iconButtonFocusColor: '--plasma-calendar-icon-button-focus-color',
|
87
|
+
calendarBackgroundColor: '--plasma-calendar-background',
|
88
|
+
calendarSelectedItemBackground: '--plasma-calendar-selected-item-background',
|
89
|
+
calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
|
90
|
+
calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
|
91
|
+
calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
|
92
|
+
calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
|
93
|
+
calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
|
94
|
+
calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',
|
95
|
+
calendarActiveItemBackground: '--plasma-calendar-active-item-bg',
|
96
|
+
calendarActiveItemColor: '--plasma-calendar-active-item-color',
|
97
|
+
calendarHoveredItemBackground: '--plasma-calendar-hovered-item-bg',
|
98
|
+
calendarHoveredItemColor: '--plasma-calendar-hovered-item-color',
|
99
|
+
calendarSeparatorBackground: '--plasma-calendar-separator-background',
|
100
|
+
calendarRangeBackground: '--plasma-calendar-range-background',
|
101
|
+
calendarOutlineFocusColor: '--plasma-calendar-outline-focus-color',
|
102
|
+
calendarContentPrimaryColor: '--plasma-calendar-content-primary-color',
|
103
|
+
calendarContentSecondaryColor: '--plasma-calendar-content-secondary-color'
|
65
104
|
};
|
@@ -222,6 +222,11 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
|
|
222
222
|
});
|
223
223
|
onKeyDown(event);
|
224
224
|
}, [onKeyDown]);
|
225
|
+
(0, _react.useEffect)(function () {
|
226
|
+
if (!prevValue) {
|
227
|
+
setPrevValue(value);
|
228
|
+
}
|
229
|
+
}, [value, prevValue]);
|
225
230
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
226
231
|
ref: outerRootRef,
|
227
232
|
"aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
|
@@ -232,6 +237,7 @@ var calendarBaseRoot = exports.calendarBaseRoot = function calendarBaseRoot(Root
|
|
232
237
|
"aria-live": "assertive",
|
233
238
|
"aria-relevant": "additions"
|
234
239
|
}, "\u0414\u0430\u043B\u0435\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0434\u0430\u0442."), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
|
240
|
+
size: rest.size,
|
235
241
|
firstDate: date,
|
236
242
|
startYear: startYear,
|
237
243
|
type: calendarState,
|
@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
});
|
7
7
|
exports.StyledCalendar = exports.IsOutOfRange = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
|
9
10
|
var _templateObject;
|
10
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
11
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
12
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13
|
-
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width:
|
14
|
+
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n width: var(", ");\n height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
|
14
15
|
var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
16
|
componentId: "plasma-new-hope__sc-1xkgu4c-0"
|
16
17
|
})(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);
|
@@ -141,11 +141,17 @@ var calendarDoubleRoot = exports.calendarDoubleRoot = function calendarDoubleRoo
|
|
141
141
|
}
|
142
142
|
setPrevValue(value);
|
143
143
|
}
|
144
|
+
(0, _react.useEffect)(function () {
|
145
|
+
if (!prevValue) {
|
146
|
+
setPrevValue(value);
|
147
|
+
}
|
148
|
+
}, [value, prevValue]);
|
144
149
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
145
150
|
ref: outerRootRef,
|
146
151
|
"aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0434\u0430\u0442\u044B"
|
147
152
|
}, rest), /*#__PURE__*/_react["default"].createElement(_ui.CalendarHeader, {
|
148
153
|
isDouble: true,
|
154
|
+
size: rest.size,
|
149
155
|
firstDate: firstDate,
|
150
156
|
secondDate: secondDate,
|
151
157
|
onPrev: handlePrev,
|
@@ -11,10 +11,10 @@ var _templateObject;
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14
|
-
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width:
|
14
|
+
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n z-index: 1;\n\n display: flex;\n flex-direction: column;\n\n width: var(", ");\n height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
|
15
15
|
var StyledSeparator = exports.StyledSeparator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
16
|
componentId: "plasma-new-hope__sc-1dp3a9f-0"
|
17
|
-
})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 0
|
17
|
+
})(["background-color:var(", ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;"], _Calendar.tokens.calendarSeparatorBackground);
|
18
18
|
var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-1dp3a9f-1"
|
20
20
|
})(["display:flex;"]);
|
@@ -233,5 +233,5 @@ var useDays = exports.useDays = function useDays(date, value, eventList, disable
|
|
233
233
|
return (0, _utils.getMatrix)(modifiedDays);
|
234
234
|
}
|
235
235
|
return (0, _utils.getMatrix)(days);
|
236
|
-
}, [date, value, eventList, disabledList, max, min]);
|
236
|
+
}, [date, value, eventList, disabledList, max, min, includeEdgeDates]);
|
237
237
|
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.addActive = void 0;
|
7
|
+
var addActive = exports.addActive = function addActive(args) {
|
8
|
+
var activeBackground = args.activeBackground,
|
9
|
+
activeColor = args.activeColor,
|
10
|
+
activeFontWeight = args.activeFontWeight;
|
11
|
+
return "\n &:active {\n background-color: ".concat(activeBackground, ";\n color: ").concat(activeColor, ";\n font-weight: ").concat(activeFontWeight, ";\n }\n ");
|
12
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.flexSpaceBetween = exports.flexCenter = void 0;
|
7
|
+
var flexCenter = exports.flexCenter = "\n display: flex;\n justify-content: center;\n align-items: center;\n";
|
8
|
+
var flexSpaceBetween = exports.flexSpaceBetween = "\n display: flex;\n justify-content: space-between;\n align-items: center;\n";
|
@@ -3,32 +3,33 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
6
|
+
var _exportNames = {
|
7
|
+
addActive: true,
|
8
|
+
addSelected: true
|
9
|
+
};
|
10
|
+
Object.defineProperty(exports, "addActive", {
|
11
|
+
enumerable: true,
|
12
|
+
get: function get() {
|
13
|
+
return _active.addActive;
|
14
|
+
}
|
15
|
+
});
|
16
|
+
Object.defineProperty(exports, "addSelected", {
|
17
|
+
enumerable: true,
|
18
|
+
get: function get() {
|
19
|
+
return _selected.addSelected;
|
20
|
+
}
|
21
|
+
});
|
22
|
+
var _active = /*#__PURE__*/require("./active");
|
23
|
+
var _selected = /*#__PURE__*/require("./selected");
|
24
|
+
var _flex = /*#__PURE__*/require("./flex");
|
25
|
+
Object.keys(_flex).forEach(function (key) {
|
26
|
+
if (key === "default" || key === "__esModule") return;
|
27
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
28
|
+
if (key in exports && exports[key] === _flex[key]) return;
|
29
|
+
Object.defineProperty(exports, key, {
|
30
|
+
enumerable: true,
|
31
|
+
get: function get() {
|
32
|
+
return _flex[key];
|
33
|
+
}
|
34
|
+
});
|
35
|
+
});
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.addSelected = void 0;
|
7
|
+
var _Calendar = /*#__PURE__*/require("../Calendar.tokens");
|
8
|
+
var _active = /*#__PURE__*/require("./active");
|
9
|
+
var addSelected = exports.addSelected = function addSelected(args) {
|
10
|
+
var minWidth = args.minWidth,
|
11
|
+
minHeight = args.minHeight,
|
12
|
+
selectedFontWeight = args.selectedFontWeight,
|
13
|
+
selectedBackground = args.selectedBackground,
|
14
|
+
selectedColor = args.selectedColor,
|
15
|
+
selectableBackgroundHover = args.selectableBackgroundHover,
|
16
|
+
currentBorderColor = args.currentBorderColor,
|
17
|
+
activeBackground = args.activeBackground,
|
18
|
+
activeColor = args.activeColor;
|
19
|
+
return "\n outline: none;\n cursor: pointer;\n\n &:hover {\n background-color: ".concat(selectableBackgroundHover, ";\n };\n \n\n &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: pointer;\n font-weight: ").concat(selectedFontWeight, ";\n }\n\n &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n border: 0;\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: default;\n font-weight: ").concat(selectedFontWeight, ";\n };\n \n ").concat((0, _active.addActive)({
|
20
|
+
activeBackground: activeBackground,
|
21
|
+
activeColor: activeColor,
|
22
|
+
activeFontWeight: selectedFontWeight
|
23
|
+
}), ";\n\n &.").concat(_Calendar.classes.currentItem, " {\n border: 0.063rem solid ").concat(currentBorderColor, ";\n\n &.").concat(_Calendar.classes.selectedItem, " {\n background-color: initial;\n color: ").concat(selectedColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n };\n ");
|
24
|
+
};
|
package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js
CHANGED
@@ -5,54 +5,61 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.StyledEvents = exports.StyledEvent = exports.StyledDayRoot = exports.StyledDay = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
8
|
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
10
|
-
var
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
var _mixins2 = /*#__PURE__*/require("../../mixins");
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
12
|
var inRange = function inRange() {
|
13
|
-
return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width:
|
13
|
+
return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 100%;\n height: calc(100% - 0.125rem);\n background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n }\n");
|
14
14
|
};
|
15
15
|
var sideInRange = function sideInRange() {
|
16
|
-
return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.
|
16
|
+
return "\n &:before {\n content: '';\n z-index: -1;\n position: absolute;\n width: 0.75rem;\n height: calc(100% - 0.125rem);\n background: var(".concat(_Calendar.tokens.calendarRangeBackground, ");\n }\n");
|
17
17
|
};
|
18
18
|
var StyledDay = exports.StyledDay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-2y5uj0-0"
|
20
|
-
})(["border-radius:0.
|
20
|
+
})(["border-radius:calc(var(", ") - 0.125rem);", ";&.", "{", ";}&.", "{", ";}&.", "{&:before{left:", ";}}&.", "{&:before{right:", ";}}"], _Calendar.tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/String(_Calendar.classes.dayInRange), /*#__PURE__*/inRange(), /*#__PURE__*/String(_Calendar.classes.daySideInRange), /*#__PURE__*/sideInRange(), /*#__PURE__*/String(_Calendar.classes.daySideLeft), function (_ref) {
|
21
21
|
var offset = _ref.offset;
|
22
22
|
return "".concat(offset, "px");
|
23
23
|
}, /*#__PURE__*/String(_Calendar.classes.daySideRight), function (_ref2) {
|
24
24
|
var offset = _ref2.offset;
|
25
25
|
return "".concat(offset, "px");
|
26
26
|
});
|
27
|
-
var dayOfWeek = function dayOfWeek() {
|
28
|
-
return "\n color: var(--plasma-colors-tertiary);\n";
|
29
|
-
};
|
30
27
|
var disabledDay = function disabledDay() {
|
31
|
-
return "\n cursor: not-allowed;\n opacity: 0.4;\n
|
32
|
-
outlineSize: '0.063rem',
|
33
|
-
outlineOffset: '-0.063rem',
|
34
|
-
outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
35
|
-
outlineRadius: '0.563rem'
|
36
|
-
}), ";\n");
|
28
|
+
return "\n cursor: not-allowed;\n opacity: 0.4;\n";
|
37
29
|
};
|
38
30
|
var disabledCurrentDay = function disabledCurrentDay() {
|
39
|
-
return "\n ".concat(disabledDay(), ";\n
|
31
|
+
return "\n ".concat(disabledDay(), ";\n");
|
40
32
|
};
|
41
33
|
var StyledDayRoot = exports.StyledDayRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
42
34
|
componentId: "plasma-new-hope__sc-2y5uj0-1"
|
43
|
-
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:
|
35
|
+
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");position:relative;box-sizing:border-box;min-width:var(", ");min-height:var(", ");border-radius:var(", ");", ";color:", ";visibility:", ";&.", "{", ";", ";&.", "{", ";}}&.", "{color:var(", ");}&.", "{", ";}&.", "{", ";}&.", "{& > .", ":before{width:calc(100% + 2px);height:100%;}& > .", ":before{width:100%;right:-1px;left:unset;}& > .", ":before{width:100%;left:-1px;right:unset;}}"], _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), function (_ref3) {
|
44
36
|
var isDayInCurrentMonth = _ref3.isDayInCurrentMonth;
|
45
37
|
return isDayInCurrentMonth ? "var(".concat(_Calendar.tokens.calendarContentPrimaryColor, ")") : "var(".concat(_Calendar.tokens.calendarContentSecondaryColor, ")");
|
46
38
|
}, function (_ref4) {
|
47
39
|
var isDayInCurrentMonth = _ref4.isDayInCurrentMonth,
|
48
40
|
isDouble = _ref4.isDouble;
|
49
41
|
return !isDayInCurrentMonth && isDouble ? 'hidden' : 'visible';
|
50
|
-
}, /*#__PURE__*/String(_Calendar.classes.selectableItem),
|
42
|
+
}, /*#__PURE__*/String(_Calendar.classes.selectableItem), /*#__PURE__*/(0, _mixins2.addSelected)({
|
43
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemWidth, ") - 0.25rem)"),
|
44
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemHeight, ") - 0.25rem)"),
|
45
|
+
selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarDaySelectedFontWeight, ")"),
|
46
|
+
selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
|
47
|
+
selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
|
48
|
+
selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
|
49
|
+
currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
|
50
|
+
activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
|
51
|
+
activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
|
52
|
+
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
53
|
+
outlineSize: '0.063rem',
|
54
|
+
outlineOffset: '-0.125rem',
|
55
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
56
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
|
57
|
+
}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
|
51
58
|
outlineSize: '0.063rem',
|
52
|
-
outlineOffset: '-0.
|
59
|
+
outlineOffset: '-0.1875rem',
|
53
60
|
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
54
|
-
outlineRadius:
|
55
|
-
}),
|
61
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarDayItemBorderRadius, ") + 0.125rem)")
|
62
|
+
}), _Calendar.classes.dayOfWeek, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.classes.dayDisabled, /*#__PURE__*/disabledDay(), _Calendar.classes.dayDisabledCurrent, /*#__PURE__*/disabledCurrentDay(), _Calendar.classes.currentItem, _Calendar.classes.dayInRange, _Calendar.classes.daySideRight, _Calendar.classes.daySideLeft);
|
56
63
|
var StyledEvents = exports.StyledEvents = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
57
64
|
componentId: "plasma-new-hope__sc-2y5uj0-2"
|
58
65
|
})(["display:flex;position:absolute;bottom:0.25rem;"]);
|
@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.StyledFlex = exports.StyledCalendarDaysHint = exports.StyledCalendarDays = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
8
|
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
|
+
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
11
|
var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
11
12
|
componentId: "plasma-new-hope__sc-3ydwr5-0"
|
12
13
|
})(["", ";"], /*#__PURE__*/String(_mixins.flexCenter));
|
13
14
|
var StyledCalendarDays = exports.StyledCalendarDays = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
14
15
|
componentId: "plasma-new-hope__sc-3ydwr5-1"
|
15
|
-
})(["outline:none;padding:
|
16
|
+
})(["outline:none;padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarDaysPadding);
|
16
17
|
var StyledCalendarDaysHint = exports.StyledCalendarDaysHint = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
17
18
|
componentId: "plasma-new-hope__sc-3ydwr5-2"
|
18
19
|
})(["display:none;"]);
|
@@ -9,8 +9,8 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
|
|
9
9
|
var _Icon = /*#__PURE__*/require("../../../_Icon");
|
10
10
|
var _types = /*#__PURE__*/require("../../store/types");
|
11
11
|
var _utils = /*#__PURE__*/require("../../utils");
|
12
|
+
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
12
13
|
var _CalendarHeader = /*#__PURE__*/require("./CalendarHeader.styles");
|
13
|
-
var _IconDisclosureLeft, _IconDisclosureRight;
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
16
|
/**
|
@@ -21,6 +21,7 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
21
21
|
type = _ref$type === void 0 ? 'Days' : _ref$type,
|
22
22
|
_ref$startYear = _ref.startYear,
|
23
23
|
startYear = _ref$startYear === void 0 ? 0 : _ref$startYear,
|
24
|
+
size = _ref.size,
|
24
25
|
firstDate = _ref.firstDate,
|
25
26
|
secondDate = _ref.secondDate,
|
26
27
|
isDouble = _ref.isDouble,
|
@@ -40,42 +41,55 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
|
|
40
41
|
return '';
|
41
42
|
}
|
42
43
|
if (type === _types.CalendarState.Days) {
|
43
|
-
return "".
|
44
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
|
45
|
+
color: "inherit",
|
46
|
+
size: size === 'xs' ? 'xs' : 's'
|
47
|
+
})));
|
44
48
|
}
|
45
49
|
if (type === _types.CalendarState.Months) {
|
46
|
-
return "".
|
50
|
+
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
|
51
|
+
color: "inherit",
|
52
|
+
size: size === 'xs' ? 'xs' : 's'
|
53
|
+
}));
|
47
54
|
}
|
48
55
|
if (type === _types.CalendarState.Years) {
|
49
|
-
return "".
|
56
|
+
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, startYear, "\u2014", startYear + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
|
57
|
+
color: "inherit",
|
58
|
+
size: size === 'xs' ? 'xs' : 's'
|
59
|
+
}));
|
50
60
|
}
|
51
61
|
return '';
|
52
|
-
}, [type, startYear]);
|
62
|
+
}, [type, startYear, size]);
|
53
63
|
var currentCalendarType = (0, _utils.getCalendarType)(isDouble ? _types.CalendarState.Days : type);
|
54
64
|
var PreviousButton = (0, _react.useMemo)(function () {
|
55
65
|
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledArrow, {
|
56
|
-
type: "button",
|
57
66
|
"aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 ".concat(currentCalendarType),
|
58
|
-
tabIndex: 0,
|
59
67
|
onClick: function onClick() {
|
60
68
|
return onPrev();
|
61
69
|
}
|
62
|
-
},
|
63
|
-
|
70
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
|
71
|
+
color: "inherit",
|
72
|
+
size: size === 'xs' ? 'xs' : 's'
|
73
|
+
}));
|
74
|
+
}, [currentCalendarType, size, onPrev]);
|
64
75
|
var NextButton = (0, _react.useMemo)(function () {
|
65
76
|
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledArrow, {
|
66
|
-
type: "button",
|
67
77
|
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 ".concat(currentCalendarType),
|
68
|
-
tabIndex: 0,
|
69
78
|
onClick: function onClick() {
|
70
79
|
return onNext();
|
71
80
|
}
|
72
|
-
},
|
73
|
-
|
74
|
-
|
81
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
|
82
|
+
color: "inherit",
|
83
|
+
size: size === 'xs' ? 'xs' : 's'
|
84
|
+
}));
|
85
|
+
}, [currentCalendarType, size, onNext]);
|
86
|
+
return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledCalendarHeader, null, isDouble ? /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledNavigation, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledDoubleHeaderWrapper, null, PreviousButton, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDouble, {
|
75
87
|
"aria-live": "polite"
|
76
|
-
}, getHeaderContent(firstDate)), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.
|
88
|
+
}, getHeaderContent(firstDate))), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledDoubleHeaderWrapper, {
|
89
|
+
className: _Calendar.classes.doubleHeaderLastDateWrapper
|
90
|
+
}, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDouble, {
|
77
91
|
"aria-live": "polite"
|
78
|
-
}, getHeaderContent(secondDate)), NextButton) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeader, {
|
92
|
+
}, getHeaderContent(secondDate)), NextButton)) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeader, {
|
79
93
|
type: "button",
|
80
94
|
"aria-live": "polite",
|
81
95
|
id: "id-grid-label",
|
package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js
CHANGED
@@ -3,26 +3,44 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeader = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
|
6
|
+
exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
8
|
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
9
|
+
var _engines = /*#__PURE__*/require("../../../../engines");
|
10
|
+
var _IconButton = /*#__PURE__*/require("../../../IconButton");
|
11
|
+
var _mixins = /*#__PURE__*/require("../../mixins");
|
12
|
+
var _mixins2 = /*#__PURE__*/require("../../../../mixins");
|
10
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
14
|
+
var mergedIconButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
|
15
|
+
var IconButton = /*#__PURE__*/(0, _engines.component)(mergedIconButtonConfig);
|
11
16
|
var StyledCalendarHeader = exports.StyledCalendarHeader = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
12
17
|
componentId: "plasma-new-hope__sc-186pzg3-0"
|
13
|
-
})(["
|
14
|
-
var StyledHeader = exports.StyledHeader = /*#__PURE__*/
|
18
|
+
})(["display:flex;justify-content:space-between;align-items:center;padding:var(", ");"], _Calendar.tokens.calendarHeaderWrapperPadding);
|
19
|
+
var StyledHeader = exports.StyledHeader = /*#__PURE__*/_styledComponents["default"].button.withConfig({
|
15
20
|
componentId: "plasma-new-hope__sc-186pzg3-1"
|
16
|
-
})(["
|
17
|
-
|
21
|
+
})(["border:none;background-color:transparent;padding:0;outline:none;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");padding:var(", ");color:var(", ");cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;&:hover,&:active{color:var(", ");}", ";"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarContentSecondaryColor, /*#__PURE__*/(0, _mixins2.addFocus)({
|
22
|
+
outlineSize: '0.063rem',
|
23
|
+
outlineOffset: '-0.125rem',
|
24
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
25
|
+
outlineRadius: '0.563rem'
|
26
|
+
}));
|
27
|
+
var StyledHeaderDate = exports.StyledHeaderDate = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
18
28
|
componentId: "plasma-new-hope__sc-186pzg3-2"
|
19
|
-
})(["
|
29
|
+
})(["", ";pointer-events:none;"], _mixins.flexCenter);
|
20
30
|
var StyledArrows = exports.StyledArrows = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
21
31
|
componentId: "plasma-new-hope__sc-186pzg3-3"
|
22
|
-
})(["
|
23
|
-
|
32
|
+
})(["display:flex;gap:var(", ");padding:var(", ");"], _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderArrowPadding);
|
33
|
+
|
34
|
+
// NOTE: переопределение токенов IconButton
|
35
|
+
var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
|
24
36
|
componentId: "plasma-new-hope__sc-186pzg3-4"
|
25
|
-
})(["
|
37
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Calendar.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Calendar.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Calendar.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonHeight, _Calendar.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Calendar.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Calendar.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Calendar.tokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFocusColor, _Calendar.tokens.iconButtonFocusColor);
|
26
38
|
var StyledNavigation = exports.StyledNavigation = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
27
39
|
componentId: "plasma-new-hope__sc-186pzg3-5"
|
28
|
-
})(["width:100%;", ";"],
|
40
|
+
})(["width:100%;", ";"], _mixins.flexCenter);
|
41
|
+
var StyledDoubleHeaderWrapper = exports.StyledDoubleHeaderWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
42
|
+
componentId: "plasma-new-hope__sc-186pzg3-6"
|
43
|
+
})(["width:100%;display:grid;grid-template-columns:var(", ") 1fr var(", ");grid-template-areas:'a b c';", "{grid-area:a;}&.", " ", "{grid-area:c;}"], _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonWidth, StyledArrow, _Calendar.classes.doubleHeaderLastDateWrapper, StyledArrow);
|
44
|
+
var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledComponents["default"].h4.withConfig({
|
45
|
+
componentId: "plasma-new-hope__sc-186pzg3-7"
|
46
|
+
})(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");grid-area:b;justify-self:center;cursor:pointer;display:flex;gap:var(", ");justify-content:space-between;align-items:center;margin:0;", ";"], _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderDateGap, /*#__PURE__*/String(_mixins.flexCenter));
|
@@ -68,7 +68,7 @@ var CalendarMonths = exports.CalendarMonths = function CalendarMonths(_ref) {
|
|
68
68
|
isCurrent = _ref2.isCurrent,
|
69
69
|
monthFullName = _ref2.monthFullName;
|
70
70
|
var selectedClass = isSelected ? _Calendar.classes.selectedItem : undefined;
|
71
|
-
var currentClass =
|
71
|
+
var currentClass = isCurrent ? _Calendar.classes.currentItem : undefined;
|
72
72
|
return /*#__PURE__*/_react["default"].createElement(_CalendarMonths.StyledMonthRoot, {
|
73
73
|
id: "month-test-".concat(i, "-").concat(j),
|
74
74
|
className: (0, _utils.cx)(selectedClass, currentClass, _Calendar.classes.selectableItem),
|