@salutejs/plasma-new-hope 0.92.0-canary.1261.9663085538.0 → 0.93.0-canary.1224.9665090614.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_fznpy7.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_wmlwil.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_f2aje6.css +4 -0
- package/cjs/components/Calendar/utils/index.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +2 -2
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +189 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -0
- package/cjs/components/DatePicker/DatePickerBase.styles.js +30 -0
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -0
- package/cjs/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +152 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +285 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +51 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +83 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +42 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +134 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +183 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +51 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +9 -0
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
- package/cjs/components/DatePicker/hooks/useDatePicker.js +79 -0
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -0
- package/cjs/components/DatePicker/utils/dateHelper.js +84 -0
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -0
- package/cjs/components/Dropdown/Dropdown.js +4 -2
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/utils/index.js +0 -17
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Range/Range.css +6 -6
- package/cjs/components/Range/Range.js +17 -2
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_9rort8.css +8 -0
- package/cjs/components/Select/Select.js +2 -2
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Slider/Slider.css +3 -3
- package/cjs/components/Slider/components/Double/Double.css +3 -3
- package/cjs/components/TextField/TextField.tokens.js +1 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_orwx1f.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base_18ea6z7.css +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +23 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +23 -0
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
- package/cjs/index.css +71 -38
- package/cjs/index.js +12 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/datejs.js +12 -0
- package/cjs/utils/datejs.js.map +1 -0
- package/cjs/utils/getPopoverPlacement.js +23 -0
- package/cjs/utils/getPopoverPlacement.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Calendar/Calendar.tokens.js +67 -28
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +57 -29
- package/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/{CalendarBase.styles_rv9ax9.css → CalendarBase.styles_1m6uih1.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +58 -30
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css} +2 -2
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/hooks/useDays.js +1 -1
- package/es/components/Calendar/hooks/useDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.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_wmlwil.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_f2aje6.css +4 -0
- package/es/components/Calendar/utils/index.js.map +1 -1
- package/es/components/Combobox/Combobox.js +1 -1
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +184 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -0
- package/es/components/DatePicker/DatePickerBase.styles.js +26 -0
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -0
- package/es/components/DatePicker/DatePickerBase.styles_1thp2xv.css +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +152 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +280 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +43 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +5 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +144 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +79 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/es/components/DatePicker/RangeDate/variations/_disabled/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +134 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js +178 -0
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +43 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -0
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +5 -0
- package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +1 -0
- package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +1 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +1 -0
- package/es/components/DatePicker/SingleDate/variations/_view/base.js +5 -0
- package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +1 -0
- package/es/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +1 -0
- package/es/components/DatePicker/hooks/useDatePicker.js +75 -0
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -0
- package/es/components/DatePicker/utils/dateHelper.js +76 -0
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -0
- package/es/components/Dropdown/Dropdown.js +4 -2
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/utils/index.js +1 -16
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Range/Range.css +6 -6
- package/es/components/Range/Range.js +18 -3
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_9rort8.css +8 -0
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Slider/Slider.css +3 -3
- package/es/components/Slider/components/Double/Double.css +3 -3
- package/es/components/TextField/TextField.tokens.js +1 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base_1vu13zn.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_orwx1f.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base_18ea6z7.css +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +19 -0
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js +19 -0
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
- package/es/index.css +71 -38
- package/es/index.js +4 -0
- package/es/index.js.map +1 -1
- package/es/utils/datejs.js +8 -0
- package/es/utils/datejs.js.map +1 -0
- package/es/utils/getPopoverPlacement.js +18 -0
- package/es/utils/getPopoverPlacement.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +67 -28
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +6 -0
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +6 -0
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
- package/styled-components/cjs/components/Calendar/mixins/active.js +12 -0
- package/styled-components/cjs/components/Calendar/mixins/flex.js +8 -0
- package/styled-components/cjs/components/Calendar/mixins/index.js +30 -29
- package/styled-components/cjs/components/Calendar/mixins/selected.js +24 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +27 -20
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +30 -16
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +26 -12
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +26 -14
- package/styled-components/cjs/components/Combobox/Combobox.js +6 -7
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +187 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +293 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +33 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +81 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +26 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +190 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +33 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
- package/styled-components/cjs/components/DatePicker/index.js +44 -0
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +3 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
- package/styled-components/cjs/components/Range/Range.js +17 -2
- package/styled-components/cjs/components/Range/Range.styles.js +3 -2
- package/styled-components/cjs/components/Select/Select.js +7 -8
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +22 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +7 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +31 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +13 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +31 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +13 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/datejs.js +11 -0
- package/styled-components/cjs/utils/getPopoverPlacement.js +21 -0
- package/styled-components/cjs/utils/index.js +22 -0
- package/styled-components/es/components/Calendar/Calendar.tokens.js +67 -28
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +7 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -1
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +7 -1
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
- package/styled-components/es/components/Calendar/mixins/active.js +6 -0
- package/styled-components/es/components/Calendar/mixins/flex.js +2 -0
- package/styled-components/es/components/Calendar/mixins/index.js +3 -27
- package/styled-components/es/components/Calendar/mixins/selected.js +18 -0
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -19
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +32 -18
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +29 -11
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +25 -11
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +25 -13
- package/styled-components/es/components/Combobox/Combobox.js +1 -2
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +181 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.types.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +284 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +25 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.types.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +74 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +4 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +181 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +25 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.types.js +1 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +4 -0
- package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +71 -0
- package/styled-components/es/components/DatePicker/index.js +3 -0
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +72 -0
- package/styled-components/es/components/Dropdown/Dropdown.js +4 -3
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/es/components/Dropdown/utils/index.js +0 -15
- package/styled-components/es/components/Range/Range.js +18 -3
- package/styled-components/es/components/Range/Range.styles.js +3 -2
- package/styled-components/es/components/Select/Select.js +1 -2
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownFill.js +15 -0
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +5 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownFill.js +15 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +25 -0
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +7 -0
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +25 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +7 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +257 -0
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +24 -6
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +5 -2
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +5 -2
- package/styled-components/es/index.js +2 -1
- package/styled-components/es/utils/datejs.js +4 -0
- package/styled-components/es/utils/getPopoverPlacement.js +15 -0
- package/styled-components/es/utils/index.js +1 -0
- package/types/components/Accordion/utils/index.d.ts +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +60 -26
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +1 -1
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +27 -3
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +30 -3
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
- package/types/components/Calendar/mixins/active.d.ts +17 -0
- package/types/components/Calendar/mixins/active.d.ts.map +1 -0
- package/types/components/Calendar/mixins/flex.d.ts +3 -0
- package/types/components/Calendar/mixins/flex.d.ts.map +1 -0
- package/types/components/Calendar/mixins/index.d.ts +3 -8
- package/types/components/Calendar/mixins/index.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts +40 -0
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -0
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +47 -7
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -0
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/utils/index.d.ts +1 -1
- package/types/components/Calendar/utils/index.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +182 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -0
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +8 -0
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts +37 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +110 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +115 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +76 -0
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +29 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +31 -0
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +45 -0
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +120 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +2 -0
- package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +1 -0
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +10 -0
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -0
- package/types/components/DatePicker/index.d.ts +6 -0
- package/types/components/DatePicker/index.d.ts.map +1 -0
- package/types/components/DatePicker/utils/dateHelper.d.ts +10 -0
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -0
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +1 -3
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts +3 -3
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +8 -3
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Range/index.d.ts +1 -1
- package/types/components/Range/index.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +15 -4
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts +24 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +75 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +15 -4
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts +24 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +75 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts +3 -3
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +15 -4
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +3 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +3 -0
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/datejs.d.ts +3 -0
- package/types/utils/datejs.d.ts.map +1 -0
- package/types/utils/getPopoverPlacement.d.ts +5 -0
- package/types/utils/getPopoverPlacement.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Calendar/mixins/index.js +0 -18
- package/cjs/components/Calendar/mixins/index.js.map +0 -1
- package/cjs/components/Calendar/mixins/index_o3bz9l.css +0 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
- package/cjs/components/Range/Range.styles_mc4w65.css +0 -8
- package/cjs/components/TextField/variations/_read-only/base_134hshp.css +0 -1
- package/cjs/components/TextField/variations/_size/base_ntoddv.css +0 -1
- package/cjs/components/TextField/variations/_view/base_19gxyva.css +0 -1
- package/es/components/Calendar/mixins/index.js +0 -14
- package/es/components/Calendar/mixins/index.js.map +0 -1
- package/es/components/Calendar/mixins/index_o3bz9l.css +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +0 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +0 -6
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +0 -4
- package/es/components/Range/Range.styles_mc4w65.css +0 -8
- package/es/components/TextField/variations/_read-only/base_134hshp.css +0 -1
- package/es/components/TextField/variations/_size/base_ntoddv.css +0 -1
- package/es/components/TextField/variations/_view/base_19gxyva.css +0 -1
package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js
CHANGED
@@ -5,25 +5,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.StyledMonthRoot = exports.StyledMonth = exports.StyledFlex = exports.StyledCalendarMonths = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
8
|
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
10
|
-
var
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
var _mixins2 = /*#__PURE__*/require("../../mixins");
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
12
|
var StyledCalendarMonths = exports.StyledCalendarMonths = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
13
13
|
componentId: "plasma-new-hope__sc-mx5ps9-0"
|
14
|
-
})(["padding:
|
14
|
+
})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarMonthsPadding);
|
15
15
|
var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
16
|
componentId: "plasma-new-hope__sc-mx5ps9-1"
|
17
|
-
})(["", ";"], /*#__PURE__*/String(
|
17
|
+
})(["", ";"], /*#__PURE__*/String(_mixins2.flexCenter));
|
18
18
|
var StyledMonth = exports.StyledMonth = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-mx5ps9-2"
|
20
|
-
})(["border-radius:0.
|
21
|
-
var selectable = /*#__PURE__*/"\n ".concat((0, _mixins2.addFocus)({
|
22
|
-
outlineSize: '0.063rem',
|
23
|
-
outlineOffset: '-0.063rem',
|
24
|
-
outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
25
|
-
outlineRadius: '0.563rem'
|
26
|
-
}), ";\n\n --calendar_private-selected-min-width: 5.25rem;\n --calendar_private-selected-min-height: 3.25rem;\n --calendar_private-selected-background: var(").concat(_Calendar.tokens.calendarSelectedItemBackground, ");\n --calendar_private-selected-color: var(").concat(_Calendar.tokens.calendarSelectedItemColor, ");\n --calendar_private-selectable-background-hover: var(").concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ");\n --calendar_private-current-border-color: var(").concat(_Calendar.tokens.calendarCurrentItemBorderColor, ");\n --calendar_private-current-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemBackgroundHover, ");\n --calendar_private-current-color-hover: var(").concat(_Calendar.tokens.calendarCurrentItemColorHover, ");\n --calendar_private-current-child-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemChildBackgroundHover, ");\n --calendar_private-active-background: var(").concat(_Calendar.tokens.calendarActiveItemBackground, ");\n --calendar_private-active-color-hover: var(").concat(_Calendar.tokens.calendarActiveItemColor, ");\n --calendar_private-hovered-background: var(").concat(_Calendar.tokens.calendarHoveredItemBackground, ");\n --calendar_private-hovered-color: var(").concat(_Calendar.tokens.calendarHoveredItemColor, ");\n\n ").concat( /*#__PURE__*/String(_mixins.selectedMixin), ";\n");
|
20
|
+
})(["border-radius:calc(var(", ") - 0.125rem);", ";"], _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter));
|
27
21
|
var StyledMonthRoot = exports.StyledMonthRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
28
22
|
componentId: "plasma-new-hope__sc-mx5ps9-3"
|
29
|
-
})(["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:
|
23
|
+
})(["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(", ");", ";", ";", ";&.", "{", ";}"], _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
|
24
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemWidth, ") - 0.25rem)"),
|
25
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemHeight, ") - 0.25rem)"),
|
26
|
+
selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarMonthSelectedFontWeight, ")"),
|
27
|
+
selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
|
28
|
+
selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
|
29
|
+
selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
|
30
|
+
currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
|
31
|
+
activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
|
32
|
+
activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
|
33
|
+
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
34
|
+
outlineSize: '0.063rem',
|
35
|
+
outlineOffset: '-0.125rem',
|
36
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
37
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") + 0.125rem)")
|
38
|
+
}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
|
39
|
+
outlineSize: '0.063rem',
|
40
|
+
outlineOffset: '-0.1875rem',
|
41
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
42
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarMonthItemBorderRadius, ") - 0.125rem)")
|
43
|
+
}));
|
@@ -67,7 +67,7 @@ var CalendarYears = exports.CalendarYears = function CalendarYears(_ref) {
|
|
67
67
|
isSelected = _ref2.isSelected,
|
68
68
|
isCurrent = _ref2.isCurrent;
|
69
69
|
var selectedClass = isSelected ? _Calendar.classes.selectedItem : undefined;
|
70
|
-
var currentClass =
|
70
|
+
var currentClass = isCurrent ? _Calendar.classes.currentItem : undefined;
|
71
71
|
return /*#__PURE__*/_react["default"].createElement(_CalendarYears.StyledYearRoot, {
|
72
72
|
className: (0, _utils.cx)(selectedClass, currentClass, _Calendar.classes.selectableItem),
|
73
73
|
ref: function ref(element) {
|
@@ -5,27 +5,39 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.StyledYearRoot = exports.StyledYear = exports.StyledFlex = exports.StyledCalendarYears = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
9
8
|
var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
|
10
|
-
var
|
9
|
+
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
10
|
+
var _mixins2 = /*#__PURE__*/require("../../mixins");
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
12
|
var StyledCalendarYears = exports.StyledCalendarYears = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
13
13
|
componentId: "plasma-new-hope__sc-153qwc7-0"
|
14
|
-
})(["padding:
|
14
|
+
})(["padding:var(", ");box-sizing:border-box;"], _Calendar.tokens.calendarYearsPadding);
|
15
15
|
var StyledFlex = exports.StyledFlex = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
16
|
componentId: "plasma-new-hope__sc-153qwc7-1"
|
17
|
-
})(["", ";"], /*#__PURE__*/String(
|
17
|
+
})(["", ";"], /*#__PURE__*/String(_mixins2.flexCenter));
|
18
18
|
var StyledYear = exports.StyledYear = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-153qwc7-2"
|
20
|
-
})(["border-radius:0.
|
21
|
-
var selectable = function selectable() {
|
22
|
-
return "\n ".concat((0, _mixins2.addFocus)({
|
23
|
-
outlineSize: '0.063rem',
|
24
|
-
outlineOffset: '-0.063rem',
|
25
|
-
outlineColor: "var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
26
|
-
outlineRadius: '0.563rem'
|
27
|
-
}), ";\n\n --calendar_private-selected-min-width: 5.25rem;\n --calendar_private-selected-min-height: 3.25rem;\n --calendar_private-selected-background: var(").concat(_Calendar.tokens.calendarSelectedItemBackground, ");\n --calendar_private-selected-color: var(").concat(_Calendar.tokens.calendarSelectedItemColor, ");\n --calendar_private-selectable-background-hover: var(").concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ");\n --calendar_private-current-border-color: var(").concat(_Calendar.tokens.calendarCurrentItemBorderColor, ");\n --calendar_private-current-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemBackgroundHover, ");\n --calendar_private-current-color-hover: var(").concat(_Calendar.tokens.calendarCurrentItemColorHover, ");\n --calendar_private-current-child-background-hover: var(").concat(_Calendar.tokens.calendarCurrentItemChildBackgroundHover, ");\n --calendar_private-active-background: var(").concat(_Calendar.tokens.calendarActiveItemBackground, ");\n --calendar_private-active-color: var(").concat(_Calendar.tokens.calendarActiveItemColor, ");\n --calendar_private-hovered-background: var(").concat(_Calendar.tokens.calendarHoveredItemBackground, ");\n --calendar_private-hovered-color: var(").concat(_Calendar.tokens.calendarHoveredItemColor, ");\n \n ").concat(String(_mixins.selectedMixin), ";\n");
|
28
|
-
};
|
20
|
+
})(["border-radius:calc(var(", ") - 0.125rem);", ";"], _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter));
|
29
21
|
var StyledYearRoot = exports.StyledYearRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
30
22
|
componentId: "plasma-new-hope__sc-153qwc7-3"
|
31
|
-
})(["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:
|
23
|
+
})(["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(", ");", ";", ";", ";&.", "{", ";}"], _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemBorderRadius, /*#__PURE__*/String(_mixins2.flexCenter), /*#__PURE__*/(0, _mixins2.addSelected)({
|
24
|
+
minWidth: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemWidth, ") - 0.25rem)"),
|
25
|
+
minHeight: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemHeight, ") - 0.25rem)"),
|
26
|
+
selectedFontWeight: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarYearSelectedFontWeight, ")"),
|
27
|
+
selectedBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemBackground, ")"),
|
28
|
+
selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
|
29
|
+
selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
|
30
|
+
currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
|
31
|
+
activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
|
32
|
+
activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
|
33
|
+
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
34
|
+
outlineSize: '0.063rem',
|
35
|
+
outlineOffset: '-0.125rem',
|
36
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
37
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ") + 0.125rem)")
|
38
|
+
}), _Calendar.classes.currentItem, /*#__PURE__*/(0, _mixins.addFocus)({
|
39
|
+
outlineSize: '0.063rem',
|
40
|
+
outlineOffset: '-0.1875rem',
|
41
|
+
outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
|
42
|
+
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Calendar.tokens.calendarYearItemBorderRadius, ") - 0.125rem)")
|
43
|
+
}));
|
@@ -8,8 +8,7 @@ exports.comboboxRoot = exports.comboboxConfig = void 0;
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
10
|
var _utils = /*#__PURE__*/require("../../utils");
|
11
|
-
var _utils2 = /*#__PURE__*/require("../
|
12
|
-
var _utils3 = /*#__PURE__*/require("../Select/utils");
|
11
|
+
var _utils2 = /*#__PURE__*/require("../Select/utils");
|
13
12
|
var _hooks = /*#__PURE__*/require("../Select/hooks");
|
14
13
|
var _hooks2 = /*#__PURE__*/require("../../hooks");
|
15
14
|
var _base = /*#__PURE__*/require("./variations/_view/base");
|
@@ -138,11 +137,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
138
137
|
var newValue = item.dataset.value;
|
139
138
|
if (rest.valueType === 'multiple') {
|
140
139
|
var _rest$onChangeValue;
|
141
|
-
var _newSelected = (0,
|
140
|
+
var _newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, rest.valueType);
|
142
141
|
(_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
|
143
142
|
return;
|
144
143
|
}
|
145
|
-
var newSelected = (0,
|
144
|
+
var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, 'single');
|
146
145
|
(_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
|
147
146
|
onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
|
148
147
|
closedWithoutChanges.current = false;
|
@@ -174,11 +173,11 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
174
173
|
onKeyDownTarget = _useKeyNavigation.onKeyDownTarget,
|
175
174
|
onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
|
176
175
|
var childrenArray = _react.Children.toArray(children);
|
177
|
-
var childrenMemo = (0,
|
176
|
+
var childrenMemo = (0, _utils2.getChildren)(childrenArray, {
|
178
177
|
onClick: onClickChildrenItem,
|
179
178
|
childrenRefs: itemsRefs
|
180
179
|
}, value, filterValue, filterFunction).filter(Boolean);
|
181
|
-
var values = (0,
|
180
|
+
var values = (0, _utils2.getValues)(childrenArray, value);
|
182
181
|
var onSearch = function onSearch(newSearch, newOpened) {
|
183
182
|
setSearch(newSearch);
|
184
183
|
setFilterValue(newSearch);
|
@@ -227,7 +226,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
|
|
227
226
|
,
|
228
227
|
id: innerId,
|
229
228
|
offset: offset,
|
230
|
-
placement: (0,
|
229
|
+
placement: (0, _utils.getPlacements)(placement),
|
231
230
|
usePortal: usePortal,
|
232
231
|
selectWidth: dynamicTargetWidth,
|
233
232
|
frame: frame,
|
@@ -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,187 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tokens = exports.classes = void 0;
|
7
|
+
var classes = exports.classes = {
|
8
|
+
datePickerError: 'date-picker-error',
|
9
|
+
datePickerSuccess: 'date-picker-success',
|
10
|
+
datePickerRoot: 'date-picker-root'
|
11
|
+
};
|
12
|
+
var tokens = exports.tokens = {
|
13
|
+
width: '--plasma-date-picker-width',
|
14
|
+
/** Токены полей ввода в рендже */
|
15
|
+
background: '--plasma-date-picker_range-background',
|
16
|
+
backgroundError: '--plasma-date-picker_range-background-error',
|
17
|
+
backgroundSuccess: '--plasma-date-picker_range-background-success',
|
18
|
+
backgroundReadOnly: '--plasma-date-picker_range-background-readonly',
|
19
|
+
borderRadius: '--plasma-date-picker_range-border-radius',
|
20
|
+
borderWidth: '--plasma-date-picker_range-border-width',
|
21
|
+
borderColor: '--plasma-date-picker_range-border-color',
|
22
|
+
borderColorHover: '--plasma-date-picker_range-border-color-hover',
|
23
|
+
borderColorFocus: '--plasma-date-picker_range-border-color-focus',
|
24
|
+
borderColorError: '--plasma-date-picker_range-border-color-error',
|
25
|
+
borderColorSuccess: '--plasma-date-picker_range-border-color-success',
|
26
|
+
borderColorReadOnly: '--plasma-date-picker_range-border-color-readonly',
|
27
|
+
/** Токены разделителя */
|
28
|
+
dividerColor: '--plasma-date-picker_range__divider-color',
|
29
|
+
dividerColorReadOnly: '--plasma-date-picker_range__divider-color-readonly',
|
30
|
+
dividerPadding: '--plasma-date-picker_range__divider-padding',
|
31
|
+
dividerFontFamily: '--plasma-date-picker_range__divider-font-family',
|
32
|
+
dividerFontStyle: '--plasma-date-picker_range__divider-font-style',
|
33
|
+
dividerFontSize: '--plasma-date-picker_range__divider-font-size',
|
34
|
+
dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
|
35
|
+
dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
|
36
|
+
dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
|
37
|
+
/** Токены слотов для контента в рендже */
|
38
|
+
leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
39
|
+
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
40
|
+
/** Токены лейбла */
|
41
|
+
labelColor: '--plasma-date-picker__label-color',
|
42
|
+
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
43
|
+
labelOffset: '--plasma-date-picker__label-offset',
|
44
|
+
labelFontFamily: '--plasma-date-picker__label-font-family',
|
45
|
+
labelFontStyle: '--plasma-date-picker__label-font-style',
|
46
|
+
labelFontSize: '--plasma-date-picker__label-font-size',
|
47
|
+
labelFontWeight: '--plasma-date-picker__label-font-weight',
|
48
|
+
labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
|
49
|
+
labelLineHeight: '--plasma-date-picker__label-line-height',
|
50
|
+
/** Токены вспомогательного текста */
|
51
|
+
leftHelperColor: '--plasma-date-picker__left-helper-color',
|
52
|
+
leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
|
53
|
+
leftHelperOffset: '--plasma-date-picker__left-helper-offset',
|
54
|
+
leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family',
|
55
|
+
leftHelperFontStyle: '--plasma-date-picker__left-helper-font-style',
|
56
|
+
leftHelperFontSize: '--plasma-date-picker__left-helper-font-size',
|
57
|
+
leftHelperFontWeight: '--plasma-date-picker__left-helper-font-weight',
|
58
|
+
leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
|
59
|
+
leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
|
60
|
+
/** Прозрачность для всего компонента в состоянии disabled */
|
61
|
+
disabledOpacity: '--plasma-date-picker-disabled-opacity',
|
62
|
+
/** Цвет обводки поля ввода при фокусе */
|
63
|
+
focusColor: '--plasma-date-picker-focus-color',
|
64
|
+
/** Токены полей ввода */
|
65
|
+
textFieldColor: '--plasma-date-picker-textfield-color',
|
66
|
+
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
67
|
+
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
68
|
+
textFieldCaretColor: '--plasma-date-picker-textfield-caret-color',
|
69
|
+
textFieldBackgroundColor: '--plasma-date-picker-textfield-background-color',
|
70
|
+
textFieldBackgroundColorHover: '--plasma-date-picker-textfield-background-color-hover',
|
71
|
+
textFieldBackgroundColorFocus: '--plasma-date-picker-textfield-background-color-focus',
|
72
|
+
textFieldBackgroundErrorColor: '--plasma-date-picker-textfield-background-color-error',
|
73
|
+
textFieldBackgroundErrorColorHover: '--plasma-date-picker-textfield-background-color-error-hover',
|
74
|
+
textFieldBackgroundErrorColorFocus: '--plasma-date-picker-textfield-background-color-error-focus',
|
75
|
+
textFieldBackgroundSuccessColor: '--plasma-date-picker-textfield-background-color-success',
|
76
|
+
textFieldBackgroundSuccessColorHover: '--plasma-date-picker-textfield-background-color-success-hover',
|
77
|
+
textFieldBackgroundSuccessColorFocus: '--plasma-date-picker-textfield-background-color-success-focus',
|
78
|
+
textFieldBorderColor: '--plasma-date-picker-textfield-border-color',
|
79
|
+
textFieldBorderColorHover: '--plasma-date-picker-textfield-border-color-hover',
|
80
|
+
textFieldBorderColorFocus: '--plasma-date-picker-textfield-border-color-focus',
|
81
|
+
textFieldBorderColorError: '--plasma-date-picker-textfield-border-color-error',
|
82
|
+
textFieldBorderColorErrorHover: '--plasma-date-picker-textfield-border-color-error-hover',
|
83
|
+
textFieldBorderColorErrorFocus: '--plasma-date-picker-textfield-border-color-error-focus',
|
84
|
+
textFieldBorderColorSuccess: '--plasma-date-picker-textfield-border-color-success',
|
85
|
+
textFieldBorderColorSuccessHover: '--plasma-date-picker-textfield-border-color-success-hover',
|
86
|
+
textFieldBorderColorSuccessFocus: '--plasma-date-picker-textfield-border-color-success-focus',
|
87
|
+
textFieldColorReadOnly: '--plasma-date-picker-textfield-color-readonly',
|
88
|
+
textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly',
|
89
|
+
textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly',
|
90
|
+
textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly',
|
91
|
+
textFieldHeight: '--plasma-date-picker-textfield-height',
|
92
|
+
textFieldBorderWidth: '--plasma-date-picker-textfield-border-width',
|
93
|
+
textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius',
|
94
|
+
textFieldPadding: '--plasma-date-picker-textfield-padding',
|
95
|
+
textFieldLeftContentMargin: '--plasma-date-picker-textfield__left-content-margin',
|
96
|
+
textFieldRightContentMargin: '--plasma-date-picker-textfield__right-content-margin',
|
97
|
+
textFieldFontFamily: '--plasma-date-picker-textfield-font-family',
|
98
|
+
textFieldFontStyle: '--plasma-date-picker-textfield-font-style',
|
99
|
+
textFieldFontSize: '--plasma-date-picker-textfield-font-size',
|
100
|
+
textFieldFontWeight: '--plasma-date-picker-textfield-font-weight',
|
101
|
+
textFieldLetterSpacing: '--plasma-date-picker-textfield-letter-spacing',
|
102
|
+
textFieldLineHeight: '--plasma-date-picker-textfield-line-height',
|
103
|
+
textFieldTextBeforeColor: '--plasma-date-picker-textfield__before-text-color',
|
104
|
+
textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
|
105
|
+
textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
|
106
|
+
textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
|
107
|
+
/** Токены календаря */
|
108
|
+
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
109
|
+
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
110
|
+
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
111
|
+
calendarWidth: '--plasma-date-picker-calendar-width',
|
112
|
+
calendarHeight: '--plasma-date-picker-calendar-height',
|
113
|
+
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
114
|
+
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
115
|
+
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
116
|
+
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
117
|
+
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
118
|
+
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
119
|
+
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
120
|
+
calendarYearFontLetterSpacing: '--plasma-date-picker-calendar__year-letter-spacing',
|
121
|
+
calendarYearFontLineHeight: '--plasma-date-picker-calendar__year-line-height',
|
122
|
+
calendarYearFontWeight: '--plasma-date-picker-calendar__year-font-weight',
|
123
|
+
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
124
|
+
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
125
|
+
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
126
|
+
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
127
|
+
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
128
|
+
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
129
|
+
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
130
|
+
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
131
|
+
calendarMonthFontLetterSpacing: '--plasma-date-picker-calendar__month-letter-spacing',
|
132
|
+
calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
|
133
|
+
calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
|
134
|
+
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
135
|
+
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
136
|
+
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
137
|
+
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
138
|
+
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
139
|
+
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
140
|
+
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
141
|
+
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|
142
|
+
calendarDayFontLetterSpacing: '--plasma-date-picker-calendar__day-letter-spacing',
|
143
|
+
calendarDayFontLineHeight: '--plasma-date-picker-calendar__day-line-height',
|
144
|
+
calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
|
145
|
+
calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
|
146
|
+
calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
|
147
|
+
calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
|
148
|
+
calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
|
149
|
+
calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
|
150
|
+
calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
|
151
|
+
calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
|
152
|
+
calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
|
153
|
+
calendarHeaderFontSize: '--plasma-date-picker-calendar__header-font-size',
|
154
|
+
calendarHeaderFontStyle: '--plasma-date-picker-calendar__header-font-style',
|
155
|
+
calendarHeaderFontLetterSpacing: '--plasma-date-picker-calendar__header-letter-spacing',
|
156
|
+
calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
|
157
|
+
calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
|
158
|
+
calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
|
159
|
+
iconButtonColor: '--plasma-date-picker-icon-button__color',
|
160
|
+
iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
|
161
|
+
iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
|
162
|
+
iconButtonBackgroundColorHover: '--plasma-date-picker-icon-button__background-color-hover',
|
163
|
+
iconButtonColorActive: '--plasma-date-picker-icon-button__color-active',
|
164
|
+
iconButtonBackgroundColorActive: '--plasma-date-picker-icon-button__background-color-active',
|
165
|
+
iconButtonHeight: '--plasma-date-picker-icon-button__height',
|
166
|
+
iconButtonWidth: '--plasma-date-picker-icon-button__width',
|
167
|
+
iconButtonPadding: '--plasma-date-picker-icon-button__padding',
|
168
|
+
iconButtonRadius: '--plasma-date-picker-icon-button__radius',
|
169
|
+
iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
|
170
|
+
calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
|
171
|
+
calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
|
172
|
+
calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
|
173
|
+
calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
|
174
|
+
calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
|
175
|
+
calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
|
176
|
+
calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
|
177
|
+
calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',
|
178
|
+
calendarActiveItemBackground: '--plasma-date-picker-calendar__active-item-background',
|
179
|
+
calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color',
|
180
|
+
calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background',
|
181
|
+
calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color',
|
182
|
+
calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background',
|
183
|
+
calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
|
184
|
+
calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
|
185
|
+
calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
|
186
|
+
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color'
|
187
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.baseCalendarTokens = exports.StyledCalendar = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
|
8
|
+
var _Calendar = /*#__PURE__*/require("../Calendar");
|
9
|
+
var _engines = /*#__PURE__*/require("../../engines");
|
10
|
+
var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
12
|
+
var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
|
13
|
+
var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
|
14
|
+
var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
|
15
|
+
|
16
|
+
// NOTE: переопределение токенов Calendar
|
17
|
+
var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({
|
18
|
+
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
19
|
+
})(["", ""], baseCalendarTokens);
|