@salutejs/plasma-new-hope 0.88.0-canary.1223.9505247307.0 → 0.88.0-canary.1224.9504044130.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 +1 -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/cjs/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → 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/DatePicker.css +152 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.js +285 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +51 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles_6cvsgx.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/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
- 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/{Accordion/variations/_view → DatePicker/RangeDate/variations/_readonly}/base.js +2 -2
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.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_c0144z.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_1vly6xz.css +1 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.css +134 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.js +183 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +51 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.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_ayigv4.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_jrds3p.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_163gwfv.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 +2 -1
- package/cjs/components/Dropdown/Dropdown.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/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
- package/cjs/index.css +69 -38
- package/cjs/index.js +12 -8
- 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 +1 -0
- 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/es/components/Calendar/CalendarDouble/{CalendarDouble.styles_1rc2ejs.css → 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/DatePicker.css +152 -0
- package/es/components/DatePicker/RangeDate/DatePicker.js +280 -0
- package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js +43 -0
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/DatePicker.styles_6cvsgx.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/{Accordion/variations/_view → DatePicker/RangeDate/variations/_disabled}/base.js +2 -2
- 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/{Accordion/variations/_size → DatePicker/RangeDate/variations/_readonly}/base.js +2 -2
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.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_c0144z.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_1vly6xz.css +1 -0
- package/es/components/DatePicker/SingleDate/DatePicker.css +134 -0
- package/es/components/DatePicker/SingleDate/DatePicker.js +178 -0
- package/es/components/DatePicker/SingleDate/DatePicker.js.map +1 -0
- package/es/components/DatePicker/SingleDate/DatePicker.styles.js +43 -0
- package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -0
- package/es/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.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_ayigv4.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_jrds3p.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_163gwfv.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 +2 -1
- package/es/components/Dropdown/Dropdown.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/{IconMinus.js → IconDisclosureDownFill.js} +5 -5
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +1 -0
- package/es/index.css +69 -38
- package/es/index.js +4 -3
- 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 +1 -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/RangeDate/DatePicker.js +293 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +33 -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/{Accordion/variations/_view → DatePicker/RangeDate/variations/_disabled}/base.js +2 -1
- 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/DatePicker.js +190 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +33 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.types.js +5 -0
- package/styled-components/cjs/components/{Accordion/variations/_stretching → DatePicker/SingleDate/variations/_disabled}/base.js +2 -1
- 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 +1 -1
- 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/{Minus.js → DisclosureDownFill.js} +5 -4
- 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/{IconMinus.js → IconDisclosureDownFill.js} +4 -4
- package/styled-components/cjs/components/_Icon/index.js +8 -15
- 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 +251 -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 +251 -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 +4 -4
- 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 +1 -0
- 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/RangeDate/DatePicker.js +284 -0
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +25 -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/DatePicker.js +181 -0
- package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +25 -0
- package/styled-components/es/components/DatePicker/SingleDate/DatePicker.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 +2 -2
- 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/{Minus.js → DisclosureDownFill.js} +4 -3
- 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/{IconMinus.js → IconDisclosureDownFill.js} +3 -3
- package/styled-components/es/components/_Icon/index.js +2 -3
- 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 +251 -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 +251 -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 +1 -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/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/DatePicker.d.ts +628 -0
- package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +115 -0
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +76 -0
- package/types/components/DatePicker/RangeDate/DatePicker.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.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -0
- package/types/components/{Accordion/Accordion.styles.d.ts → DatePicker/RangeDate/variations/_view/base.d.ts} +1 -1
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/DatePicker.d.ts +31 -0
- package/types/components/DatePicker/SingleDate/DatePicker.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts +45 -0
- package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -0
- package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +120 -0
- package/types/components/DatePicker/SingleDate/DatePicker.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/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 +5 -1
- 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 -2
- 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/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +7 -2
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +334 -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/{Accordion/Accordion.config.d.ts → DatePicker/DatePicker.config.d.ts} +6 -5
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +334 -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 -1
- 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/Accordion/Accordion.css +0 -1
- package/cjs/components/Accordion/Accordion.js +0 -81
- package/cjs/components/Accordion/Accordion.js.map +0 -1
- package/cjs/components/Accordion/Accordion.styles.js +0 -9
- package/cjs/components/Accordion/Accordion.styles.js.map +0 -1
- package/cjs/components/Accordion/Accordion.styles_rsiff6.css +0 -1
- package/cjs/components/Accordion/Accordion.tokens.js +0 -45
- package/cjs/components/Accordion/Accordion.tokens.js.map +0 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -106
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -63
- package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
- package/cjs/components/Accordion/utils/index.js +0 -30
- package/cjs/components/Accordion/utils/index.js.map +0 -1
- package/cjs/components/Accordion/variations/_size/base.js.map +0 -1
- package/cjs/components/Accordion/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Accordion/variations/_view/base.js.map +0 -1
- package/cjs/components/Accordion/variations/_view/base_x642ct.css +0 -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/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -24
- package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
- package/cjs/components/_Icon/Icon.assets/Minus.js +0 -22
- package/cjs/components/_Icon/Icon.assets/Minus.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -23
- package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconMinus.js.map +0 -1
- package/es/components/Accordion/Accordion.css +0 -1
- package/es/components/Accordion/Accordion.js +0 -76
- package/es/components/Accordion/Accordion.js.map +0 -1
- package/es/components/Accordion/Accordion.styles.js +0 -5
- package/es/components/Accordion/Accordion.styles.js.map +0 -1
- package/es/components/Accordion/Accordion.styles_rsiff6.css +0 -1
- package/es/components/Accordion/Accordion.tokens.js +0 -40
- package/es/components/Accordion/Accordion.tokens.js.map +0 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -102
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
- package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
- package/es/components/Accordion/utils/index.js +0 -25
- package/es/components/Accordion/utils/index.js.map +0 -1
- package/es/components/Accordion/variations/_size/base.js.map +0 -1
- package/es/components/Accordion/variations/_size/base_x642ct.css +0 -1
- package/es/components/Accordion/variations/_view/base.js.map +0 -1
- package/es/components/Accordion/variations/_view/base_x642ct.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/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -20
- package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
- package/es/components/_Icon/Icon.assets/Minus.js +0 -18
- package/es/components/_Icon/Icon.assets/Minus.js.map +0 -1
- package/es/components/_Icon/Icons/IconChevronDownFill.js +0 -19
- package/es/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
- package/es/components/_Icon/Icons/IconMinus.js.map +0 -1
- package/styled-components/cjs/components/Accordion/Accordion.js +0 -90
- package/styled-components/cjs/components/Accordion/Accordion.styles.js +0 -9
- package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -43
- package/styled-components/cjs/components/Accordion/index.js +0 -38
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -112
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
- package/styled-components/cjs/components/Accordion/utils/index.js +0 -27
- package/styled-components/cjs/components/Accordion/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Accordion/variations/_size/tokens.json +0 -6
- package/styled-components/cjs/components/Accordion/variations/_stretching/tokens.json +0 -1
- package/styled-components/cjs/components/Accordion/variations/_view/tokens.json +0 -8
- package/styled-components/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -23
- package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -26
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.js +0 -17
- package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +0 -30
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.js +0 -17
- package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
- package/styled-components/es/components/Accordion/Accordion.js +0 -81
- package/styled-components/es/components/Accordion/Accordion.styles.js +0 -3
- package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -37
- package/styled-components/es/components/Accordion/index.js +0 -3
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -103
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -42
- package/styled-components/es/components/Accordion/utils/index.js +0 -21
- package/styled-components/es/components/Accordion/variations/_size/base.js +0 -2
- package/styled-components/es/components/Accordion/variations/_size/tokens.json +0 -6
- package/styled-components/es/components/Accordion/variations/_stretching/base.js +0 -2
- package/styled-components/es/components/Accordion/variations/_stretching/tokens.json +0 -1
- package/styled-components/es/components/Accordion/variations/_view/base.js +0 -2
- package/styled-components/es/components/Accordion/variations/_view/tokens.json +0 -8
- package/styled-components/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -16
- package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -20
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.js +0 -6
- package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -66
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +0 -24
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.js +0 -6
- package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -65
- package/types/components/Accordion/Accordion.d.ts +0 -43
- package/types/components/Accordion/Accordion.d.ts.map +0 -1
- package/types/components/Accordion/Accordion.styles.d.ts.map +0 -1
- package/types/components/Accordion/Accordion.tokens.d.ts +0 -38
- package/types/components/Accordion/Accordion.tokens.d.ts.map +0 -1
- package/types/components/Accordion/Accordion.types.d.ts +0 -36
- package/types/components/Accordion/Accordion.types.d.ts.map +0 -1
- package/types/components/Accordion/index.d.ts +0 -5
- package/types/components/Accordion/index.d.ts.map +0 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +0 -4
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +0 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +0 -13
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +0 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -51
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +0 -1
- package/types/components/Accordion/utils/index.d.ts +0 -17
- package/types/components/Accordion/utils/index.d.ts.map +0 -1
- package/types/components/Accordion/variations/_size/base.d.ts.map +0 -1
- package/types/components/Accordion/variations/_stretching/base.d.ts.map +0 -1
- package/types/components/Accordion/variations/_view/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/Minus.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/Minus.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconChevronDownFill.d.ts +0 -4
- package/types/components/_Icon/Icons/IconChevronDownFill.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconMinus.d.ts +0 -4
- package/types/components/_Icon/Icons/IconMinus.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +0 -26
- package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +0 -30
- package/types/examples/plasma_web/components/Accordion/Accordion.d.ts.map +0 -1
- /package/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
- /package/es/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
- /package/styled-components/cjs/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
- /package/styled-components/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
- /package/styled-components/es/components/{Accordion/Accordion.types.js → DatePicker/DatePickerBase.types.js} +0 -0
- /package/styled-components/es/components/{Accordion/ui/AccordionItem/AccordionItem.types.js → DatePicker/RangeDate/DatePicker.types.js} +0 -0
- /package/types/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_disabled}/base.d.ts +0 -0
- /package/types/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_readonly}/base.d.ts +0 -0
- /package/types/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_size}/base.d.ts +0 -0
@@ -0,0 +1,181 @@
|
|
1
|
+
export var classes = {
|
2
|
+
datePickerError: 'date-picker-error',
|
3
|
+
datePickerSuccess: 'date-picker-success',
|
4
|
+
datePickerRoot: 'date-picker-root'
|
5
|
+
};
|
6
|
+
export var tokens = {
|
7
|
+
width: '--plasma-date-picker-width',
|
8
|
+
/** Токены полей ввода в рендже */
|
9
|
+
background: '--plasma-date-picker_range-background',
|
10
|
+
backgroundError: '--plasma-date-picker_range-background-error',
|
11
|
+
backgroundSuccess: '--plasma-date-picker_range-background-success',
|
12
|
+
backgroundReadOnly: '--plasma-date-picker_range-background-readonly',
|
13
|
+
borderRadius: '--plasma-date-picker_range-border-radius',
|
14
|
+
borderWidth: '--plasma-date-picker_range-border-width',
|
15
|
+
borderColor: '--plasma-date-picker_range-border-color',
|
16
|
+
borderColorHover: '--plasma-date-picker_range-border-color-hover',
|
17
|
+
borderColorFocus: '--plasma-date-picker_range-border-color-focus',
|
18
|
+
borderColorError: '--plasma-date-picker_range-border-color-error',
|
19
|
+
borderColorSuccess: '--plasma-date-picker_range-border-color-success',
|
20
|
+
borderColorReadOnly: '--plasma-date-picker_range-border-color-readonly',
|
21
|
+
/** Токены разделителя */
|
22
|
+
dividerColor: '--plasma-date-picker_range__divider-color',
|
23
|
+
dividerColorReadOnly: '--plasma-date-picker_range__divider-color-readonly',
|
24
|
+
dividerPadding: '--plasma-date-picker_range__divider-padding',
|
25
|
+
dividerFontFamily: '--plasma-date-picker_range__divider-font-family',
|
26
|
+
dividerFontStyle: '--plasma-date-picker_range__divider-font-style',
|
27
|
+
dividerFontSize: '--plasma-date-picker_range__divider-font-size',
|
28
|
+
dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
|
29
|
+
dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
|
30
|
+
dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
|
31
|
+
/** Токены слотов для контента в рендже */
|
32
|
+
leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
33
|
+
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
34
|
+
/** Токены лейбла */
|
35
|
+
labelColor: '--plasma-date-picker__label-color',
|
36
|
+
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
37
|
+
labelOffset: '--plasma-date-picker__label-offset',
|
38
|
+
labelFontFamily: '--plasma-date-picker__label-font-family',
|
39
|
+
labelFontStyle: '--plasma-date-picker__label-font-style',
|
40
|
+
labelFontSize: '--plasma-date-picker__label-font-size',
|
41
|
+
labelFontWeight: '--plasma-date-picker__label-font-weight',
|
42
|
+
labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
|
43
|
+
labelLineHeight: '--plasma-date-picker__label-line-height',
|
44
|
+
/** Токены вспомогательного текста */
|
45
|
+
leftHelperColor: '--plasma-date-picker__left-helper-color',
|
46
|
+
leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
|
47
|
+
leftHelperOffset: '--plasma-date-picker__left-helper-offset',
|
48
|
+
leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family',
|
49
|
+
leftHelperFontStyle: '--plasma-date-picker__left-helper-font-style',
|
50
|
+
leftHelperFontSize: '--plasma-date-picker__left-helper-font-size',
|
51
|
+
leftHelperFontWeight: '--plasma-date-picker__left-helper-font-weight',
|
52
|
+
leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
|
53
|
+
leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
|
54
|
+
/** Прозрачность для всего компонента в состоянии disabled */
|
55
|
+
disabledOpacity: '--plasma-date-picker-disabled-opacity',
|
56
|
+
/** Цвет обводки поля ввода при фокусе */
|
57
|
+
focusColor: '--plasma-date-picker-focus-color',
|
58
|
+
/** Токены полей ввода */
|
59
|
+
textFieldColor: '--plasma-date-picker-textfield-color',
|
60
|
+
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
61
|
+
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
62
|
+
textFieldCaretColor: '--plasma-date-picker-textfield-caret-color',
|
63
|
+
textFieldBackgroundColor: '--plasma-date-picker-textfield-background-color',
|
64
|
+
textFieldBackgroundColorHover: '--plasma-date-picker-textfield-background-color-hover',
|
65
|
+
textFieldBackgroundColorFocus: '--plasma-date-picker-textfield-background-color-focus',
|
66
|
+
textFieldBackgroundErrorColor: '--plasma-date-picker-textfield-background-color-error',
|
67
|
+
textFieldBackgroundErrorColorHover: '--plasma-date-picker-textfield-background-color-error-hover',
|
68
|
+
textFieldBackgroundErrorColorFocus: '--plasma-date-picker-textfield-background-color-error-focus',
|
69
|
+
textFieldBackgroundSuccessColor: '--plasma-date-picker-textfield-background-color-success',
|
70
|
+
textFieldBackgroundSuccessColorHover: '--plasma-date-picker-textfield-background-color-success-hover',
|
71
|
+
textFieldBackgroundSuccessColorFocus: '--plasma-date-picker-textfield-background-color-success-focus',
|
72
|
+
textFieldBorderColor: '--plasma-date-picker-textfield-border-color',
|
73
|
+
textFieldBorderColorHover: '--plasma-date-picker-textfield-border-color-hover',
|
74
|
+
textFieldBorderColorFocus: '--plasma-date-picker-textfield-border-color-focus',
|
75
|
+
textFieldBorderColorError: '--plasma-date-picker-textfield-border-color-error',
|
76
|
+
textFieldBorderColorErrorHover: '--plasma-date-picker-textfield-border-color-error-hover',
|
77
|
+
textFieldBorderColorErrorFocus: '--plasma-date-picker-textfield-border-color-error-focus',
|
78
|
+
textFieldBorderColorSuccess: '--plasma-date-picker-textfield-border-color-success',
|
79
|
+
textFieldBorderColorSuccessHover: '--plasma-date-picker-textfield-border-color-success-hover',
|
80
|
+
textFieldBorderColorSuccessFocus: '--plasma-date-picker-textfield-border-color-success-focus',
|
81
|
+
textFieldColorReadOnly: '--plasma-date-picker-textfield-color-readonly',
|
82
|
+
textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly',
|
83
|
+
textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly',
|
84
|
+
textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly',
|
85
|
+
textFieldHeight: '--plasma-date-picker-textfield-height',
|
86
|
+
textFieldBorderWidth: '--plasma-date-picker-textfield-border-width',
|
87
|
+
textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius',
|
88
|
+
textFieldPadding: '--plasma-date-picker-textfield-padding',
|
89
|
+
textFieldLeftContentMargin: '--plasma-date-picker-textfield__left-content-margin',
|
90
|
+
textFieldRightContentMargin: '--plasma-date-picker-textfield__right-content-margin',
|
91
|
+
textFieldFontFamily: '--plasma-date-picker-textfield-font-family',
|
92
|
+
textFieldFontStyle: '--plasma-date-picker-textfield-font-style',
|
93
|
+
textFieldFontSize: '--plasma-date-picker-textfield-font-size',
|
94
|
+
textFieldFontWeight: '--plasma-date-picker-textfield-font-weight',
|
95
|
+
textFieldLetterSpacing: '--plasma-date-picker-textfield-letter-spacing',
|
96
|
+
textFieldLineHeight: '--plasma-date-picker-textfield-line-height',
|
97
|
+
textFieldTextBeforeColor: '--plasma-date-picker-textfield__before-text-color',
|
98
|
+
textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
|
99
|
+
textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
|
100
|
+
textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
|
101
|
+
/** Токены календаря */
|
102
|
+
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
103
|
+
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
104
|
+
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
105
|
+
calendarWidth: '--plasma-date-picker-calendar-width',
|
106
|
+
calendarHeight: '--plasma-date-picker-calendar-height',
|
107
|
+
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
108
|
+
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
109
|
+
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
110
|
+
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
111
|
+
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
112
|
+
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
113
|
+
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
114
|
+
calendarYearFontLetterSpacing: '--plasma-date-picker-calendar__year-letter-spacing',
|
115
|
+
calendarYearFontLineHeight: '--plasma-date-picker-calendar__year-line-height',
|
116
|
+
calendarYearFontWeight: '--plasma-date-picker-calendar__year-font-weight',
|
117
|
+
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
118
|
+
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
119
|
+
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
120
|
+
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
121
|
+
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
122
|
+
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
123
|
+
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
124
|
+
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
125
|
+
calendarMonthFontLetterSpacing: '--plasma-date-picker-calendar__month-letter-spacing',
|
126
|
+
calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
|
127
|
+
calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
|
128
|
+
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
129
|
+
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
130
|
+
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
131
|
+
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
132
|
+
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
133
|
+
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
134
|
+
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
135
|
+
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|
136
|
+
calendarDayFontLetterSpacing: '--plasma-date-picker-calendar__day-letter-spacing',
|
137
|
+
calendarDayFontLineHeight: '--plasma-date-picker-calendar__day-line-height',
|
138
|
+
calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
|
139
|
+
calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
|
140
|
+
calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
|
141
|
+
calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
|
142
|
+
calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
|
143
|
+
calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
|
144
|
+
calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
|
145
|
+
calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
|
146
|
+
calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
|
147
|
+
calendarHeaderFontSize: '--plasma-date-picker-calendar__header-font-size',
|
148
|
+
calendarHeaderFontStyle: '--plasma-date-picker-calendar__header-font-style',
|
149
|
+
calendarHeaderFontLetterSpacing: '--plasma-date-picker-calendar__header-letter-spacing',
|
150
|
+
calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
|
151
|
+
calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
|
152
|
+
calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
|
153
|
+
iconButtonColor: '--plasma-date-picker-icon-button__color',
|
154
|
+
iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
|
155
|
+
iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
|
156
|
+
iconButtonBackgroundColorHover: '--plasma-date-picker-icon-button__background-color-hover',
|
157
|
+
iconButtonColorActive: '--plasma-date-picker-icon-button__color-active',
|
158
|
+
iconButtonBackgroundColorActive: '--plasma-date-picker-icon-button__background-color-active',
|
159
|
+
iconButtonHeight: '--plasma-date-picker-icon-button__height',
|
160
|
+
iconButtonWidth: '--plasma-date-picker-icon-button__width',
|
161
|
+
iconButtonPadding: '--plasma-date-picker-icon-button__padding',
|
162
|
+
iconButtonRadius: '--plasma-date-picker-icon-button__radius',
|
163
|
+
iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
|
164
|
+
calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
|
165
|
+
calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
|
166
|
+
calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
|
167
|
+
calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
|
168
|
+
calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
|
169
|
+
calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
|
170
|
+
calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
|
171
|
+
calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',
|
172
|
+
calendarActiveItemBackground: '--plasma-date-picker-calendar__active-item-background',
|
173
|
+
calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color',
|
174
|
+
calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background',
|
175
|
+
calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color',
|
176
|
+
calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background',
|
177
|
+
calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
|
178
|
+
calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
|
179
|
+
calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
|
180
|
+
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color'
|
181
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { calendarBaseConfig, calendarBaseTokens } from '../Calendar';
|
3
|
+
import { component, mergeConfig } from '../../engines';
|
4
|
+
import { tokens } from './DatePicker.tokens';
|
5
|
+
var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
|
6
|
+
var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
|
7
|
+
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
8
|
+
|
9
|
+
// NOTE: переопределение токенов Calendar
|
10
|
+
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
11
|
+
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
12
|
+
})(["", ""], baseCalendarTokens);
|
@@ -0,0 +1,284 @@
|
|
1
|
+
var _excluded = ["className", "isDoubleCalendar", "isOpen", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
2
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
7
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
8
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
9
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
10
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
11
|
+
import React, { createRef, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
|
12
|
+
import { cx } from '../../../utils';
|
13
|
+
import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
|
14
|
+
import { useDatePicker } from '../hooks/useDatePicker';
|
15
|
+
import { classes } from '../DatePicker.tokens';
|
16
|
+
import { base as sizeCSS } from './variations/_size/base';
|
17
|
+
import { base as viewCSS } from './variations/_view/base';
|
18
|
+
import { base as disabledCSS } from './variations/_disabled/base';
|
19
|
+
import { base as readOnlyCSS } from './variations/_readonly/base';
|
20
|
+
import { LeftHelper, StyledLabel, StyledRange, base } from './DatePicker.styles';
|
21
|
+
import { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';
|
22
|
+
export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
23
|
+
return /*#__PURE__*/forwardRef(function (_ref, ref) {
|
24
|
+
var _rangeRef$current, _rangeRef$current2;
|
25
|
+
var className = _ref.className,
|
26
|
+
_ref$isDoubleCalendar = _ref.isDoubleCalendar,
|
27
|
+
isDoubleCalendar = _ref$isDoubleCalendar === void 0 ? false : _ref$isDoubleCalendar,
|
28
|
+
_ref$isOpen = _ref.isOpen,
|
29
|
+
isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
|
30
|
+
label = _ref.label,
|
31
|
+
leftHelper = _ref.leftHelper,
|
32
|
+
contentLeft = _ref.contentLeft,
|
33
|
+
contentRight = _ref.contentRight,
|
34
|
+
view = _ref.view,
|
35
|
+
size = _ref.size,
|
36
|
+
_ref$readOnly = _ref.readOnly,
|
37
|
+
readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
|
38
|
+
_ref$disabled = _ref.disabled,
|
39
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
40
|
+
_ref$dividerVariant = _ref.dividerVariant,
|
41
|
+
dividerVariant = _ref$dividerVariant === void 0 ? 'dash' : _ref$dividerVariant,
|
42
|
+
dividerIcon = _ref.dividerIcon,
|
43
|
+
_ref$defaultFirstDate = _ref.defaultFirstDate,
|
44
|
+
defaultFirstDate = _ref$defaultFirstDate === void 0 ? '' : _ref$defaultFirstDate,
|
45
|
+
_ref$defaultSecondDat = _ref.defaultSecondDate,
|
46
|
+
defaultSecondDate = _ref$defaultSecondDat === void 0 ? '' : _ref$defaultSecondDat,
|
47
|
+
firstValueError = _ref.firstValueError,
|
48
|
+
secondValueError = _ref.secondValueError,
|
49
|
+
firstValueSuccess = _ref.firstValueSuccess,
|
50
|
+
secondValueSuccess = _ref.secondValueSuccess,
|
51
|
+
firstPlaceholder = _ref.firstPlaceholder,
|
52
|
+
secondPlaceholder = _ref.secondPlaceholder,
|
53
|
+
firstTextfieldContentLeft = _ref.firstTextfieldContentLeft,
|
54
|
+
firstTextfieldContentRight = _ref.firstTextfieldContentRight,
|
55
|
+
secondTextfieldContentLeft = _ref.secondTextfieldContentLeft,
|
56
|
+
secondTextfieldContentRight = _ref.secondTextfieldContentRight,
|
57
|
+
firstTextfieldTextBefore = _ref.firstTextfieldTextBefore,
|
58
|
+
secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
|
59
|
+
firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
|
60
|
+
secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
|
61
|
+
_ref$format = _ref.format,
|
62
|
+
format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
|
63
|
+
maskWithFormat = _ref.maskWithFormat,
|
64
|
+
min = _ref.min,
|
65
|
+
max = _ref.max,
|
66
|
+
_ref$includeEdgeDates = _ref.includeEdgeDates,
|
67
|
+
includeEdgeDates = _ref$includeEdgeDates === void 0 ? false : _ref$includeEdgeDates,
|
68
|
+
eventList = _ref.eventList,
|
69
|
+
disabledList = _ref.disabledList,
|
70
|
+
_ref$type = _ref.type,
|
71
|
+
type = _ref$type === void 0 ? 'Days' : _ref$type,
|
72
|
+
_ref$placement = _ref.placement,
|
73
|
+
placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
|
74
|
+
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
75
|
+
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
76
|
+
_ref$closeOnEsc = _ref.closeOnEsc,
|
77
|
+
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
78
|
+
offset = _ref.offset,
|
79
|
+
onToggle = _ref.onToggle,
|
80
|
+
onChangeFirstValue = _ref.onChangeFirstValue,
|
81
|
+
onChangeSecondValue = _ref.onChangeSecondValue,
|
82
|
+
onCommitFirstDate = _ref.onCommitFirstDate,
|
83
|
+
onCommitSecondDate = _ref.onCommitSecondDate,
|
84
|
+
onFocusFirstTextfield = _ref.onFocusFirstTextfield,
|
85
|
+
onFocusSecondTextfield = _ref.onFocusSecondTextfield,
|
86
|
+
onBlurFirstTextfield = _ref.onBlurFirstTextfield,
|
87
|
+
onBlurSecondTextfield = _ref.onBlurSecondTextfield,
|
88
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
89
|
+
var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/createRef();
|
90
|
+
var rootRef = useRef(null);
|
91
|
+
var _useState = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current = rangeRef.current) === null || _rangeRef$current === void 0 ? void 0 : _rangeRef$current.firstTextField()),
|
92
|
+
_useState2 = _slicedToArray(_useState, 2),
|
93
|
+
firstInputRef = _useState2[0],
|
94
|
+
setFirstInputRef = _useState2[1];
|
95
|
+
var _useState3 = useState(rangeRef === null || rangeRef === void 0 || (_rangeRef$current2 = rangeRef.current) === null || _rangeRef$current2 === void 0 ? void 0 : _rangeRef$current2.secondTextField()),
|
96
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
97
|
+
secondInputRef = _useState4[0],
|
98
|
+
setSecondInputRef = _useState4[1];
|
99
|
+
var _useState5 = useState(isOpen),
|
100
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
101
|
+
isInnerOpen = _useState6[0],
|
102
|
+
setIsInnerOpen = _useState6[1];
|
103
|
+
var _useState7 = useState(formatCalendarValue(defaultFirstDate, format)),
|
104
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
105
|
+
calendarFirstValue = _useState8[0],
|
106
|
+
setCalendarFirstValue = _useState8[1];
|
107
|
+
var _useState9 = useState(formatInputValue(defaultFirstDate, format)),
|
108
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
109
|
+
inputFirstValue = _useState10[0],
|
110
|
+
setInputFirstValue = _useState10[1];
|
111
|
+
var _useState11 = useState(formatCalendarValue(defaultSecondDate, format)),
|
112
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
113
|
+
calendarSecondValue = _useState12[0],
|
114
|
+
setCalendarSecondValue = _useState12[1];
|
115
|
+
var _useState13 = useState(formatInputValue(defaultSecondDate, format)),
|
116
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
117
|
+
inputSecondValue = _useState14[0],
|
118
|
+
setInputSecondValue = _useState14[1];
|
119
|
+
var dateFormatDelimiter = useCallback(function () {
|
120
|
+
return getDateFormatDelimiter(format);
|
121
|
+
}, [format]);
|
122
|
+
var _useDatePicker = useDatePicker({
|
123
|
+
currentValue: inputFirstValue,
|
124
|
+
setInputValue: setInputFirstValue,
|
125
|
+
setCalendarValue: setCalendarFirstValue,
|
126
|
+
setIsInnerOpen: setIsInnerOpen,
|
127
|
+
dateFormatDelimiter: dateFormatDelimiter,
|
128
|
+
format: format,
|
129
|
+
disabled: disabled,
|
130
|
+
readOnly: readOnly,
|
131
|
+
maskWithFormat: maskWithFormat,
|
132
|
+
valueError: firstValueError,
|
133
|
+
valueSuccess: firstValueSuccess,
|
134
|
+
inputRef: firstInputRef,
|
135
|
+
onChangeValue: onChangeFirstValue,
|
136
|
+
onCommitDate: onCommitFirstDate
|
137
|
+
}),
|
138
|
+
handleChangeFirstValue = _useDatePicker.handleChangeValue,
|
139
|
+
handleCommitFirstDate = _useDatePicker.handleCommitDate;
|
140
|
+
var _useDatePicker2 = useDatePicker({
|
141
|
+
currentValue: inputSecondValue,
|
142
|
+
setInputValue: setInputSecondValue,
|
143
|
+
setCalendarValue: setCalendarSecondValue,
|
144
|
+
setIsInnerOpen: setIsInnerOpen,
|
145
|
+
dateFormatDelimiter: dateFormatDelimiter,
|
146
|
+
format: format,
|
147
|
+
disabled: disabled,
|
148
|
+
readOnly: readOnly,
|
149
|
+
maskWithFormat: maskWithFormat,
|
150
|
+
valueError: secondValueError,
|
151
|
+
valueSuccess: secondValueSuccess,
|
152
|
+
inputRef: secondInputRef,
|
153
|
+
onChangeValue: onChangeSecondValue,
|
154
|
+
onCommitDate: onCommitSecondDate
|
155
|
+
}),
|
156
|
+
handleChangeSecondValue = _useDatePicker2.handleChangeValue,
|
157
|
+
handleCommitSecondDate = _useDatePicker2.handleCommitDate;
|
158
|
+
var handleToggle = function handleToggle(opened, event) {
|
159
|
+
var _firstInputRef$curren, _secondInputRef$curre;
|
160
|
+
if (disabled || readOnly) {
|
161
|
+
return;
|
162
|
+
}
|
163
|
+
var isCalendarOpen = firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null) ? true : opened;
|
164
|
+
if (onToggle) {
|
165
|
+
return onToggle(isCalendarOpen, event);
|
166
|
+
}
|
167
|
+
setIsInnerOpen(isCalendarOpen);
|
168
|
+
};
|
169
|
+
var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
|
170
|
+
ref: rangeRef,
|
171
|
+
dividerIcon: dividerIcon,
|
172
|
+
dividerVariant: dividerVariant,
|
173
|
+
disabled: disabled,
|
174
|
+
readOnly: !disabled && readOnly,
|
175
|
+
firstPlaceholder: firstPlaceholder,
|
176
|
+
secondPlaceholder: secondPlaceholder,
|
177
|
+
contentLeft: contentLeft,
|
178
|
+
contentRight: contentRight,
|
179
|
+
firstTextfieldTextBefore: firstTextfieldTextBefore,
|
180
|
+
secondTextfieldTextBefore: secondTextfieldTextBefore,
|
181
|
+
firstTextfieldTextAfter: firstTextfieldTextAfter,
|
182
|
+
secondTextfieldTextAfter: secondTextfieldTextAfter,
|
183
|
+
firstTextfieldContentLeft: firstTextfieldContentLeft,
|
184
|
+
firstTextfieldContentRight: firstTextfieldContentRight,
|
185
|
+
secondTextfieldContentLeft: secondTextfieldContentLeft,
|
186
|
+
secondTextfieldContentRight: secondTextfieldContentRight,
|
187
|
+
firstValue: inputFirstValue,
|
188
|
+
secondValue: inputSecondValue,
|
189
|
+
firstValueError: firstValueError,
|
190
|
+
secondValueError: secondValueError,
|
191
|
+
firstValueSuccess: firstValueSuccess,
|
192
|
+
secondValueSuccess: secondValueSuccess,
|
193
|
+
onChangeFirstValue: handleChangeFirstValue,
|
194
|
+
onChangeSecondValue: handleChangeSecondValue,
|
195
|
+
onSearchFirstValue: function onSearchFirstValue(_, date) {
|
196
|
+
handleCommitFirstDate(String(date), true, false);
|
197
|
+
if (!calendarSecondValue || secondValueError) {
|
198
|
+
var _rangeRef$current3;
|
199
|
+
rangeRef === null || rangeRef === void 0 || (_rangeRef$current3 = rangeRef.current) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.secondTextField()) === null || _rangeRef$current3 === void 0 || (_rangeRef$current3 = _rangeRef$current3.current) === null || _rangeRef$current3 === void 0 || _rangeRef$current3.focus();
|
200
|
+
}
|
201
|
+
},
|
202
|
+
onSearchSecondValue: function onSearchSecondValue(_, date) {
|
203
|
+
handleCommitSecondDate(String(date), true, false);
|
204
|
+
if (!calendarFirstValue || firstValueError) {
|
205
|
+
var _rangeRef$current4;
|
206
|
+
rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
|
207
|
+
}
|
208
|
+
},
|
209
|
+
onFocusFirstTextfield: onFocusFirstTextfield,
|
210
|
+
onFocusSecondTextfield: onFocusSecondTextfield,
|
211
|
+
onBlurFirstTextfield: onBlurFirstTextfield,
|
212
|
+
onBlurSecondTextfield: onBlurSecondTextfield
|
213
|
+
}));
|
214
|
+
useEffect(function () {
|
215
|
+
var _rangeRef$current5, _rangeRef$current6;
|
216
|
+
setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
|
217
|
+
setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
|
218
|
+
}, [rangeRef.current]);
|
219
|
+
return /*#__PURE__*/React.createElement(Root, _extends({
|
220
|
+
ref: rootRef,
|
221
|
+
view: view,
|
222
|
+
size: size,
|
223
|
+
className: cx(classes.datePickerRoot, className),
|
224
|
+
disabled: disabled,
|
225
|
+
readOnly: !disabled && readOnly
|
226
|
+
}, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(RangeDatePopover, {
|
227
|
+
calendarValue: [calendarFirstValue, calendarSecondValue],
|
228
|
+
target: RangeComponent,
|
229
|
+
isOpen: isOpen || isInnerOpen,
|
230
|
+
includeEdgeDates: includeEdgeDates,
|
231
|
+
eventList: eventList,
|
232
|
+
disabledList: disabledList,
|
233
|
+
min: min,
|
234
|
+
max: max,
|
235
|
+
placement: placement,
|
236
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
237
|
+
closeOnEsc: closeOnEsc,
|
238
|
+
offset: offset,
|
239
|
+
type: type,
|
240
|
+
onToggle: handleToggle,
|
241
|
+
isDoubleCalendar: isDoubleCalendar,
|
242
|
+
onChangeStartOfRange: function onChangeStartOfRange(firstDate) {
|
243
|
+
handleCommitFirstDate(firstDate, false, true);
|
244
|
+
handleCommitSecondDate('');
|
245
|
+
},
|
246
|
+
onChangeValue: function onChangeValue(_ref2) {
|
247
|
+
var _ref3 = _slicedToArray(_ref2, 2),
|
248
|
+
firstDate = _ref3[0],
|
249
|
+
secondDate = _ref3[1];
|
250
|
+
firstDate && handleCommitFirstDate(firstDate, false, true);
|
251
|
+
secondDate && handleCommitSecondDate(secondDate, false, true);
|
252
|
+
if (firstDate && secondDate && !firstValueError && !secondValueError) {
|
253
|
+
setIsInnerOpen(false);
|
254
|
+
}
|
255
|
+
}
|
256
|
+
}), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper));
|
257
|
+
});
|
258
|
+
};
|
259
|
+
export var datePickerRangeConfig = {
|
260
|
+
name: 'DatePickerRange',
|
261
|
+
tag: 'div',
|
262
|
+
layout: datePickerRangeRoot,
|
263
|
+
base: base,
|
264
|
+
variations: {
|
265
|
+
view: {
|
266
|
+
css: viewCSS
|
267
|
+
},
|
268
|
+
size: {
|
269
|
+
css: sizeCSS
|
270
|
+
},
|
271
|
+
disabled: {
|
272
|
+
css: disabledCSS,
|
273
|
+
attrs: true
|
274
|
+
},
|
275
|
+
readOnly: {
|
276
|
+
css: readOnlyCSS,
|
277
|
+
attrs: true
|
278
|
+
}
|
279
|
+
},
|
280
|
+
defaults: {
|
281
|
+
size: 'm',
|
282
|
+
view: 'default'
|
283
|
+
}
|
284
|
+
};
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { css } from 'styled-components';
|
3
|
+
import { component, mergeConfig } from '../../../engines';
|
4
|
+
import { rangeConfig, rangeTokens } from '../../Range';
|
5
|
+
import { tokens } from '../DatePicker.tokens';
|
6
|
+
import { popoverConfig } from '../../Popover';
|
7
|
+
var mergedRangeConfig = /*#__PURE__*/mergeConfig(rangeConfig);
|
8
|
+
var Range = /*#__PURE__*/component(mergedRangeConfig);
|
9
|
+
var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
|
10
|
+
var Popover = /*#__PURE__*/component(mergedPopoverConfig);
|
11
|
+
export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
12
|
+
componentId: "plasma-new-hope__sc-zxqgpy-0"
|
13
|
+
})([""]);
|
14
|
+
|
15
|
+
// NOTE: переопределение токенов Range
|
16
|
+
export var StyledRange = /*#__PURE__*/styled(Range).withConfig({
|
17
|
+
componentId: "plasma-new-hope__sc-zxqgpy-1"
|
18
|
+
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
|
19
|
+
export var base = /*#__PURE__*/css(["display:inline-block;"]);
|
20
|
+
export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
|
21
|
+
componentId: "plasma-new-hope__sc-zxqgpy-2"
|
22
|
+
})([""]);
|
23
|
+
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
24
|
+
componentId: "plasma-new-hope__sc-zxqgpy-3"
|
25
|
+
})([""]);
|
package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js
ADDED
@@ -0,0 +1,74 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { getPlacements } from '../../../../utils';
|
3
|
+
import { StyledPopover } from '../DatePicker.styles';
|
4
|
+
import { StyledCalendar, StyledCalendarDouble } from './RangeDatePopover.styles';
|
5
|
+
export var RangeDatePopover = function RangeDatePopover(_ref) {
|
6
|
+
var target = _ref.target,
|
7
|
+
isOpen = _ref.isOpen,
|
8
|
+
isDoubleCalendar = _ref.isDoubleCalendar,
|
9
|
+
calendarValue = _ref.calendarValue,
|
10
|
+
min = _ref.min,
|
11
|
+
max = _ref.max,
|
12
|
+
includeEdgeDates = _ref.includeEdgeDates,
|
13
|
+
eventList = _ref.eventList,
|
14
|
+
disabledList = _ref.disabledList,
|
15
|
+
_ref$placement = _ref.placement,
|
16
|
+
placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
|
17
|
+
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
18
|
+
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
19
|
+
closeOnEsc = _ref.closeOnEsc,
|
20
|
+
offset = _ref.offset,
|
21
|
+
type = _ref.type,
|
22
|
+
size = _ref.size,
|
23
|
+
onChangeValue = _ref.onChangeValue,
|
24
|
+
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
25
|
+
onToggle = _ref.onToggle;
|
26
|
+
if (isDoubleCalendar) {
|
27
|
+
return /*#__PURE__*/React.createElement(StyledPopover, {
|
28
|
+
isOpen: isOpen,
|
29
|
+
usePortal: false,
|
30
|
+
onToggle: onToggle,
|
31
|
+
offset: offset,
|
32
|
+
placement: getPlacements(placement),
|
33
|
+
trigger: "click",
|
34
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
35
|
+
isFocusTrapped: false,
|
36
|
+
target: target,
|
37
|
+
preventOverflow: false
|
38
|
+
}, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
|
39
|
+
size: size,
|
40
|
+
value: calendarValue,
|
41
|
+
eventList: eventList,
|
42
|
+
disabledList: disabledList,
|
43
|
+
min: min,
|
44
|
+
max: max,
|
45
|
+
includeEdgeDates: includeEdgeDates,
|
46
|
+
onChangeValue: onChangeValue,
|
47
|
+
onChangeStartOfRange: onChangeStartOfRange
|
48
|
+
}));
|
49
|
+
}
|
50
|
+
return /*#__PURE__*/React.createElement(StyledPopover, {
|
51
|
+
isOpen: isOpen,
|
52
|
+
usePortal: false,
|
53
|
+
onToggle: onToggle,
|
54
|
+
offset: offset,
|
55
|
+
placement: getPlacements(placement),
|
56
|
+
trigger: "click",
|
57
|
+
closeOnOverlayClick: closeOnOverlayClick,
|
58
|
+
isFocusTrapped: false,
|
59
|
+
target: target,
|
60
|
+
preventOverflow: false,
|
61
|
+
closeOnEsc: closeOnEsc
|
62
|
+
}, /*#__PURE__*/React.createElement(StyledCalendar, {
|
63
|
+
size: size,
|
64
|
+
value: calendarValue,
|
65
|
+
eventList: eventList,
|
66
|
+
disabledList: disabledList,
|
67
|
+
min: min,
|
68
|
+
max: max,
|
69
|
+
type: type,
|
70
|
+
includeEdgeDates: includeEdgeDates,
|
71
|
+
onChangeValue: onChangeValue,
|
72
|
+
onChangeStartOfRange: onChangeStartOfRange
|
73
|
+
}));
|
74
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import styled from 'styled-components';
|
2
|
+
import { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from '../../../Calendar';
|
3
|
+
import { tokens } from '../../DatePicker.tokens';
|
4
|
+
import { component, mergeConfig } from '../../../../engines';
|
5
|
+
import { baseCalendarTokens } from '../../DatePickerBase.styles';
|
6
|
+
var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig);
|
7
|
+
var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);
|
8
|
+
var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
|
9
|
+
var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
|
10
|
+
var CalendarDoubleRange = /*#__PURE__*/withRange(CalendarDouble);
|
11
|
+
var CalendarRange = /*#__PURE__*/withRange(Calendar);
|
12
|
+
|
13
|
+
// NOTE: переопределение токенов Calendar
|
14
|
+
export var StyledCalendarDouble = /*#__PURE__*/styled(CalendarDoubleRange).withConfig({
|
15
|
+
componentId: "plasma-new-hope__sc-vflcna-0"
|
16
|
+
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens, calendarBaseTokens.calendarWidth, tokens.calendarWidth);
|
17
|
+
export var StyledCalendar = /*#__PURE__*/styled(CalendarRange).withConfig({
|
18
|
+
componentId: "plasma-new-hope__sc-vflcna-1"
|
19
|
+
})(["", ""], baseCalendarTokens);
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|