@salutejs/plasma-new-hope 0.88.0-canary.1224.9413433725.0 → 0.88.0-canary.1224.9504044130.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Calendar/Calendar.tokens.js +3 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +21 -21
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +21 -21
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +3 -3
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +3 -3
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css → cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css} +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_1u3oyx8.css → DatePickerBase.styles_1thp2xv.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/DatePicker.css +83 -81
- package/cjs/components/DatePicker/RangeDate/DatePicker.js +72 -128
- package/cjs/components/DatePicker/RangeDate/DatePicker.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +13 -1
- package/cjs/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{DatePicker.styles_1aihs63.css → DatePicker.styles_6cvsgx.css} +2 -0
- package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.css → RangeDatePopover/RangeDatePopover.css} +31 -29
- package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +37 -6
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js} +20 -10
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
- package/cjs/components/DatePicker/SingleDate/DatePicker.css +24 -24
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css → cjs/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css} +1 -1
- package/cjs/components/Range/Range.css +6 -12
- package/cjs/components/Range/Range.js +32 -64
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +11 -23
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/{Range.styles_nik84l.css → Range.styles_9rort8.css} +3 -4
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
- package/cjs/components/Range/variations/_size/base.js +1 -1
- package/cjs/components/Range/variations/_size/{base_gbgxzj.css → base_16xiubi.css} +1 -1
- package/cjs/components/Range/variations/_view/base.js +1 -1
- package/cjs/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/cjs/index.css +39 -35
- package/es/components/Calendar/Calendar.tokens.js +3 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +21 -21
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +21 -21
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +3 -3
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_fznpy7.css +4 -0
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +3 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1b92i4d.css → es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css} +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +4 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +4 -0
- package/es/components/DatePicker/DatePicker.tokens.js +3 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_1u3oyx8.css → DatePickerBase.styles_1thp2xv.css} +1 -1
- package/es/components/DatePicker/RangeDate/DatePicker.css +83 -81
- package/es/components/DatePicker/RangeDate/DatePicker.js +73 -129
- package/es/components/DatePicker/RangeDate/DatePicker.js.map +1 -1
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js +12 -2
- package/es/components/DatePicker/RangeDate/DatePicker.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{DatePicker.styles_1aihs63.css → DatePicker.styles_6cvsgx.css} +2 -0
- package/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.css → RangeDatePopover/RangeDatePopover.css} +31 -29
- package/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +36 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +37 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +2 -0
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_dhosc0.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_size/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_c0144z.css +1 -0
- package/es/components/DatePicker/RangeDate/variations/_view/base.js +1 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +1 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base_1vly6xz.css +1 -0
- package/es/components/DatePicker/SingleDate/DatePicker.css +24 -24
- package/es/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/DatePicker.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/DatePicker.styles_1udo3ch.css → es/components/DatePicker/SingleDate/DatePicker.styles_1reoff2.css} +1 -1
- package/es/components/Range/Range.css +6 -12
- package/es/components/Range/Range.js +33 -65
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Range/Range.styles.js +12 -23
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/{Range.styles_nik84l.css → Range.styles_9rort8.css} +3 -4
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base_tzdxy8.css +1 -0
- package/es/components/Range/variations/_size/base.js +1 -1
- package/es/components/Range/variations/_size/{base_gbgxzj.css → base_16xiubi.css} +1 -1
- package/es/components/Range/variations/_view/base.js +1 -1
- package/es/components/Range/variations/_view/base_5iz3nr.css +1 -0
- package/es/index.css +39 -35
- package/package.json +2 -2
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +3 -0
- package/styled-components/cjs/components/Calendar/mixins/selected.js +2 -7
- package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +12 -17
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +4 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +7 -7
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +8 -8
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +3 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.js +72 -128
- package/styled-components/cjs/components/DatePicker/RangeDate/DatePicker.styles.js +8 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +36 -5
- package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.styles.js → RangeDatePopover/RangeDatePopover.styles.js} +12 -6
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +2 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +2 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +3 -1
- package/styled-components/cjs/components/DatePicker/SingleDate/DatePicker.styles.js +1 -1
- package/styled-components/cjs/components/Range/Range.js +32 -63
- package/styled-components/cjs/components/Range/Range.styles.js +8 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +6 -6
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
- package/styled-components/es/components/Calendar/Calendar.tokens.js +3 -0
- package/styled-components/es/components/Calendar/mixins/selected.js +2 -7
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +12 -17
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +5 -0
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +4 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +8 -8
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +9 -9
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +150 -0
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +3 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.js +73 -129
- package/styled-components/es/components/DatePicker/RangeDate/DatePicker.styles.js +7 -1
- package/styled-components/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.js → RangeDatePopover/RangeDatePopover.js} +34 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +19 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +2 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +2 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +3 -1
- package/styled-components/es/components/DatePicker/SingleDate/DatePicker.styles.js +2 -2
- package/styled-components/es/components/Range/Range.js +34 -65
- package/styled-components/es/components/Range/Range.styles.js +8 -13
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -2
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +6 -6
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +15 -66
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +1 -1
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -2
- package/types/components/Calendar/Calendar.tokens.d.ts +3 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/mixins/selected.d.ts +0 -20
- package/types/components/Calendar/mixins/selected.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.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/DatePicker/DatePicker.tokens.d.ts +3 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/DatePicker.d.ts +598 -2
- package/types/components/DatePicker/RangeDate/DatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts +5 -30
- package/types/components/DatePicker/RangeDate/DatePicker.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts +7 -59
- package/types/components/DatePicker/RangeDate/DatePicker.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +4 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +5 -0
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.d.ts → RangeDatePopover/RangeDatePopover.types.d.ts} +11 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -0
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/DatePicker.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts +5 -0
- package/types/components/DatePicker/SingleDate/DatePicker.types.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +0 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +1 -42
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Range/index.d.ts +1 -1
- package/types/components/Range/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -338
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -30
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -338
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.d.ts +3 -30
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +0 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +0 -4
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Range/variations/_readonly/base_yv1z2h.css +0 -1
- package/cjs/components/Range/variations/_view/base_87gpil.css +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_wuxgzs.css +0 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_7kz2z4.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_hbv1kh.css +0 -4
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +0 -28
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles_x3to15.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_1851hxh.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_1yswrwb.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base_x642ct.css +0 -1
- package/es/components/Range/variations/_readonly/base_yv1z2h.css +0 -1
- package/es/components/Range/variations/_view/base_87gpil.css +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.js +0 -13
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.styles.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDoubleDate/RangeDoubleDate.types.d.ts.map +0 -1
- /package/styled-components/cjs/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.js → RangeDatePopover/RangeDatePopover.types.js} +0 -0
- /package/styled-components/es/components/DatePicker/RangeDate/{RangeDoubleDate/RangeDoubleDate.types.js → RangeDatePopover/RangeDatePopover.types.js} +0 -0
@@ -15,7 +15,7 @@ var _utils2 = /*#__PURE__*/require("./utils");
|
|
15
15
|
var _Range = /*#__PURE__*/require("./Range.styles");
|
16
16
|
var _Range2 = /*#__PURE__*/require("./Range.tokens");
|
17
17
|
var _StyledDivider;
|
18
|
-
var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "
|
18
|
+
var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "firstValue", "secondValue", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "onChangeFirstValue", "onChangeSecondValue", "onSearchFirstValue", "onSearchSecondValue", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -53,15 +53,6 @@ var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
|
|
53
53
|
secondTextfieldTextBefore = _ref.secondTextfieldTextBefore,
|
54
54
|
firstTextfieldTextAfter = _ref.firstTextfieldTextAfter,
|
55
55
|
secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
|
56
|
-
isOpenFirst = _ref.isOpenFirst,
|
57
|
-
onToggleFirst = _ref.onToggleFirst,
|
58
|
-
firstInputPopoverContent = _ref.firstInputPopoverContent,
|
59
|
-
isOpenSecond = _ref.isOpenSecond,
|
60
|
-
onToggleSecond = _ref.onToggleSecond,
|
61
|
-
secondInputPopoverContent = _ref.secondInputPopoverContent,
|
62
|
-
offset = _ref.offset,
|
63
|
-
placement = _ref.placement,
|
64
|
-
closeOnOverlayClick = _ref.closeOnOverlayClick,
|
65
56
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
66
57
|
onChangeSecondValue = _ref.onChangeSecondValue,
|
67
58
|
onSearchFirstValue = _ref.onSearchFirstValue,
|
@@ -111,59 +102,37 @@ var rangeRoot = exports.rangeRoot = function rangeRoot(Root) {
|
|
111
102
|
readOnly: !disabled && readOnly
|
112
103
|
}, rest), label && /*#__PURE__*/_react["default"].createElement(_Range.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_Range.ContentWrapper, {
|
113
104
|
className: (0, _utils.cx)(rangeErrorClass, rangeSuccessClass)
|
114
|
-
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Range.
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
145
|
-
placement: (0, _utils.getPlacements)(placement),
|
146
|
-
trigger: "click",
|
147
|
-
closeOnOverlayClick: closeOnOverlayClick,
|
148
|
-
isFocusTrapped: false,
|
149
|
-
target: /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
150
|
-
ref: secondTextFieldRef,
|
151
|
-
className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
|
152
|
-
value: secondValue,
|
153
|
-
readOnly: readOnly,
|
154
|
-
disabled: disabled,
|
155
|
-
placeholder: secondPlaceholder,
|
156
|
-
contentLeft: secondTextfieldContentLeft,
|
157
|
-
contentRight: secondTextfieldContentRight,
|
158
|
-
textBefore: secondTextfieldTextBefore,
|
159
|
-
textAfter: secondTextfieldTextAfter,
|
160
|
-
onChange: handleChangeSecondValue,
|
161
|
-
onSearch: handleSearchSecondValue,
|
162
|
-
onFocus: onFocusSecondTextfield,
|
163
|
-
onBlur: onBlurSecondTextfield
|
164
|
-
}),
|
165
|
-
preventOverflow: false
|
166
|
-
}, secondInputPopoverContent), contentRight && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_Range.LeftHelper, null, leftHelper));
|
105
|
+
}, contentLeft && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
106
|
+
ref: firstTextFieldRef,
|
107
|
+
className: (0, _utils.cx)(firstValueErrorClass, firstValueSuccessClass),
|
108
|
+
value: firstValue,
|
109
|
+
readOnly: readOnly,
|
110
|
+
disabled: disabled,
|
111
|
+
placeholder: firstPlaceholder,
|
112
|
+
contentLeft: firstTextfieldContentLeft,
|
113
|
+
contentRight: firstTextfieldContentRight,
|
114
|
+
textBefore: firstTextfieldTextBefore,
|
115
|
+
textAfter: firstTextfieldTextAfter,
|
116
|
+
onChange: handleChangeFirstValue,
|
117
|
+
onSearch: handleSearchFirstValue,
|
118
|
+
onFocus: onFocusFirstTextfield,
|
119
|
+
onBlur: onBlurFirstTextfield
|
120
|
+
}), Divider, /*#__PURE__*/_react["default"].createElement(_Range.StyledInput, {
|
121
|
+
ref: secondTextFieldRef,
|
122
|
+
className: (0, _utils.cx)(secondValueErrorClass, secondValueSuccessClass),
|
123
|
+
value: secondValue,
|
124
|
+
readOnly: readOnly,
|
125
|
+
disabled: disabled,
|
126
|
+
placeholder: secondPlaceholder,
|
127
|
+
contentLeft: secondTextfieldContentLeft,
|
128
|
+
contentRight: secondTextfieldContentRight,
|
129
|
+
textBefore: secondTextfieldTextBefore,
|
130
|
+
textAfter: secondTextfieldTextAfter,
|
131
|
+
onChange: handleChangeSecondValue,
|
132
|
+
onSearch: handleSearchSecondValue,
|
133
|
+
onFocus: onFocusSecondTextfield,
|
134
|
+
onBlur: onBlurSecondTextfield
|
135
|
+
}), contentRight && /*#__PURE__*/_react["default"].createElement(_Range.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/_react["default"].createElement(_Range.LeftHelper, null, leftHelper));
|
167
136
|
});
|
168
137
|
};
|
169
138
|
var rangeConfig = exports.rangeConfig = {
|
@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
exports.base = exports.
|
7
|
+
exports.base = exports.StyledLabel = exports.StyledInput = exports.StyledDivider = exports.StyledContentRight = exports.StyledContentLeft = exports.LeftHelper = exports.ContentWrapper = void 0;
|
8
8
|
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
9
|
var _engines = /*#__PURE__*/require("../../engines");
|
10
10
|
var _TextField = /*#__PURE__*/require("../TextField");
|
@@ -14,32 +14,27 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
15
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
16
16
|
var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
17
|
-
var mergedPopoverConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Popover.popoverConfig);
|
18
|
-
var Popover = /*#__PURE__*/(0, _engines.component)(mergedPopoverConfig);
|
19
|
-
var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
|
20
|
-
componentId: "plasma-new-hope__sc-xpkrak-0"
|
21
|
-
})([""]);
|
22
17
|
|
23
18
|
// NOTE: переопределение токенов TextField
|
24
19
|
var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
|
25
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
20
|
+
componentId: "plasma-new-hope__sc-xpkrak-0"
|
26
21
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _Range.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _Range.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.caretColor, _Range.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _Range.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Range.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Range.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Range.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Range.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _Range.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Range.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Range.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Range.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Range.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Range.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Range.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _Range.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _Range.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _Range.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Range.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Range.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _Range.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _Range.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Range.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Range.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Range.tokens.textFieldTextAfterMargin, _Range.classes.rangeValueError, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorErrorFocus, _Range.classes.rangeValueSuccess, _TextField.textFieldTokens.backgroundColor, _Range.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _Range.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Range.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _Range.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _Range.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _Range.tokens.textFieldBorderColorSuccessFocus);
|
27
22
|
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{display:block;flex:1;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
|
28
23
|
var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
|
29
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
24
|
+
componentId: "plasma-new-hope__sc-xpkrak-1"
|
30
25
|
})([""]);
|
31
26
|
var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
32
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
27
|
+
componentId: "plasma-new-hope__sc-xpkrak-2"
|
33
28
|
})([""]);
|
34
29
|
var ContentWrapper = exports.ContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
35
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
30
|
+
componentId: "plasma-new-hope__sc-xpkrak-3"
|
36
31
|
})(["display:flex;align-items:center;"]);
|
37
32
|
var StyledDivider = exports.StyledDivider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
38
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
33
|
+
componentId: "plasma-new-hope__sc-xpkrak-4"
|
39
34
|
})([""]);
|
40
35
|
var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
41
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
36
|
+
componentId: "plasma-new-hope__sc-xpkrak-5"
|
42
37
|
})([""]);
|
43
38
|
var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
44
|
-
componentId: "plasma-new-hope__sc-xpkrak-
|
39
|
+
componentId: "plasma-new-hope__sc-xpkrak-6"
|
45
40
|
})([""]);
|
package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js
CHANGED
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":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);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.calendarDayOfWeekColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js
CHANGED
@@ -13,7 +13,7 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":transparent;", ":var(--
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-secondary);", ":transparent;", ":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);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _Calendar.tokens.calendarSeparatorBackground, _Calendar.tokens.calendarBackgroundColor, _Calendar.tokens.calendarSelectedItemBackground, _Calendar.tokens.calendarSelectedItemColor, _Calendar.tokens.calendarSelectableItemBackgroundHover, _Calendar.tokens.calendarCurrentItemBorderColor, _Calendar.tokens.calendarCurrentItemBackgroundHover, _Calendar.tokens.calendarCurrentItemColorHover, _Calendar.tokens.calendarCurrentItemChildBackgroundHover, _Calendar.tokens.calendarActiveItemBackground, _Calendar.tokens.calendarActiveItemColor, _Calendar.tokens.calendarHoveredItemBackground, _Calendar.tokens.calendarHoveredItemColor, _Calendar.tokens.calendarRangeBackground, _Calendar.tokens.calendarOutlineFocusColor, _Calendar.tokens.calendarContentPrimaryColor, _Calendar.tokens.calendarContentSecondaryColor, _Calendar.tokens.iconButtonColor, _Calendar.tokens.iconButtonBackgroundColor, _Calendar.tokens.iconButtonColorHover, _Calendar.tokens.iconButtonBackgroundColorHover, _Calendar.tokens.iconButtonColorActive, _Calendar.tokens.iconButtonBackgroundColorActive, _Calendar.tokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
19
|
l: /*#__PURE__*/(0, _styledComponents.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;"], _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarYearsPadding, _Calendar.tokens.calendarYearItemBorderRadius, _Calendar.tokens.calendarYearItemWidth, _Calendar.tokens.calendarYearItemHeight, _Calendar.tokens.calendarYearFontFamily, _Calendar.tokens.calendarYearFontSize, _Calendar.tokens.calendarYearFontStyle, _Calendar.tokens.calendarYearFontLetterSpacing, _Calendar.tokens.calendarYearFontLineHeight, _Calendar.tokens.calendarYearFontWeight, _Calendar.tokens.calendarYearSelectedFontWeight, _Calendar.tokens.calendarMonthsPadding, _Calendar.tokens.calendarMonthItemBorderRadius, _Calendar.tokens.calendarMonthItemWidth, _Calendar.tokens.calendarMonthItemHeight, _Calendar.tokens.calendarMonthFontFamily, _Calendar.tokens.calendarMonthFontSize, _Calendar.tokens.calendarMonthFontStyle, _Calendar.tokens.calendarMonthFontLetterSpacing, _Calendar.tokens.calendarMonthFontLineHeight, _Calendar.tokens.calendarMonthFontWeight, _Calendar.tokens.calendarMonthSelectedFontWeight, _Calendar.tokens.calendarDayItemBorderRadius, _Calendar.tokens.calendarDayItemWidth, _Calendar.tokens.calendarDayItemHeight, _Calendar.tokens.calendarDayFontFamily, _Calendar.tokens.calendarDayFontSize, _Calendar.tokens.calendarDayFontStyle, _Calendar.tokens.calendarDayFontLetterSpacing, _Calendar.tokens.calendarDayFontLineHeight, _Calendar.tokens.calendarDayFontWeight, _Calendar.tokens.calendarDaySelectedFontWeight, _Calendar.tokens.calendarHeaderArrowGap, _Calendar.tokens.calendarDaysPadding, _Calendar.tokens.calendarHeaderPadding, _Calendar.tokens.calendarHeaderDateGap, _Calendar.tokens.calendarHeaderFontFamily, _Calendar.tokens.calendarHeaderFontSize, _Calendar.tokens.calendarHeaderFontStyle, _Calendar.tokens.calendarHeaderFontLetterSpacing, _Calendar.tokens.calendarHeaderFontLineHeight, _Calendar.tokens.calendarHeaderFontWeight, _Calendar.tokens.calendarHeaderFontWeightBold, _Calendar.tokens.iconButtonHeight, _Calendar.tokens.iconButtonWidth, _Calendar.tokens.iconButtonPadding, _Calendar.tokens.iconButtonRadius),
|
package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js
CHANGED
@@ -13,13 +13,13 @@ var config = exports.config = {
|
|
13
13
|
},
|
14
14
|
variations: {
|
15
15
|
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--shadow-down-soft-s);", ":var(--surface-transparent-secondary);", ":var(--
|
16
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-transparent-primary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-positive);", ":var(--text-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-accent);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);", ":var(--surface-transparent-negative-active);", ":var(--surface-transparent-positive);", ":var(--surface-transparent-positive-active);", ":var(--text-tertiary);", ":var(--text-tertiary);", ":var(--text-accent);", ":var(--shadow-down-soft-s);", ":var(--surface-transparent-secondary);", ":var(--surface-solid-card);", ":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);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--surface-accent);"], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor)
|
17
17
|
},
|
18
18
|
size: {
|
19
|
-
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":26.5rem;", ":0.875rem;", ":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
|
20
|
-
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":23rem;", ":0.75rem;", ":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
|
21
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":19.5rem;", ":0.625rem;", ":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
|
22
|
-
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":19rem;", ":0.5rem;", ":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
|
19
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(["", ":26.5rem;", ":0.875rem;", ":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 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;", ":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;", ":26.5rem;", ":0.5rem 1rem 1.125rem 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;", ":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.875rem 1rem 0 1rem;", ":0.5rem;", ":0 0 0 1rem;", ":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;"], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarWidth, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearItemWidth, _DatePicker.datePickerTokens.calendarYearItemHeight, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthItemWidth, _DatePicker.datePickerTokens.calendarMonthItemHeight, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayItemWidth, _DatePicker.datePickerTokens.calendarDayItemHeight, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius),
|
20
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(["", ":23rem;", ":0.75rem;", ":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 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.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.5rem 1rem 1.125rem 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;", ":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.75rem 1rem 0 1rem;", ":0.5rem;", ":0 0 0 0.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;"], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarWidth, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearItemWidth, _DatePicker.datePickerTokens.calendarYearItemHeight, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthItemWidth, _DatePicker.datePickerTokens.calendarMonthItemHeight, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayItemWidth, _DatePicker.datePickerTokens.calendarDayItemHeight, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius),
|
21
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(["", ":19.5rem;", ":0.625rem;", ":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 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.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.5rem 1rem 0.875rem 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;", ":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.75rem 1rem 0 1rem;", ":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);", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;"], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarWidth, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearItemWidth, _DatePicker.datePickerTokens.calendarYearItemHeight, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthItemWidth, _DatePicker.datePickerTokens.calendarMonthItemHeight, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayItemWidth, _DatePicker.datePickerTokens.calendarDayItemHeight, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius),
|
22
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":19rem;", ":0.5rem;", ":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 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.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.75rem 0.625rem 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.625rem 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.5rem 0.75rem 0 0.75rem;", ":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;"], _DatePicker.datePickerTokens.width, _DatePicker.datePickerTokens.borderRadius, _DatePicker.datePickerTokens.dividerPadding, _DatePicker.datePickerTokens.dividerFontFamily, _DatePicker.datePickerTokens.dividerFontStyle, _DatePicker.datePickerTokens.dividerFontSize, _DatePicker.datePickerTokens.dividerFontWeight, _DatePicker.datePickerTokens.dividerLetterSpacing, _DatePicker.datePickerTokens.dividerLineHeight, _DatePicker.datePickerTokens.leftContentMargin, _DatePicker.datePickerTokens.rightContentMargin, _DatePicker.datePickerTokens.labelOffset, _DatePicker.datePickerTokens.labelFontFamily, _DatePicker.datePickerTokens.labelFontStyle, _DatePicker.datePickerTokens.labelFontSize, _DatePicker.datePickerTokens.labelFontWeight, _DatePicker.datePickerTokens.labelLetterSpacing, _DatePicker.datePickerTokens.labelLineHeight, _DatePicker.datePickerTokens.textFieldHeight, _DatePicker.datePickerTokens.textFieldBorderRadius, _DatePicker.datePickerTokens.textFieldPadding, _DatePicker.datePickerTokens.textFieldFontFamily, _DatePicker.datePickerTokens.textFieldFontStyle, _DatePicker.datePickerTokens.textFieldFontSize, _DatePicker.datePickerTokens.textFieldFontWeight, _DatePicker.datePickerTokens.textFieldLetterSpacing, _DatePicker.datePickerTokens.textFieldLineHeight, _DatePicker.datePickerTokens.leftHelperOffset, _DatePicker.datePickerTokens.leftHelperFontFamily, _DatePicker.datePickerTokens.leftHelperFontStyle, _DatePicker.datePickerTokens.leftHelperFontSize, _DatePicker.datePickerTokens.leftHelperFontWeight, _DatePicker.datePickerTokens.leftHelperLetterSpacing, _DatePicker.datePickerTokens.leftHelperLineHeight, _DatePicker.datePickerTokens.textFieldLeftContentMargin, _DatePicker.datePickerTokens.textFieldRightContentMargin, _DatePicker.datePickerTokens.textFieldTextBeforeMargin, _DatePicker.datePickerTokens.textFieldTextAfterMargin, _DatePicker.datePickerTokens.calendarWidth, _DatePicker.datePickerTokens.calendarBorderRadius, _DatePicker.datePickerTokens.calendarYearsPadding, _DatePicker.datePickerTokens.calendarYearItemBorderRadius, _DatePicker.datePickerTokens.calendarYearItemWidth, _DatePicker.datePickerTokens.calendarYearItemHeight, _DatePicker.datePickerTokens.calendarYearFontFamily, _DatePicker.datePickerTokens.calendarYearFontSize, _DatePicker.datePickerTokens.calendarYearFontStyle, _DatePicker.datePickerTokens.calendarYearFontLetterSpacing, _DatePicker.datePickerTokens.calendarYearFontLineHeight, _DatePicker.datePickerTokens.calendarYearFontWeight, _DatePicker.datePickerTokens.calendarYearSelectedFontWeight, _DatePicker.datePickerTokens.calendarMonthsPadding, _DatePicker.datePickerTokens.calendarMonthItemBorderRadius, _DatePicker.datePickerTokens.calendarMonthItemWidth, _DatePicker.datePickerTokens.calendarMonthItemHeight, _DatePicker.datePickerTokens.calendarMonthFontFamily, _DatePicker.datePickerTokens.calendarMonthFontSize, _DatePicker.datePickerTokens.calendarMonthFontStyle, _DatePicker.datePickerTokens.calendarMonthFontLetterSpacing, _DatePicker.datePickerTokens.calendarMonthFontLineHeight, _DatePicker.datePickerTokens.calendarMonthFontWeight, _DatePicker.datePickerTokens.calendarMonthSelectedFontWeight, _DatePicker.datePickerTokens.calendarDaysPadding, _DatePicker.datePickerTokens.calendarDayItemBorderRadius, _DatePicker.datePickerTokens.calendarDayItemWidth, _DatePicker.datePickerTokens.calendarDayItemHeight, _DatePicker.datePickerTokens.calendarDayFontFamily, _DatePicker.datePickerTokens.calendarDayFontSize, _DatePicker.datePickerTokens.calendarDayFontStyle, _DatePicker.datePickerTokens.calendarDayFontLetterSpacing, _DatePicker.datePickerTokens.calendarDayFontLineHeight, _DatePicker.datePickerTokens.calendarDayFontWeight, _DatePicker.datePickerTokens.calendarDaySelectedFontWeight, _DatePicker.datePickerTokens.calendarHeaderWrapperPadding, _DatePicker.datePickerTokens.calendarHeaderArrowGap, _DatePicker.datePickerTokens.calendarHeaderPadding, _DatePicker.datePickerTokens.calendarHeaderDateGap, _DatePicker.datePickerTokens.calendarHeaderFontFamily, _DatePicker.datePickerTokens.calendarHeaderFontSize, _DatePicker.datePickerTokens.calendarHeaderFontStyle, _DatePicker.datePickerTokens.calendarHeaderFontLetterSpacing, _DatePicker.datePickerTokens.calendarHeaderFontLineHeight, _DatePicker.datePickerTokens.calendarHeaderFontWeight, _DatePicker.datePickerTokens.calendarHeaderFontWeightBold, _DatePicker.datePickerTokens.iconButtonHeight, _DatePicker.datePickerTokens.iconButtonWidth, _DatePicker.datePickerTokens.iconButtonPadding, _DatePicker.datePickerTokens.iconButtonRadius)
|
23
23
|
},
|
24
24
|
disabled: {
|
25
25
|
"true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _DatePicker.datePickerTokens.disabledOpacity)
|
package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { ComponentProps,
|
1
|
+
import React, { ComponentProps, useRef, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
4
|
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
@@ -10,7 +10,6 @@ import { RangeInputRefs } from '../../../../components/Range/Range.types';
|
|
10
10
|
import { DatePicker, DatePickerRange } from './DatePicker';
|
11
11
|
|
12
12
|
const onChangeValue = action('onChangeValue');
|
13
|
-
const onCommitValue = action('onCommitValue');
|
14
13
|
const onBlur = action('onBlur');
|
15
14
|
const onFocus = action('onFocus');
|
16
15
|
|
@@ -66,43 +65,24 @@ const StoryDefault = ({
|
|
66
65
|
...rest
|
67
66
|
}: StoryPropsDefault) => {
|
68
67
|
const [isOpen, setIsOpen] = useState(false);
|
69
|
-
const [error, setError] = useState<boolean>(false);
|
70
|
-
const [success, setSuccess] = useState<boolean>(false);
|
71
68
|
|
72
69
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
73
70
|
|
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
71
|
return (
|
90
72
|
<DatePicker
|
91
73
|
isOpen={isOpen}
|
92
74
|
size={size}
|
93
|
-
valueError={
|
94
|
-
valueSuccess={
|
75
|
+
valueError={valueError}
|
76
|
+
valueSuccess={valueSuccess}
|
95
77
|
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
96
78
|
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
97
79
|
onBlur={onBlur}
|
98
80
|
onFocus={onFocus}
|
99
81
|
onToggle={(is) => setIsOpen(is)}
|
100
82
|
onChangeValue={(e, currentValue) => {
|
101
|
-
setError(false);
|
102
|
-
setSuccess(false);
|
103
83
|
onChangeValue(e, currentValue);
|
104
84
|
}}
|
105
|
-
onCommitDate={
|
85
|
+
onCommitDate={() => setIsOpen(false)}
|
106
86
|
{...rest}
|
107
87
|
/>
|
108
88
|
);
|
@@ -174,53 +154,26 @@ const StoryRange = ({
|
|
174
154
|
}: StoryPropsRange) => {
|
175
155
|
const rangeRef = useRef<RangeInputRefs>(null);
|
176
156
|
|
177
|
-
const [
|
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);
|
157
|
+
const [isOpen, setIsOpen] = useState(false);
|
185
158
|
|
186
159
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
187
160
|
const showDividerIcon = dividerVariant === 'icon';
|
188
161
|
const showDefaultTextBefore = dividerVariant === 'none';
|
189
162
|
|
190
163
|
const dividerIconProps = {
|
191
|
-
dividerIcon: showDividerIcon ? <IconPlaceholder size=
|
164
|
+
dividerIcon: showDividerIcon ? <IconPlaceholder size={iconSize} /> : null,
|
192
165
|
dividerVariant,
|
193
166
|
};
|
194
167
|
|
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
168
|
return (
|
215
169
|
<DatePickerRange
|
216
170
|
size={size}
|
217
171
|
ref={rangeRef}
|
218
|
-
|
219
|
-
|
220
|
-
|
221
|
-
|
222
|
-
|
223
|
-
secondValueSuccess={secondValueSuccess || secondValueInnerSuccess}
|
172
|
+
isOpen={isOpen}
|
173
|
+
firstValueError={firstValueError}
|
174
|
+
firstValueSuccess={firstValueSuccess}
|
175
|
+
secondValueError={secondValueError}
|
176
|
+
secondValueSuccess={secondValueSuccess}
|
224
177
|
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
225
178
|
contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
|
226
179
|
firstTextfieldContentLeft={
|
@@ -241,20 +194,14 @@ const StoryRange = ({
|
|
241
194
|
secondTextfieldTextBefore={
|
242
195
|
showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
|
243
196
|
}
|
244
|
-
|
245
|
-
onToggleSecond={(is) => setIsSecondOpen(is)}
|
197
|
+
onToggle={(is) => setIsOpen(is)}
|
246
198
|
onChangeFirstValue={(e, currentValue) => {
|
247
|
-
setFirstValueError(false);
|
248
|
-
setFirstValueSuccess(false);
|
249
199
|
onChangeFirstValue(e, currentValue);
|
250
200
|
}}
|
251
201
|
onChangeSecondValue={(e, currentValue) => {
|
252
|
-
setSecondValueError(false);
|
253
|
-
setSecondValueSuccess(false);
|
254
202
|
onChangeSecondValue(e, currentValue);
|
255
203
|
}}
|
256
|
-
|
257
|
-
onCommitSecondDate={handleCommitDate(setSecondValueError, setSecondValueSuccess, setIsSecondOpen)}
|
204
|
+
onCommitSecondDate={() => setIsOpen(false)}
|
258
205
|
{...dividerIconProps}
|
259
206
|
{...rest}
|
260
207
|
/>
|
@@ -277,6 +224,8 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
277
224
|
secondPlaceholder: '04.06.2024',
|
278
225
|
firstTextfieldTextBefore: '',
|
279
226
|
secondTextfieldTextBefore: '',
|
227
|
+
firstTextfieldTextAfter: '',
|
228
|
+
secondTextfieldTextAfter: '',
|
280
229
|
size: 'l',
|
281
230
|
view: 'default',
|
282
231
|
isDoubleCalendar: false,
|