@salutejs/plasma-new-hope 0.94.0-canary.1274.9714678450.0 → 0.94.1-canary.1273.9715265388.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/Sheet/Sheet.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/Sheet/Sheet.js +4 -4
- package/es/components/Sheet/Sheet.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 +5 -4
- 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/Sheet/Sheet.js +3 -3
- 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_b2c/components/Sheet/Sheet.stories.tsx +2 -2
- 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/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
- 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/Sheet/Sheet.js +4 -4
- 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_b2c/components/Sheet/Sheet.stories.tsx +2 -2
- 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/plasma_web/components/Sheet/Sheet.stories.tsx +2 -2
- 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/Sheet/Sheet.d.ts.map +1 -1
- package/types/components/Sheet/Sheet.types.d.ts +1 -1
- package/types/components/Sheet/Sheet.types.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
@@ -1,21 +1,39 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
-
import {
|
3
|
-
import {
|
2
|
+
import { classes, tokens } from '../../Calendar.tokens';
|
3
|
+
import { component, mergeConfig } from '../../../../engines';
|
4
|
+
import { iconButtonConfig, iconButtonTokens } from '../../../IconButton';
|
5
|
+
import { flexCenter } from '../../mixins';
|
6
|
+
import { addFocus } from '../../../../mixins';
|
7
|
+
var mergedIconButtonConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
|
8
|
+
var IconButton = /*#__PURE__*/component(mergedIconButtonConfig);
|
4
9
|
export var StyledCalendarHeader = /*#__PURE__*/styled.div.withConfig({
|
5
10
|
componentId: "plasma-new-hope__sc-186pzg3-0"
|
6
|
-
})(["
|
7
|
-
export var StyledHeader = /*#__PURE__*/styled
|
11
|
+
})(["display:flex;justify-content:space-between;align-items:center;padding:var(", ");"], tokens.calendarHeaderWrapperPadding);
|
12
|
+
export var StyledHeader = /*#__PURE__*/styled.button.withConfig({
|
8
13
|
componentId: "plasma-new-hope__sc-186pzg3-1"
|
9
|
-
})(["
|
10
|
-
|
14
|
+
})(["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(", ");}", ";"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderPadding, tokens.calendarContentPrimaryColor, tokens.calendarHeaderDateGap, tokens.calendarContentSecondaryColor, /*#__PURE__*/addFocus({
|
15
|
+
outlineSize: '0.063rem',
|
16
|
+
outlineOffset: '-0.125rem',
|
17
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
18
|
+
outlineRadius: '0.563rem'
|
19
|
+
}));
|
20
|
+
export var StyledHeaderDate = /*#__PURE__*/styled.span.withConfig({
|
11
21
|
componentId: "plasma-new-hope__sc-186pzg3-2"
|
12
|
-
})(["
|
22
|
+
})(["", ";pointer-events:none;"], flexCenter);
|
13
23
|
export var StyledArrows = /*#__PURE__*/styled.div.withConfig({
|
14
24
|
componentId: "plasma-new-hope__sc-186pzg3-3"
|
15
|
-
})(["
|
16
|
-
|
25
|
+
})(["display:flex;gap:var(", ");padding:var(", ");"], tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowPadding);
|
26
|
+
|
27
|
+
// NOTE: переопределение токенов IconButton
|
28
|
+
export var StyledArrow = /*#__PURE__*/styled(IconButton).withConfig({
|
17
29
|
componentId: "plasma-new-hope__sc-186pzg3-4"
|
18
|
-
})(["
|
30
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, tokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, tokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, tokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, tokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonHeight, tokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, tokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, tokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, tokens.iconButtonRadius, iconButtonTokens.iconButtonFocusColor, tokens.iconButtonFocusColor);
|
19
31
|
export var StyledNavigation = /*#__PURE__*/styled.div.withConfig({
|
20
32
|
componentId: "plasma-new-hope__sc-186pzg3-5"
|
21
|
-
})(["width:100%;", ";"],
|
33
|
+
})(["width:100%;", ";"], flexCenter);
|
34
|
+
export var StyledDoubleHeaderWrapper = /*#__PURE__*/styled.div.withConfig({
|
35
|
+
componentId: "plasma-new-hope__sc-186pzg3-6"
|
36
|
+
})(["width:100%;display:grid;grid-template-columns:var(", ") 1fr var(", ");grid-template-areas:'a b c';", "{grid-area:a;}&.", " ", "{grid-area:c;}"], tokens.iconButtonWidth, tokens.iconButtonWidth, StyledArrow, classes.doubleHeaderLastDateWrapper, StyledArrow);
|
37
|
+
export var StyledHeaderDouble = /*#__PURE__*/styled.h4.withConfig({
|
38
|
+
componentId: "plasma-new-hope__sc-186pzg3-7"
|
39
|
+
})(["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;", ";"], tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontWeightBold, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderDateGap, /*#__PURE__*/String(flexCenter));
|
@@ -60,7 +60,7 @@ export var CalendarMonths = function CalendarMonths(_ref) {
|
|
60
60
|
isCurrent = _ref2.isCurrent,
|
61
61
|
monthFullName = _ref2.monthFullName;
|
62
62
|
var selectedClass = isSelected ? classes.selectedItem : undefined;
|
63
|
-
var currentClass =
|
63
|
+
var currentClass = isCurrent ? classes.currentItem : undefined;
|
64
64
|
return /*#__PURE__*/React.createElement(StyledMonthRoot, {
|
65
65
|
id: "month-test-".concat(i, "-").concat(j),
|
66
66
|
className: cx(selectedClass, currentClass, classes.selectableItem),
|
@@ -1,22 +1,36 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
-
import {
|
3
|
-
import { tokens } from '../../Calendar.tokens';
|
2
|
+
import { classes, tokens } from '../../Calendar.tokens';
|
4
3
|
import { addFocus } from '../../../../mixins';
|
4
|
+
import { addSelected, flexCenter } from '../../mixins';
|
5
5
|
export var StyledCalendarMonths = /*#__PURE__*/styled.div.withConfig({
|
6
6
|
componentId: "plasma-new-hope__sc-mx5ps9-0"
|
7
|
-
})(["padding:
|
7
|
+
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarMonthsPadding);
|
8
8
|
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
9
9
|
componentId: "plasma-new-hope__sc-mx5ps9-1"
|
10
10
|
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
11
11
|
export var StyledMonth = /*#__PURE__*/styled.div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-mx5ps9-2"
|
13
|
-
})(["border-radius:0.
|
14
|
-
var selectable = /*#__PURE__*/"\n ".concat(addFocus({
|
15
|
-
outlineSize: '0.063rem',
|
16
|
-
outlineOffset: '-0.063rem',
|
17
|
-
outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
18
|
-
outlineRadius: '0.563rem'
|
19
|
-
}), ";\n\n --calendar_private-selected-min-width: 5.25rem;\n --calendar_private-selected-min-height: 3.25rem;\n --calendar_private-selected-background: var(").concat(tokens.calendarSelectedItemBackground, ");\n --calendar_private-selected-color: var(").concat(tokens.calendarSelectedItemColor, ");\n --calendar_private-selectable-background-hover: var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n --calendar_private-current-border-color: var(").concat(tokens.calendarCurrentItemBorderColor, ");\n --calendar_private-current-background-hover: var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n --calendar_private-current-color-hover: var(").concat(tokens.calendarCurrentItemColorHover, ");\n --calendar_private-current-child-background-hover: var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n --calendar_private-active-background: var(").concat(tokens.calendarActiveItemBackground, ");\n --calendar_private-active-color-hover: var(").concat(tokens.calendarActiveItemColor, ");\n --calendar_private-hovered-background: var(").concat(tokens.calendarHoveredItemBackground, ");\n --calendar_private-hovered-color: var(").concat(tokens.calendarHoveredItemColor, ");\n\n ").concat( /*#__PURE__*/String(selectedMixin), ";\n");
|
13
|
+
})(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter));
|
20
14
|
export var StyledMonthRoot = /*#__PURE__*/styled.div.withConfig({
|
21
15
|
componentId: "plasma-new-hope__sc-mx5ps9-3"
|
22
|
-
})(["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-height:
|
16
|
+
})(["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-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontWeight, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthItemHeight, tokens.calendarMonthItemWidth, tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
|
17
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemWidth, ") - 0.25rem)"),
|
18
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemHeight, ") - 0.25rem)"),
|
19
|
+
selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarMonthSelectedFontWeight, ")"),
|
20
|
+
selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
|
21
|
+
selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
|
22
|
+
selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
|
23
|
+
currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
|
24
|
+
activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
|
25
|
+
activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
|
26
|
+
}), /*#__PURE__*/addFocus({
|
27
|
+
outlineSize: '0.063rem',
|
28
|
+
outlineOffset: '-0.125rem',
|
29
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
30
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
|
31
|
+
}), classes.currentItem, /*#__PURE__*/addFocus({
|
32
|
+
outlineSize: '0.063rem',
|
33
|
+
outlineOffset: '-0.1875rem',
|
34
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
35
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
|
36
|
+
}));
|
@@ -59,7 +59,7 @@ export var CalendarYears = function CalendarYears(_ref) {
|
|
59
59
|
isSelected = _ref2.isSelected,
|
60
60
|
isCurrent = _ref2.isCurrent;
|
61
61
|
var selectedClass = isSelected ? classes.selectedItem : undefined;
|
62
|
-
var currentClass =
|
62
|
+
var currentClass = isCurrent ? classes.currentItem : undefined;
|
63
63
|
return /*#__PURE__*/React.createElement(StyledYearRoot, {
|
64
64
|
className: cx(selectedClass, currentClass, classes.selectableItem),
|
65
65
|
ref: function ref(element) {
|
@@ -1,24 +1,36 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
|
-
import {
|
3
|
-
import { tokens } from '../../Calendar.tokens';
|
2
|
+
import { classes, tokens } from '../../Calendar.tokens';
|
4
3
|
import { addFocus } from '../../../../mixins';
|
4
|
+
import { addSelected, flexCenter } from '../../mixins';
|
5
5
|
export var StyledCalendarYears = /*#__PURE__*/styled.div.withConfig({
|
6
6
|
componentId: "plasma-new-hope__sc-153qwc7-0"
|
7
|
-
})(["padding:
|
7
|
+
})(["padding:var(", ");box-sizing:border-box;"], tokens.calendarYearsPadding);
|
8
8
|
export var StyledFlex = /*#__PURE__*/styled.div.withConfig({
|
9
9
|
componentId: "plasma-new-hope__sc-153qwc7-1"
|
10
10
|
})(["", ";"], /*#__PURE__*/String(flexCenter));
|
11
11
|
export var StyledYear = /*#__PURE__*/styled.div.withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-153qwc7-2"
|
13
|
-
})(["border-radius:0.
|
14
|
-
var selectable = function selectable() {
|
15
|
-
return "\n ".concat(addFocus({
|
16
|
-
outlineSize: '0.063rem',
|
17
|
-
outlineOffset: '-0.063rem',
|
18
|
-
outlineColor: "var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
19
|
-
outlineRadius: '0.563rem'
|
20
|
-
}), ";\n\n --calendar_private-selected-min-width: 5.25rem;\n --calendar_private-selected-min-height: 3.25rem;\n --calendar_private-selected-background: var(").concat(tokens.calendarSelectedItemBackground, ");\n --calendar_private-selected-color: var(").concat(tokens.calendarSelectedItemColor, ");\n --calendar_private-selectable-background-hover: var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n --calendar_private-current-border-color: var(").concat(tokens.calendarCurrentItemBorderColor, ");\n --calendar_private-current-background-hover: var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n --calendar_private-current-color-hover: var(").concat(tokens.calendarCurrentItemColorHover, ");\n --calendar_private-current-child-background-hover: var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n --calendar_private-active-background: var(").concat(tokens.calendarActiveItemBackground, ");\n --calendar_private-active-color: var(").concat(tokens.calendarActiveItemColor, ");\n --calendar_private-hovered-background: var(").concat(tokens.calendarHoveredItemBackground, ");\n --calendar_private-hovered-color: var(").concat(tokens.calendarHoveredItemColor, ");\n \n ").concat(String(selectedMixin), ";\n");
|
21
|
-
};
|
13
|
+
})(["border-radius:calc(var(", ") - 0.125rem);", ";"], tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter));
|
22
14
|
export var StyledYearRoot = /*#__PURE__*/styled.div.withConfig({
|
23
15
|
componentId: "plasma-new-hope__sc-153qwc7-3"
|
24
|
-
})(["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-height:
|
16
|
+
})(["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-height:var(", ");min-width:var(", ");border-radius:var(", ");", ";", ";", ";&.", "{", ";}"], tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontWeight, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearItemHeight, tokens.calendarYearItemWidth, tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(flexCenter), /*#__PURE__*/addSelected({
|
17
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemWidth, ") - 0.25rem)"),
|
18
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemHeight, ") - 0.25rem)"),
|
19
|
+
selectedFontWeight: /*#__PURE__*/"var(".concat(tokens.calendarYearSelectedFontWeight, ")"),
|
20
|
+
selectedBackground: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemBackground, ")"),
|
21
|
+
selectedColor: /*#__PURE__*/"var(".concat(tokens.calendarSelectedItemColor, ")"),
|
22
|
+
selectableBackgroundHover: /*#__PURE__*/"var(".concat(tokens.calendarSelectableItemBackgroundHover, ")"),
|
23
|
+
currentBorderColor: /*#__PURE__*/"var(".concat(tokens.calendarCurrentItemBorderColor, ")"),
|
24
|
+
activeBackground: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemBackground, ")"),
|
25
|
+
activeColor: /*#__PURE__*/"var(".concat(tokens.calendarActiveItemColor, ")")
|
26
|
+
}), /*#__PURE__*/addFocus({
|
27
|
+
outlineSize: '0.063rem',
|
28
|
+
outlineOffset: '-0.125rem',
|
29
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
30
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
|
31
|
+
}), classes.currentItem, /*#__PURE__*/addFocus({
|
32
|
+
outlineSize: '0.063rem',
|
33
|
+
outlineOffset: '-0.1875rem',
|
34
|
+
outlineColor: /*#__PURE__*/"var(".concat(tokens.calendarOutlineFocusColor, ")"),
|
35
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
|
36
|
+
}));
|
@@ -10,8 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
10
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
11
|
import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';
|
12
12
|
import { safeUseId, useForkRef } from '@salutejs/plasma-core';
|
13
|
-
import { cx } from '../../utils';
|
14
|
-
import { getPlacements } from '../Dropdown/utils';
|
13
|
+
import { cx, getPlacements } from '../../utils';
|
15
14
|
import { getChildren, getNewSelected, getValues } from '../Select/utils';
|
16
15
|
import { useKeyNavigation } from '../Select/hooks';
|
17
16
|
import { useDidMountEffect, useForceUpdate } from '../../hooks';
|
@@ -0,0 +1,150 @@
|
|
1
|
+
---
|
2
|
+
id: datepicker
|
3
|
+
title: DatePicker
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# DatePicker
|
9
|
+
<Description name="DatePicker" />
|
10
|
+
<PropsTable name="DatePicker" exclude={['css']} />
|
11
|
+
|
12
|
+
## Использование
|
13
|
+
Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
|
14
|
+
|
15
|
+
Размер `DatePicker` задаётся с помощью свойства `size`.
|
16
|
+
Возможные значения свойтсва: `"l"`, `"m"`, `"s"`, `"xs"`.
|
17
|
+
|
18
|
+
```tsx live
|
19
|
+
import React, {useState} from 'react';
|
20
|
+
import { DatePicker, IconButton } from '@salutejs/{{ package }}';
|
21
|
+
import { IconDone } from '@salutejs/plasma-icons';
|
22
|
+
|
23
|
+
export function App() {
|
24
|
+
return (
|
25
|
+
<div style={{ height: "450px" }}>
|
26
|
+
<DatePicker
|
27
|
+
label="Лейбл"
|
28
|
+
leftHelper="Подсказка к полю"
|
29
|
+
placeholder="Введите дату"
|
30
|
+
contentRight={<IconDone size="s" />}
|
31
|
+
size="l"
|
32
|
+
/>
|
33
|
+
</div>
|
34
|
+
);
|
35
|
+
}
|
36
|
+
```
|
37
|
+
|
38
|
+
### Формат даты
|
39
|
+
Формат даты задается с помощью свойства `format`.
|
40
|
+
При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
|
41
|
+
Свойство `maskWithFormat` позволяет маскировать ввод:
|
42
|
+
|
43
|
+
```tsx live
|
44
|
+
import React, {useState} from 'react';
|
45
|
+
import { DatePicker, IconButton } from '@salutejs/{{ package }}';
|
46
|
+
import { IconDone } from '@salutejs/plasma-icons';
|
47
|
+
|
48
|
+
export function App() {
|
49
|
+
return (
|
50
|
+
<div style={{ height: "450px" }}>
|
51
|
+
<DatePicker
|
52
|
+
label="Лейбл"
|
53
|
+
leftHelper="Подсказка к полю"
|
54
|
+
placeholder="Введите дату"
|
55
|
+
format="DD-MM-YYYY"
|
56
|
+
maskWithFormat
|
57
|
+
contentRight={<IconDone size="s" />}
|
58
|
+
/>
|
59
|
+
</div>
|
60
|
+
);
|
61
|
+
}
|
62
|
+
```
|
63
|
+
|
64
|
+
### Валидация и индикация успешного ввода даты.
|
65
|
+
За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
|
66
|
+
В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
|
67
|
+
|
68
|
+
```tsx live
|
69
|
+
import React, {useState} from 'react';
|
70
|
+
import { DatePicker, IconButton } from '@salutejs/{{ package }}';
|
71
|
+
import { IconDone } from '@salutejs/plasma-icons';
|
72
|
+
|
73
|
+
export function App() {
|
74
|
+
const [isOpen, setIsOpen] = useState(false);
|
75
|
+
const [error, setError] = useState(false);
|
76
|
+
const [success, setSuccess] = useState(false);
|
77
|
+
|
78
|
+
const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
|
79
|
+
if (dateError) {
|
80
|
+
setError(true);
|
81
|
+
return;
|
82
|
+
}
|
83
|
+
|
84
|
+
if (dateSuccess) {
|
85
|
+
setSuccess(true);
|
86
|
+
}
|
87
|
+
|
88
|
+
setIsOpen(false);
|
89
|
+
};
|
90
|
+
|
91
|
+
return (
|
92
|
+
<div style={{ height: "450px" }}>
|
93
|
+
<DatePicker
|
94
|
+
isOpen={isOpen}
|
95
|
+
label="Лейбл"
|
96
|
+
leftHelper="Подсказка к полю"
|
97
|
+
placeholder="Введите дату"
|
98
|
+
format="DD-MM-YYYY"
|
99
|
+
maskWithFormat
|
100
|
+
valueError={error}
|
101
|
+
valueSuccess={success}
|
102
|
+
contentRight={<IconDone size="s" />}
|
103
|
+
onChangeValue={() => {
|
104
|
+
setError(false);
|
105
|
+
setSuccess(false);
|
106
|
+
}}
|
107
|
+
onCommitDate={handleCommitDate}
|
108
|
+
/>
|
109
|
+
</div>
|
110
|
+
);
|
111
|
+
}
|
112
|
+
```
|
113
|
+
|
114
|
+
## DatePickerRange
|
115
|
+
<Description name="DatePickerRange" />
|
116
|
+
<PropsTable name="DatePickerRange" exclude={['css']} />
|
117
|
+
|
118
|
+
## Использование
|
119
|
+
Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем.
|
120
|
+
Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`.
|
121
|
+
|
122
|
+
```tsx live
|
123
|
+
import React, {useState} from 'react';
|
124
|
+
import { DatePickerRange, IconButton } from '@salutejs/{{ package }}';
|
125
|
+
import { IconDone } from '@salutejs/plasma-icons';
|
126
|
+
|
127
|
+
export function App() {
|
128
|
+
const ActionButton = () => {
|
129
|
+
return (
|
130
|
+
<IconButton view="clear" size="l">
|
131
|
+
<IconDone size="s" />
|
132
|
+
</IconButton>
|
133
|
+
);
|
134
|
+
};
|
135
|
+
|
136
|
+
return (
|
137
|
+
<div style={{ height: "500px" }}>
|
138
|
+
<DatePickerRange
|
139
|
+
size="l"
|
140
|
+
label="Лейбл"
|
141
|
+
leftHelper="Подсказка к полю"
|
142
|
+
firstPlaceholder="Введите дату 1"
|
143
|
+
secondPlaceholder="Введите дату 2"
|
144
|
+
contentRight={<ActionButton />}
|
145
|
+
isDoubleCalendar
|
146
|
+
/>
|
147
|
+
</div>
|
148
|
+
);
|
149
|
+
}
|
150
|
+
```
|
@@ -0,0 +1,181 @@
|
|
1
|
+
export var classes = {
|
2
|
+
datePickerError: 'date-picker-error',
|
3
|
+
datePickerSuccess: 'date-picker-success',
|
4
|
+
datePickerRoot: 'date-picker-root'
|
5
|
+
};
|
6
|
+
export var tokens = {
|
7
|
+
width: '--plasma-date-picker-width',
|
8
|
+
/** Токены полей ввода в рендже */
|
9
|
+
background: '--plasma-date-picker_range-background',
|
10
|
+
backgroundError: '--plasma-date-picker_range-background-error',
|
11
|
+
backgroundSuccess: '--plasma-date-picker_range-background-success',
|
12
|
+
backgroundReadOnly: '--plasma-date-picker_range-background-readonly',
|
13
|
+
borderRadius: '--plasma-date-picker_range-border-radius',
|
14
|
+
borderWidth: '--plasma-date-picker_range-border-width',
|
15
|
+
borderColor: '--plasma-date-picker_range-border-color',
|
16
|
+
borderColorHover: '--plasma-date-picker_range-border-color-hover',
|
17
|
+
borderColorFocus: '--plasma-date-picker_range-border-color-focus',
|
18
|
+
borderColorError: '--plasma-date-picker_range-border-color-error',
|
19
|
+
borderColorSuccess: '--plasma-date-picker_range-border-color-success',
|
20
|
+
borderColorReadOnly: '--plasma-date-picker_range-border-color-readonly',
|
21
|
+
/** Токены разделителя */
|
22
|
+
dividerColor: '--plasma-date-picker_range__divider-color',
|
23
|
+
dividerColorReadOnly: '--plasma-date-picker_range__divider-color-readonly',
|
24
|
+
dividerPadding: '--plasma-date-picker_range__divider-padding',
|
25
|
+
dividerFontFamily: '--plasma-date-picker_range__divider-font-family',
|
26
|
+
dividerFontStyle: '--plasma-date-picker_range__divider-font-style',
|
27
|
+
dividerFontSize: '--plasma-date-picker_range__divider-font-size',
|
28
|
+
dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
|
29
|
+
dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
|
30
|
+
dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
|
31
|
+
/** Токены слотов для контента в рендже */
|
32
|
+
leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
33
|
+
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
34
|
+
/** Токены лейбла */
|
35
|
+
labelColor: '--plasma-date-picker__label-color',
|
36
|
+
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
37
|
+
labelOffset: '--plasma-date-picker__label-offset',
|
38
|
+
labelFontFamily: '--plasma-date-picker__label-font-family',
|
39
|
+
labelFontStyle: '--plasma-date-picker__label-font-style',
|
40
|
+
labelFontSize: '--plasma-date-picker__label-font-size',
|
41
|
+
labelFontWeight: '--plasma-date-picker__label-font-weight',
|
42
|
+
labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
|
43
|
+
labelLineHeight: '--plasma-date-picker__label-line-height',
|
44
|
+
/** Токены вспомогательного текста */
|
45
|
+
leftHelperColor: '--plasma-date-picker__left-helper-color',
|
46
|
+
leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
|
47
|
+
leftHelperOffset: '--plasma-date-picker__left-helper-offset',
|
48
|
+
leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family',
|
49
|
+
leftHelperFontStyle: '--plasma-date-picker__left-helper-font-style',
|
50
|
+
leftHelperFontSize: '--plasma-date-picker__left-helper-font-size',
|
51
|
+
leftHelperFontWeight: '--plasma-date-picker__left-helper-font-weight',
|
52
|
+
leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
|
53
|
+
leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
|
54
|
+
/** Прозрачность для всего компонента в состоянии disabled */
|
55
|
+
disabledOpacity: '--plasma-date-picker-disabled-opacity',
|
56
|
+
/** Цвет обводки поля ввода при фокусе */
|
57
|
+
focusColor: '--plasma-date-picker-focus-color',
|
58
|
+
/** Токены полей ввода */
|
59
|
+
textFieldColor: '--plasma-date-picker-textfield-color',
|
60
|
+
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
61
|
+
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
62
|
+
textFieldCaretColor: '--plasma-date-picker-textfield-caret-color',
|
63
|
+
textFieldBackgroundColor: '--plasma-date-picker-textfield-background-color',
|
64
|
+
textFieldBackgroundColorHover: '--plasma-date-picker-textfield-background-color-hover',
|
65
|
+
textFieldBackgroundColorFocus: '--plasma-date-picker-textfield-background-color-focus',
|
66
|
+
textFieldBackgroundErrorColor: '--plasma-date-picker-textfield-background-color-error',
|
67
|
+
textFieldBackgroundErrorColorHover: '--plasma-date-picker-textfield-background-color-error-hover',
|
68
|
+
textFieldBackgroundErrorColorFocus: '--plasma-date-picker-textfield-background-color-error-focus',
|
69
|
+
textFieldBackgroundSuccessColor: '--plasma-date-picker-textfield-background-color-success',
|
70
|
+
textFieldBackgroundSuccessColorHover: '--plasma-date-picker-textfield-background-color-success-hover',
|
71
|
+
textFieldBackgroundSuccessColorFocus: '--plasma-date-picker-textfield-background-color-success-focus',
|
72
|
+
textFieldBorderColor: '--plasma-date-picker-textfield-border-color',
|
73
|
+
textFieldBorderColorHover: '--plasma-date-picker-textfield-border-color-hover',
|
74
|
+
textFieldBorderColorFocus: '--plasma-date-picker-textfield-border-color-focus',
|
75
|
+
textFieldBorderColorError: '--plasma-date-picker-textfield-border-color-error',
|
76
|
+
textFieldBorderColorErrorHover: '--plasma-date-picker-textfield-border-color-error-hover',
|
77
|
+
textFieldBorderColorErrorFocus: '--plasma-date-picker-textfield-border-color-error-focus',
|
78
|
+
textFieldBorderColorSuccess: '--plasma-date-picker-textfield-border-color-success',
|
79
|
+
textFieldBorderColorSuccessHover: '--plasma-date-picker-textfield-border-color-success-hover',
|
80
|
+
textFieldBorderColorSuccessFocus: '--plasma-date-picker-textfield-border-color-success-focus',
|
81
|
+
textFieldColorReadOnly: '--plasma-date-picker-textfield-color-readonly',
|
82
|
+
textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly',
|
83
|
+
textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly',
|
84
|
+
textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly',
|
85
|
+
textFieldHeight: '--plasma-date-picker-textfield-height',
|
86
|
+
textFieldBorderWidth: '--plasma-date-picker-textfield-border-width',
|
87
|
+
textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius',
|
88
|
+
textFieldPadding: '--plasma-date-picker-textfield-padding',
|
89
|
+
textFieldLeftContentMargin: '--plasma-date-picker-textfield__left-content-margin',
|
90
|
+
textFieldRightContentMargin: '--plasma-date-picker-textfield__right-content-margin',
|
91
|
+
textFieldFontFamily: '--plasma-date-picker-textfield-font-family',
|
92
|
+
textFieldFontStyle: '--plasma-date-picker-textfield-font-style',
|
93
|
+
textFieldFontSize: '--plasma-date-picker-textfield-font-size',
|
94
|
+
textFieldFontWeight: '--plasma-date-picker-textfield-font-weight',
|
95
|
+
textFieldLetterSpacing: '--plasma-date-picker-textfield-letter-spacing',
|
96
|
+
textFieldLineHeight: '--plasma-date-picker-textfield-line-height',
|
97
|
+
textFieldTextBeforeColor: '--plasma-date-picker-textfield__before-text-color',
|
98
|
+
textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
|
99
|
+
textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
|
100
|
+
textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
|
101
|
+
/** Токены календаря */
|
102
|
+
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
103
|
+
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
104
|
+
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
105
|
+
calendarWidth: '--plasma-date-picker-calendar-width',
|
106
|
+
calendarHeight: '--plasma-date-picker-calendar-height',
|
107
|
+
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
108
|
+
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
109
|
+
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
110
|
+
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
111
|
+
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
112
|
+
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
113
|
+
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
114
|
+
calendarYearFontLetterSpacing: '--plasma-date-picker-calendar__year-letter-spacing',
|
115
|
+
calendarYearFontLineHeight: '--plasma-date-picker-calendar__year-line-height',
|
116
|
+
calendarYearFontWeight: '--plasma-date-picker-calendar__year-font-weight',
|
117
|
+
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
118
|
+
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
119
|
+
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
120
|
+
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
121
|
+
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
122
|
+
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
123
|
+
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
124
|
+
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
125
|
+
calendarMonthFontLetterSpacing: '--plasma-date-picker-calendar__month-letter-spacing',
|
126
|
+
calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
|
127
|
+
calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
|
128
|
+
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
129
|
+
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
130
|
+
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
131
|
+
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
132
|
+
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
133
|
+
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
134
|
+
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
135
|
+
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|
136
|
+
calendarDayFontLetterSpacing: '--plasma-date-picker-calendar__day-letter-spacing',
|
137
|
+
calendarDayFontLineHeight: '--plasma-date-picker-calendar__day-line-height',
|
138
|
+
calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
|
139
|
+
calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
|
140
|
+
calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
|
141
|
+
calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
|
142
|
+
calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
|
143
|
+
calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
|
144
|
+
calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
|
145
|
+
calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
|
146
|
+
calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
|
147
|
+
calendarHeaderFontSize: '--plasma-date-picker-calendar__header-font-size',
|
148
|
+
calendarHeaderFontStyle: '--plasma-date-picker-calendar__header-font-style',
|
149
|
+
calendarHeaderFontLetterSpacing: '--plasma-date-picker-calendar__header-letter-spacing',
|
150
|
+
calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
|
151
|
+
calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
|
152
|
+
calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
|
153
|
+
iconButtonColor: '--plasma-date-picker-icon-button__color',
|
154
|
+
iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
|
155
|
+
iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
|
156
|
+
iconButtonBackgroundColorHover: '--plasma-date-picker-icon-button__background-color-hover',
|
157
|
+
iconButtonColorActive: '--plasma-date-picker-icon-button__color-active',
|
158
|
+
iconButtonBackgroundColorActive: '--plasma-date-picker-icon-button__background-color-active',
|
159
|
+
iconButtonHeight: '--plasma-date-picker-icon-button__height',
|
160
|
+
iconButtonWidth: '--plasma-date-picker-icon-button__width',
|
161
|
+
iconButtonPadding: '--plasma-date-picker-icon-button__padding',
|
162
|
+
iconButtonRadius: '--plasma-date-picker-icon-button__radius',
|
163
|
+
iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
|
164
|
+
calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
|
165
|
+
calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
|
166
|
+
calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
|
167
|
+
calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
|
168
|
+
calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
|
169
|
+
calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
|
170
|
+
calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
|
171
|
+
calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',
|
172
|
+
calendarActiveItemBackground: '--plasma-date-picker-calendar__active-item-background',
|
173
|
+
calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color',
|
174
|
+
calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background',
|
175
|
+
calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color',
|
176
|
+
calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background',
|
177
|
+
calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
|
178
|
+
calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
|
179
|
+
calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
|
180
|
+
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color'
|
181
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { calendarBaseConfig, calendarBaseTokens } from '../Calendar';
|
3
|
+
import { component, mergeConfig } from '../../engines';
|
4
|
+
import { tokens } from './DatePicker.tokens';
|
5
|
+
var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
|
6
|
+
var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
|
7
|
+
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
8
|
+
|
9
|
+
// NOTE: переопределение токенов Calendar
|
10
|
+
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
12
|
+
})(["", ""], baseCalendarTokens);
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|