@salutejs/plasma-new-hope 0.88.0-canary.1223.9405589989.0 → 0.88.0-canary.1224.9413433725.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 +64 -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_wuxgzs.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 +26 -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_1b92i4d.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_7kz2z4.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_hbv1kh.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 +186 -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_1u3oyx8.css +1 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.css +150 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.js +341 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +39 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles_1aihs63.css +3 -0
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.css +142 -0
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +52 -0
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +32 -0
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +1 -0
- package/cjs/components/{Accordion/variations/_view → 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/DatePicker/RangeDate/variations/_readonly/base.js +9 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.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_1yswrwb.css +1 -0
- package/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +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_1udo3ch.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 +14 -8
- package/cjs/components/Range/Range.js +79 -32
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +23 -11
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_nik84l.css +9 -0
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base_yv1z2h.css +1 -0
- package/cjs/components/Range/variations/_size/base.js +1 -1
- package/cjs/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css} +1 -1
- package/cjs/components/Range/variations/_view/base.js +1 -1
- package/cjs/components/Range/variations/_view/base_87gpil.css +1 -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 +68 -41
- 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 +64 -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_wuxgzs.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 +27 -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_1b92i4d.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_7kz2z4.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_hbv1kh.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 +181 -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_1u3oyx8.css +1 -0
- package/es/components/DatePicker/RangeDate/DatePicker.css +150 -0
- package/es/components/DatePicker/RangeDate/DatePicker.js +336 -0
- package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -0
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js +33 -0
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/DatePicker.styles_1aihs63.css +3 -0
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.css +142 -0
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +48 -0
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +28 -0
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +1 -0
- package/es/components/{Accordion/variations/_size → 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/DatePicker/RangeDate/variations/_readonly/base.js +5 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.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_1yswrwb.css +1 -0
- package/es/components/{Accordion → DatePicker/RangeDate}/variations/_view/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +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_1udo3ch.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 +14 -8
- package/es/components/Range/Range.js +81 -34
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Range/Range.styles.js +23 -12
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_nik84l.css +9 -0
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base_yv1z2h.css +1 -0
- package/es/components/Range/variations/_size/base.js +1 -1
- package/es/components/Range/variations/_size/{base_16xiubi.css → base_gbgxzj.css} +1 -1
- package/es/components/Range/variations/_view/base.js +1 -1
- package/es/components/Range/variations/_view/base_87gpil.css +1 -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 +68 -41
- 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 +64 -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 +29 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +26 -14
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +25 -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.tokens.js +184 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +19 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +349 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +27 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +50 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +20 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.js +5 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/cjs/components/{Accordion/variations/_view → DatePicker/RangeDate/variations/_readonly}/base.js +2 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/{Accordion/variations/_stretching → DatePicker/RangeDate/variations/_size}/base.js +2 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -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/DatePicker/SingleDate/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +4 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +16 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +1 -0
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +77 -0
- package/styled-components/cjs/components/DatePicker/index.js +44 -0
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +78 -0
- package/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
- package/styled-components/cjs/components/Dropdown/utils/index.js +1 -16
- package/styled-components/cjs/components/Range/Range.js +78 -32
- package/styled-components/cjs/components/Range/Range.styles.js +16 -10
- 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 +4 -1
- 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 +302 -0
- 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 +4 -1
- 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 +302 -0
- 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 +4 -1
- 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 +64 -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 +23 -0
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +24 -12
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -1
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +27 -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 +24 -10
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +24 -12
- package/styled-components/es/components/Combobox/Combobox.js +1 -2
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +178 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +12 -0
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +340 -0
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +19 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js +43 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +13 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.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 +3 -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 +3 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -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 +81 -35
- package/styled-components/es/components/Range/Range.styles.js +15 -9
- 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 +4 -1
- 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 +302 -0
- 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 +4 -1
- 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 +302 -0
- 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 +4 -1
- 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 +57 -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 +60 -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 +179 -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 +32 -0
- package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +140 -0
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +128 -0
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts +4 -0
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts +4 -0
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts +21 -0
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.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 +115 -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 +1 -0
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +46 -1
- package/types/components/Range/Range.types.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 +668 -0
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +30 -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 +668 -0
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Range/Range.d.ts +30 -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 -68
- 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 -103
- 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 -27
- 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/_view/base.js.map +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/Range/variations/_readonly/base_tzdxy8.css +0 -1
- package/cjs/components/Range/variations/_view/base_5iz3nr.css +0 -1
- 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 -63
- 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 -99
- 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 -22
- 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/Range/variations/_readonly/base_tzdxy8.css +0 -1
- package/es/components/Range/variations/_view/base_5iz3nr.css +0 -1
- 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 -73
- 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 -109
- package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
- package/styled-components/cjs/components/Accordion/utils/index.js +0 -24
- 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 -64
- 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 -100
- package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -42
- package/styled-components/es/components/Accordion/utils/index.js +0 -18
- 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 -47
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +0 -1
- package/types/components/Accordion/utils/index.d.ts +0 -16
- 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/variations/_size → DatePicker/RangeDate/variations/_view}/base_x642ct.css +0 -0
- /package/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
- /package/{cjs/components/Accordion → es/components/DatePicker/RangeDate}/variations/_view/base_x642ct.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/cjs/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.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/styled-components/es/components/{Accordion/variations/_size → DatePicker/RangeDate/variations/_view}/base.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
@@ -7,10 +7,13 @@ export var config = {
|
|
7
7
|
},
|
8
8
|
variations: {
|
9
9
|
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], calendarBaseTokens.calendarBackgroundColor, calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor)
|
10
|
+
"default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], calendarBaseTokens.calendarBackgroundColor, calendarBaseTokens.calendarSelectedItemBackground, calendarBaseTokens.calendarSelectedItemColor, calendarBaseTokens.calendarSelectableItemBackgroundHover, calendarBaseTokens.calendarCurrentItemBorderColor, calendarBaseTokens.calendarCurrentItemBackgroundHover, calendarBaseTokens.calendarCurrentItemColorHover, calendarBaseTokens.calendarCurrentItemChildBackgroundHover, calendarBaseTokens.calendarActiveItemBackground, calendarBaseTokens.calendarActiveItemColor, calendarBaseTokens.calendarHoveredItemBackground, calendarBaseTokens.calendarHoveredItemColor, calendarBaseTokens.calendarRangeBackground, calendarBaseTokens.calendarOutlineFocusColor, calendarBaseTokens.calendarContentPrimaryColor, calendarBaseTokens.calendarContentSecondaryColor, calendarBaseTokens.calendarDayOfWeekColor, calendarBaseTokens.iconButtonColor, calendarBaseTokens.iconButtonBackgroundColor, calendarBaseTokens.iconButtonColorHover, calendarBaseTokens.iconButtonBackgroundColorHover, calendarBaseTokens.iconButtonColorActive, calendarBaseTokens.iconButtonBackgroundColorActive)
|
11
11
|
},
|
12
12
|
size: {
|
13
|
-
|
13
|
+
l: /*#__PURE__*/css(["", ":24.5rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0 0 0;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|
14
|
+
m: /*#__PURE__*/css(["", ":21rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0 0 0;", ":0.625rem;", ":3rem;", ":2.5rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0 0 0 0.75rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|
15
|
+
s: /*#__PURE__*/css(["", ":17.5rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":2rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius),
|
16
|
+
xs: /*#__PURE__*/css(["", ":17.5rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":1.875rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], calendarBaseTokens.calendarWidth, calendarBaseTokens.calendarHeight, calendarBaseTokens.calendarYearsPadding, calendarBaseTokens.calendarYearItemBorderRadius, calendarBaseTokens.calendarYearItemWidth, calendarBaseTokens.calendarYearItemHeight, calendarBaseTokens.calendarYearFontFamily, calendarBaseTokens.calendarYearFontSize, calendarBaseTokens.calendarYearFontStyle, calendarBaseTokens.calendarYearFontLetterSpacing, calendarBaseTokens.calendarYearFontLineHeight, calendarBaseTokens.calendarYearFontWeight, calendarBaseTokens.calendarYearSelectedFontWeight, calendarBaseTokens.calendarMonthsPadding, calendarBaseTokens.calendarMonthItemBorderRadius, calendarBaseTokens.calendarMonthItemWidth, calendarBaseTokens.calendarMonthItemHeight, calendarBaseTokens.calendarMonthFontFamily, calendarBaseTokens.calendarMonthFontSize, calendarBaseTokens.calendarMonthFontStyle, calendarBaseTokens.calendarMonthFontLetterSpacing, calendarBaseTokens.calendarMonthFontLineHeight, calendarBaseTokens.calendarMonthFontWeight, calendarBaseTokens.calendarMonthSelectedFontWeight, calendarBaseTokens.calendarDaysPadding, calendarBaseTokens.calendarDayItemBorderRadius, calendarBaseTokens.calendarDayItemWidth, calendarBaseTokens.calendarDayItemHeight, calendarBaseTokens.calendarDayFontFamily, calendarBaseTokens.calendarDayFontSize, calendarBaseTokens.calendarDayFontStyle, calendarBaseTokens.calendarDayFontLetterSpacing, calendarBaseTokens.calendarDayFontLineHeight, calendarBaseTokens.calendarDayFontWeight, calendarBaseTokens.calendarDaySelectedFontWeight, calendarBaseTokens.calendarHeaderArrowGap, calendarBaseTokens.calendarHeaderPadding, calendarBaseTokens.calendarHeaderDateGap, calendarBaseTokens.calendarHeaderFontFamily, calendarBaseTokens.calendarHeaderFontSize, calendarBaseTokens.calendarHeaderFontStyle, calendarBaseTokens.calendarHeaderFontLetterSpacing, calendarBaseTokens.calendarHeaderFontLineHeight, calendarBaseTokens.calendarHeaderFontWeight, calendarBaseTokens.calendarHeaderFontWeightBold, calendarBaseTokens.iconButtonHeight, calendarBaseTokens.iconButtonWidth, calendarBaseTokens.iconButtonPadding, calendarBaseTokens.iconButtonRadius)
|
14
17
|
}
|
15
18
|
}
|
16
19
|
};
|
package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js
CHANGED
@@ -10,7 +10,10 @@ export var config = {
|
|
10
10
|
"default": /*#__PURE__*/css(["", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":transparent;", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-surface-solid03);", ":var(--plasma-colors-accent);", ":var(--plasma-colors-background-primary);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-surface-liquid02);", ":var(--plasma-colors-button-focused);", ":var(--plasma-colors-primary);", ":var(--plasma-colors-secondary);"], calendarDoubleTokens.calendarBackgroundColor, calendarDoubleTokens.calendarSelectedItemBackground, calendarDoubleTokens.calendarSelectedItemColor, calendarDoubleTokens.calendarSelectableItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemBorderColor, calendarDoubleTokens.calendarCurrentItemBackgroundHover, calendarDoubleTokens.calendarCurrentItemColorHover, calendarDoubleTokens.calendarCurrentItemChildBackgroundHover, calendarDoubleTokens.calendarActiveItemBackground, calendarDoubleTokens.calendarActiveItemColor, calendarDoubleTokens.calendarHoveredItemBackground, calendarDoubleTokens.calendarHoveredItemColor, calendarDoubleTokens.calendarSeparatorBackground, calendarDoubleTokens.calendarRangeBackground, calendarDoubleTokens.calendarOutlineFocusColor, calendarDoubleTokens.calendarContentPrimaryColor, calendarDoubleTokens.calendarContentSecondaryColor)
|
11
11
|
},
|
12
12
|
size: {
|
13
|
-
|
13
|
+
l: /*#__PURE__*/css(["", ":51.063rem;", ":25rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 1rem;", ":0.5rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),
|
14
|
+
m: /*#__PURE__*/css(["", ":44.063rem;", ":21rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 0 0 0;", ":0.625rem;", ":3rem;", ":2.5rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 0.75rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),
|
15
|
+
s: /*#__PURE__*/css(["", ":37.063rem;", ":17rem;", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 0.5rem 0 0.5rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":2.5rem;", ":2rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0.5rem 0 0 0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius),
|
16
|
+
xs: /*#__PURE__*/css(["", ":37.063rem;", ":15.5rem;", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.25rem 0 0.25rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0 0 0;", ":0.5rem;", ":2.5rem;", ":1.875rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 0.5rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], calendarDoubleTokens.calendarWidth, calendarDoubleTokens.calendarHeight, calendarDoubleTokens.calendarYearsPadding, calendarDoubleTokens.calendarYearItemBorderRadius, calendarDoubleTokens.calendarYearItemWidth, calendarDoubleTokens.calendarYearItemHeight, calendarDoubleTokens.calendarYearFontFamily, calendarDoubleTokens.calendarYearFontSize, calendarDoubleTokens.calendarYearFontStyle, calendarDoubleTokens.calendarYearFontLetterSpacing, calendarDoubleTokens.calendarYearFontLineHeight, calendarDoubleTokens.calendarYearFontWeight, calendarDoubleTokens.calendarYearSelectedFontWeight, calendarDoubleTokens.calendarMonthsPadding, calendarDoubleTokens.calendarMonthItemBorderRadius, calendarDoubleTokens.calendarMonthItemWidth, calendarDoubleTokens.calendarMonthItemHeight, calendarDoubleTokens.calendarMonthFontFamily, calendarDoubleTokens.calendarMonthFontSize, calendarDoubleTokens.calendarMonthFontStyle, calendarDoubleTokens.calendarMonthFontLetterSpacing, calendarDoubleTokens.calendarMonthFontLineHeight, calendarDoubleTokens.calendarMonthFontWeight, calendarDoubleTokens.calendarMonthSelectedFontWeight, calendarDoubleTokens.calendarDaysPadding, calendarDoubleTokens.calendarDayItemBorderRadius, calendarDoubleTokens.calendarDayItemWidth, calendarDoubleTokens.calendarDayItemHeight, calendarDoubleTokens.calendarDayFontFamily, calendarDoubleTokens.calendarDayFontSize, calendarDoubleTokens.calendarDayFontStyle, calendarDoubleTokens.calendarDayFontLetterSpacing, calendarDoubleTokens.calendarDayFontLineHeight, calendarDoubleTokens.calendarDayFontWeight, calendarDoubleTokens.calendarDaySelectedFontWeight, calendarDoubleTokens.calendarHeaderArrowGap, calendarDoubleTokens.calendarHeaderPadding, calendarDoubleTokens.calendarHeaderDateGap, calendarDoubleTokens.calendarHeaderFontFamily, calendarDoubleTokens.calendarHeaderFontSize, calendarDoubleTokens.calendarHeaderFontStyle, calendarDoubleTokens.calendarHeaderFontLetterSpacing, calendarDoubleTokens.calendarHeaderFontLineHeight, calendarDoubleTokens.calendarHeaderFontWeight, calendarDoubleTokens.calendarHeaderFontWeightBold, calendarDoubleTokens.iconButtonHeight, calendarDoubleTokens.iconButtonWidth, calendarDoubleTokens.iconButtonPadding, calendarDoubleTokens.iconButtonRadius)
|
14
17
|
}
|
15
18
|
}
|
16
19
|
};
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { css } from 'styled-components';
|
2
|
+
import { datePickerTokens as tokens } from '../../../../components/DatePicker';
|
3
|
+
export var config = {
|
4
|
+
defaults: {
|
5
|
+
view: 'default',
|
6
|
+
size: 'm'
|
7
|
+
},
|
8
|
+
variations: {
|
9
|
+
view: {
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--surface-clear);", ":var(--surface-transparent-tertiary);", ":var(--surface-negative);", ":var(--surface-positive);", ":var(--plasma-colors-secondary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-accent);", ":var(--surface-negative);", ":var(--surface-accent);", ":var(--surface-positive);", ":var(--surface-accent);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--shadow-down-soft-s);", ":var(--surface-transparent-secondary);", ":var(--background-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":transparent;", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-accent);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--surface-accent);", ":var(--surface-solid-default);", ":var(--text-secondary);"], tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.borderColorHover, tokens.borderColorFocus, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor)
|
11
|
+
},
|
12
|
+
size: {
|
13
|
+
l: /*#__PURE__*/css(["", ":26.5rem;", ":0.875rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0 0.375rem 0 1rem;", ":0;", ":0 0 0.75rem 0;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":3.5rem;", ":0.875rem;", ":0.0625rem;", ":1.0625rem 1.125rem 1.0625rem 1.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.5rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":0.875rem;", ":0.875rem ", ":26.5rem;", ":0.5rem 1rem 0 1rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 1rem 0 1rem;", ":0.75rem;", ":7.8125rem;", ":5.25rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem 1rem 1.125rem 1rem;", ":0.75rem;", ":3.5rem;", ":3rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-bold-font-weight);", ":0.5rem;", ":0 0 0 2rem;", ":0.5rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-bold-font-weight);", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;"], tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarWidth, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarHeaderArrowGap, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
14
|
+
m: /*#__PURE__*/css(["", ":23rem;", ":0.75rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0 0.375rem 0 0.875rem;", ":0;", ":0 0 0.625rem 0;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":3rem;", ":0.75rem;", ":0.0625rem;", ":0.875rem 1rem 0.875rem 1rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.125rem 0.375rem -0.125rem -0.125rem;", ":-0.125rem -0.125rem -0.125rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":23rem;", ":0.875rem;", ":0.75rem ", ":0.5rem 1rem 0 1rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 1rem 0 1rem;", ":0.625rem;", ":6.688rem;", ":4.375rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem 1rem 1.125rem 1rem;", ":0.625rem;", ":3rem;", ":2.5rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-bold-font-weight);", ":0.5rem;", ":0 0 0 1.875rem;", ":0.375rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;"], tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarWidth, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarHeaderArrowGap, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
15
|
+
s: /*#__PURE__*/css(["", ":19.5rem;", ":0.625rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0 0.375rem 0 0.75rem;", ":0;", ":0 0 0.5rem 0;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":2.5rem;", ":0.625rem;", ":0.0625rem;", ":0.6875rem 0.875rem 0.6875rem 0.875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.1875rem 0.25rem -0.1875rem -0.125rem;", ":-0.1875rem -0.125rem -0.1875rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":19.5rem;", ":0.875rem;", ":0.75rem ", ":0.5rem 1rem 0 1rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 1rem 0 1rem;", ":0.5rem;", ":5.5rem;", ":3.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem 1rem 0.875rem 1rem;", ":0.5rem;", ":2.5rem;", ":2rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-bold-font-weight);", ":0.5rem;", ":0 0 0 1.5rem;", ":0.25rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarWidth, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarHeaderArrowGap, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
16
|
+
xs: /*#__PURE__*/css(["", ":19rem;", ":0.5rem;", ":0.0625rem;", ":0 0.375rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0 0.25rem 0 0.5rem;", ":0;", ":0 0 0.375rem 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":2rem;", ":0.5rem;", ":0.0625rem;", ":0.5625rem 0.625rem 0.5625rem 0.625rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.25rem 0 0 0;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem 0.25rem -0.0625rem -0.125rem;", ":-0.0625rem -0.125rem -0.0625rem 0.75rem;", ":0 0.25rem 0 0;", ":0 0 0 0.25rem;", ":19rem;", ":0.5rem;", ":0.5rem ", ":0.5rem 0.75rem 0 0.75rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.5rem 0.75rem 0 0.75rem;", ":0.375rem;", ":5.625rem;", ":3.281rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0.375rem 0.75rem 0.625rem 0.75rem;", ":0.375rem;", ":2.5rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":0;", ":0 0 0 1.25rem;", ":0.25rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-bold-font-weight);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarWidth, tokens.calendarBorderRadius, tokens.calendarPaddingTop, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarHeaderArrowGap, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius)
|
17
|
+
},
|
18
|
+
disabled: {
|
19
|
+
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
|
20
|
+
},
|
21
|
+
readOnly: {
|
22
|
+
"true": /*#__PURE__*/css(["", ":var(--surface-transparent-primary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-secondary);"], tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
|
23
|
+
}
|
24
|
+
}
|
25
|
+
};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { component, mergeConfig } from '../../../../engines';
|
2
|
+
import { datePickerConfig, datePickerRangeConfig } from '../../../../components/DatePicker';
|
3
|
+
import { config } from './DatePicker.config';
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(datePickerConfig, config);
|
5
|
+
export var DatePicker = /*#__PURE__*/component(mergedConfig);
|
6
|
+
var mergedRangeConfig = /*#__PURE__*/mergeConfig(datePickerRangeConfig, config);
|
7
|
+
export var DatePickerRange = /*#__PURE__*/component(mergedRangeConfig);
|
@@ -0,0 +1,302 @@
|
|
1
|
+
import React, { ComponentProps, Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
|
2
|
+
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
+
import { action } from '@storybook/addon-actions';
|
4
|
+
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
|
+
|
6
|
+
import { WithTheme } from '../../../_helpers';
|
7
|
+
import { IconButton } from '../IconButton/IconButton';
|
8
|
+
import { RangeInputRefs } from '../../../../components/Range/Range.types';
|
9
|
+
|
10
|
+
import { DatePicker, DatePickerRange } from './DatePicker';
|
11
|
+
|
12
|
+
const onChangeValue = action('onChangeValue');
|
13
|
+
const onCommitValue = action('onCommitValue');
|
14
|
+
const onBlur = action('onBlur');
|
15
|
+
const onFocus = action('onFocus');
|
16
|
+
|
17
|
+
const onChangeFirstValue = action('onChangeFirstValue');
|
18
|
+
const onChangeSecondValue = action('onChangeSecondValue');
|
19
|
+
|
20
|
+
const sizes = ['l', 'm', 's', 'xs'];
|
21
|
+
const views = ['default'];
|
22
|
+
const dividers = ['none', 'dash', 'icon'];
|
23
|
+
|
24
|
+
const meta: Meta = {
|
25
|
+
title: 'plasma_web/DatePicker',
|
26
|
+
decorators: [WithTheme],
|
27
|
+
argTypes: {
|
28
|
+
view: {
|
29
|
+
options: views,
|
30
|
+
control: {
|
31
|
+
type: 'inline-radio',
|
32
|
+
},
|
33
|
+
},
|
34
|
+
size: {
|
35
|
+
options: sizes,
|
36
|
+
control: {
|
37
|
+
type: 'inline-radio',
|
38
|
+
},
|
39
|
+
},
|
40
|
+
min: {
|
41
|
+
control: {
|
42
|
+
type: 'date',
|
43
|
+
},
|
44
|
+
},
|
45
|
+
max: {
|
46
|
+
control: {
|
47
|
+
type: 'date',
|
48
|
+
},
|
49
|
+
},
|
50
|
+
},
|
51
|
+
};
|
52
|
+
|
53
|
+
export default meta;
|
54
|
+
|
55
|
+
type StoryPropsDefault = ComponentProps<typeof DatePicker> & {
|
56
|
+
enableContentLeft: boolean;
|
57
|
+
enableContentRight: boolean;
|
58
|
+
};
|
59
|
+
|
60
|
+
const StoryDefault = ({
|
61
|
+
enableContentLeft,
|
62
|
+
enableContentRight,
|
63
|
+
valueError,
|
64
|
+
valueSuccess,
|
65
|
+
size,
|
66
|
+
...rest
|
67
|
+
}: StoryPropsDefault) => {
|
68
|
+
const [isOpen, setIsOpen] = useState(false);
|
69
|
+
const [error, setError] = useState<boolean>(false);
|
70
|
+
const [success, setSuccess] = useState<boolean>(false);
|
71
|
+
|
72
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
73
|
+
|
74
|
+
const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
|
75
|
+
if (dateError) {
|
76
|
+
setError(true);
|
77
|
+
onCommitValue(newDate);
|
78
|
+
return;
|
79
|
+
}
|
80
|
+
|
81
|
+
if (dateSuccess) {
|
82
|
+
setSuccess(true);
|
83
|
+
}
|
84
|
+
|
85
|
+
onCommitValue(newDate);
|
86
|
+
setIsOpen(false);
|
87
|
+
};
|
88
|
+
|
89
|
+
return (
|
90
|
+
<DatePicker
|
91
|
+
isOpen={isOpen}
|
92
|
+
size={size}
|
93
|
+
valueError={error || valueError}
|
94
|
+
valueSuccess={success || valueSuccess}
|
95
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
96
|
+
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
97
|
+
onBlur={onBlur}
|
98
|
+
onFocus={onFocus}
|
99
|
+
onToggle={(is) => setIsOpen(is)}
|
100
|
+
onChangeValue={(e, currentValue) => {
|
101
|
+
setError(false);
|
102
|
+
setSuccess(false);
|
103
|
+
onChangeValue(e, currentValue);
|
104
|
+
}}
|
105
|
+
onCommitDate={handleCommitDate}
|
106
|
+
{...rest}
|
107
|
+
/>
|
108
|
+
);
|
109
|
+
};
|
110
|
+
|
111
|
+
export const Default: StoryObj<StoryPropsDefault> = {
|
112
|
+
argTypes: {
|
113
|
+
defaultDate: {
|
114
|
+
control: {
|
115
|
+
type: 'date',
|
116
|
+
},
|
117
|
+
},
|
118
|
+
},
|
119
|
+
args: {
|
120
|
+
label: 'Лейбл',
|
121
|
+
leftHelper: 'Подсказка к полю',
|
122
|
+
placeholder: '30.05.2024',
|
123
|
+
size: 'l',
|
124
|
+
view: 'default',
|
125
|
+
defaultDate: new Date(2024, 5, 14),
|
126
|
+
min: new Date(2024, 1, 1),
|
127
|
+
max: new Date(2024, 12, 29),
|
128
|
+
maskWithFormat: false,
|
129
|
+
disabled: false,
|
130
|
+
readOnly: false,
|
131
|
+
textBefore: '',
|
132
|
+
enableContentLeft: true,
|
133
|
+
enableContentRight: true,
|
134
|
+
valueError: false,
|
135
|
+
valueSuccess: false,
|
136
|
+
},
|
137
|
+
render: (args) => <StoryDefault {...args} />,
|
138
|
+
};
|
139
|
+
|
140
|
+
type StoryPropsRange = ComponentProps<typeof DatePickerRange> & {
|
141
|
+
enableContentLeft: boolean;
|
142
|
+
enableContentRight: boolean;
|
143
|
+
enableFirstTextfieldContentLeft: boolean;
|
144
|
+
enableSecondTextfieldContentLeft: boolean;
|
145
|
+
enableFirstTextfieldContentRight: boolean;
|
146
|
+
enableSecondTextfieldContentRight: boolean;
|
147
|
+
};
|
148
|
+
|
149
|
+
const ActionButton = ({ size }) => {
|
150
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
151
|
+
return (
|
152
|
+
<IconButton view="clear" size={size}>
|
153
|
+
<IconPlaceholder size={iconSize} />
|
154
|
+
</IconButton>
|
155
|
+
);
|
156
|
+
};
|
157
|
+
|
158
|
+
const StoryRange = ({
|
159
|
+
dividerVariant,
|
160
|
+
enableContentLeft,
|
161
|
+
enableContentRight,
|
162
|
+
firstTextfieldTextBefore,
|
163
|
+
secondTextfieldTextBefore,
|
164
|
+
enableFirstTextfieldContentLeft,
|
165
|
+
enableSecondTextfieldContentLeft,
|
166
|
+
enableFirstTextfieldContentRight,
|
167
|
+
enableSecondTextfieldContentRight,
|
168
|
+
firstValueError,
|
169
|
+
firstValueSuccess,
|
170
|
+
secondValueError,
|
171
|
+
secondValueSuccess,
|
172
|
+
size,
|
173
|
+
...rest
|
174
|
+
}: StoryPropsRange) => {
|
175
|
+
const rangeRef = useRef<RangeInputRefs>(null);
|
176
|
+
|
177
|
+
const [isFirstOpen, setIsFirstOpen] = useState(false);
|
178
|
+
const [isSecondOpen, setIsSecondOpen] = useState(false);
|
179
|
+
|
180
|
+
const [firstValueInnerError, setFirstValueError] = useState(false);
|
181
|
+
const [secondValueInnerError, setSecondValueError] = useState(false);
|
182
|
+
|
183
|
+
const [firstValueInnerSuccess, setFirstValueSuccess] = useState(false);
|
184
|
+
const [secondValueInnerSuccess, setSecondValueSuccess] = useState(false);
|
185
|
+
|
186
|
+
const iconSize = size === 'xs' ? 'xs' : 's';
|
187
|
+
const showDividerIcon = dividerVariant === 'icon';
|
188
|
+
const showDefaultTextBefore = dividerVariant === 'none';
|
189
|
+
|
190
|
+
const dividerIconProps = {
|
191
|
+
dividerIcon: showDividerIcon ? <IconPlaceholder size="s" /> : null,
|
192
|
+
dividerVariant,
|
193
|
+
};
|
194
|
+
|
195
|
+
const handleCommitDate = (
|
196
|
+
errorSetter: Dispatch<SetStateAction<boolean>>,
|
197
|
+
successSetter: Dispatch<SetStateAction<boolean>>,
|
198
|
+
openSetter: Dispatch<SetStateAction<boolean>>,
|
199
|
+
) => (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
|
200
|
+
if (dateError) {
|
201
|
+
errorSetter(true);
|
202
|
+
onCommitValue(newDate);
|
203
|
+
return;
|
204
|
+
}
|
205
|
+
|
206
|
+
if (dateSuccess) {
|
207
|
+
successSetter(true);
|
208
|
+
}
|
209
|
+
|
210
|
+
onCommitValue(newDate);
|
211
|
+
openSetter(false);
|
212
|
+
};
|
213
|
+
|
214
|
+
return (
|
215
|
+
<DatePickerRange
|
216
|
+
size={size}
|
217
|
+
ref={rangeRef}
|
218
|
+
isOpenFirst={isFirstOpen}
|
219
|
+
isOpenSecond={isSecondOpen}
|
220
|
+
firstValueError={firstValueError || firstValueInnerError}
|
221
|
+
firstValueSuccess={firstValueSuccess || firstValueInnerSuccess}
|
222
|
+
secondValueError={secondValueError || secondValueInnerError}
|
223
|
+
secondValueSuccess={secondValueSuccess || secondValueInnerSuccess}
|
224
|
+
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
225
|
+
contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
|
226
|
+
firstTextfieldContentLeft={
|
227
|
+
enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
|
228
|
+
}
|
229
|
+
firstTextfieldContentRight={
|
230
|
+
enableFirstTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined
|
231
|
+
}
|
232
|
+
secondTextfieldContentLeft={
|
233
|
+
enableSecondTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
|
234
|
+
}
|
235
|
+
secondTextfieldContentRight={
|
236
|
+
enableSecondTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined
|
237
|
+
}
|
238
|
+
firstTextfieldTextBefore={
|
239
|
+
showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore
|
240
|
+
}
|
241
|
+
secondTextfieldTextBefore={
|
242
|
+
showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
|
243
|
+
}
|
244
|
+
onToggleFirst={(is) => setIsFirstOpen(is)}
|
245
|
+
onToggleSecond={(is) => setIsSecondOpen(is)}
|
246
|
+
onChangeFirstValue={(e, currentValue) => {
|
247
|
+
setFirstValueError(false);
|
248
|
+
setFirstValueSuccess(false);
|
249
|
+
onChangeFirstValue(e, currentValue);
|
250
|
+
}}
|
251
|
+
onChangeSecondValue={(e, currentValue) => {
|
252
|
+
setSecondValueError(false);
|
253
|
+
setSecondValueSuccess(false);
|
254
|
+
onChangeSecondValue(e, currentValue);
|
255
|
+
}}
|
256
|
+
onCommitFirstDate={handleCommitDate(setFirstValueError, setFirstValueSuccess, setIsFirstOpen)}
|
257
|
+
onCommitSecondDate={handleCommitDate(setSecondValueError, setSecondValueSuccess, setIsSecondOpen)}
|
258
|
+
{...dividerIconProps}
|
259
|
+
{...rest}
|
260
|
+
/>
|
261
|
+
);
|
262
|
+
};
|
263
|
+
|
264
|
+
export const Range: StoryObj<StoryPropsRange> = {
|
265
|
+
argTypes: {
|
266
|
+
dividerVariant: {
|
267
|
+
options: dividers,
|
268
|
+
control: {
|
269
|
+
type: 'inline-radio',
|
270
|
+
},
|
271
|
+
},
|
272
|
+
},
|
273
|
+
args: {
|
274
|
+
label: 'Лейбл',
|
275
|
+
leftHelper: 'Подсказка к полю',
|
276
|
+
firstPlaceholder: '30.05.2024',
|
277
|
+
secondPlaceholder: '04.06.2024',
|
278
|
+
firstTextfieldTextBefore: '',
|
279
|
+
secondTextfieldTextBefore: '',
|
280
|
+
size: 'l',
|
281
|
+
view: 'default',
|
282
|
+
isDoubleCalendar: false,
|
283
|
+
dividerVariant: 'dash',
|
284
|
+
min: new Date(2024, 1, 1),
|
285
|
+
max: new Date(2024, 12, 29),
|
286
|
+
maskWithFormat: false,
|
287
|
+
disabled: false,
|
288
|
+
readOnly: false,
|
289
|
+
enableContentLeft: true,
|
290
|
+
enableContentRight: true,
|
291
|
+
enableFirstTextfieldContentLeft: false,
|
292
|
+
enableFirstTextfieldContentRight: false,
|
293
|
+
enableSecondTextfieldContentLeft: false,
|
294
|
+
enableSecondTextfieldContentRight: false,
|
295
|
+
|
296
|
+
firstValueError: false,
|
297
|
+
firstValueSuccess: false,
|
298
|
+
secondValueError: false,
|
299
|
+
secondValueSuccess: false,
|
300
|
+
},
|
301
|
+
render: (args) => <StoryRange {...args} />,
|
302
|
+
};
|