@salutejs/plasma-new-hope 0.88.0-canary.1224.9413433725.0 → 0.88.0-canary.1224.9512430427.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/Dropdown/Dropdown.js +2 -1
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/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/Dropdown/Dropdown.js +2 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/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/Dropdown/Dropdown.js +2 -1
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/cjs/components/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/Dropdown/Dropdown.js +2 -1
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +8 -4
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +6 -5
- package/styled-components/es/components/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/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts +1 -0
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/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
@@ -0,0 +1,4 @@
|
|
1
|
+
.sotsbos{border-radius:calc(var(--plasma-calendar-day-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.sotsbos.day-in-range:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.sotsbos.day-side-in-range:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.sotsbos.day-side-left:before{left:var(--sotsbos-0);}.sotsbos.day-side-right:before{right:var(--sotsbos-0);}
|
2
|
+
.smv00b5{font-family:var(--plasma-calendar-day-font-family);font-size:var(--plasma-calendar-day-font-size);font-style:var(--plasma-calendar-day-font-style);font-weight:var(--plasma-calendar-day-font-weight);-webkit-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);letter-spacing:var(--plasma-calendar-day-font-letter-spacing);line-height:var(--plasma-calendar-day-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-day-item-width);min-height:var(--plasma-calendar-day-item-height);border-radius:var(--plasma-calendar-day-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--smv00b5-0);visibility:var(--smv00b5-1);}.smv00b5.item-selectable{outline:none;cursor:pointer;position:relative;}.smv00b5.item-selectable:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.smv00b5.item-selectable.item-hovered,.smv00b5.item-selectable.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-day-selected-font-weight);}.smv00b5.item-selectable.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-day-selected-font-weight);}.smv00b5.item-selectable:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.smv00b5.item-selectable.item-current{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.smv00b5.item-selectable.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.smv00b5.item-selectable.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-day-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-day-item-height) - 0.25rem);}.smv00b5.item-selectable::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.smv00b5.item-selectable.focus-visible:focus::before,.smv00b5.item-selectable[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.smv00b5.item-selectable.item-current{position:relative;}.smv00b5.item-selectable.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.smv00b5.item-selectable.item-current.focus-visible:focus::before,.smv00b5.item-selectable.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.smv00b5.day-of-week{color:var(--plasma-calendar-day-of-the-week-color);}.smv00b5.day-disabled{cursor:not-allowed;opacity:0.4;}.smv00b5.day-disabled-current{cursor:not-allowed;opacity:0.4;}.smv00b5.item-current > .day-in-range:before{width:calc(100% + 2px);height:100%;}.smv00b5.item-current > .day-side-right:before{width:100%;right:-1px;left:unset;}.smv00b5.item-current > .day-side-left:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.s58etsc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.say0ota{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--say0ota-0);}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.CalendarDayItem_styles_fznpy7_sotsbos__c9d8cd6c{border-radius:calc(var(--plasma-calendar-day-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CalendarDayItem_styles_fznpy7_sotsbos__c9d8cd6c.CalendarDayItem_styles_fznpy7_dayInRange__c9d8cd6c:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.CalendarDayItem_styles_fznpy7_sotsbos__c9d8cd6c.CalendarDayItem_styles_fznpy7_daySideInRange__c9d8cd6c:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.CalendarDayItem_styles_fznpy7_sotsbos__c9d8cd6c.CalendarDayItem_styles_fznpy7_daySideLeft__c9d8cd6c:before{left:var(--sotsbos-0);}.CalendarDayItem_styles_fznpy7_sotsbos__c9d8cd6c.CalendarDayItem_styles_fznpy7_daySideRight__c9d8cd6c:before{right:var(--sotsbos-0);}
|
2
|
+
.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c{font-family:var(--plasma-calendar-day-font-family);font-size:var(--plasma-calendar-day-font-size);font-style:var(--plasma-calendar-day-font-style);font-weight:var(--plasma-calendar-day-font-weight);-webkit-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-day-font-letter-spacing);letter-spacing:var(--plasma-calendar-day-font-letter-spacing);line-height:var(--plasma-calendar-day-line-height);position:relative;box-sizing:border-box;min-width:var(--plasma-calendar-day-item-width);min-height:var(--plasma-calendar-day-item-height);border-radius:var(--plasma-calendar-day-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--smv00b5-0);visibility:var(--smv00b5-1);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c{outline:none;cursor:pointer;position:relative;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemHovered__c9d8cd6c,.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemHovered__c9d8cd6c:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelected__c9d8cd6c:not(.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelected__c9d8cd6c{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-day-selected-font-weight);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelected__c9d8cd6c > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-day-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-day-item-height) - 0.25rem);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_focusVisible__c9d8cd6c:focus::before,.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c{position:relative;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-day-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c.CalendarDayItem_styles_fznpy7_focusVisible__c9d8cd6c:focus::before,.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemSelectable__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_dayOfWeek__c9d8cd6c{color:var(--plasma-calendar-day-of-the-week-color);}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_dayDisabled__c9d8cd6c{cursor:not-allowed;opacity:0.4;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_dayDisabledCurrent__c9d8cd6c{cursor:not-allowed;opacity:0.4;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c > .CalendarDayItem_styles_fznpy7_dayInRange__c9d8cd6c:before{width:calc(100% + 2px);height:100%;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c > .CalendarDayItem_styles_fznpy7_daySideRight__c9d8cd6c:before{width:100%;right:-1px;left:unset;}.CalendarDayItem_styles_fznpy7_smv00b5__c9d8cd6c.CalendarDayItem_styles_fznpy7_itemCurrent__c9d8cd6c > .CalendarDayItem_styles_fznpy7_daySideLeft__c9d8cd6c:before{width:100%;left:-1px;right:unset;}
|
3
|
+
.CalendarDayItem_styles_fznpy7_s58etsc__c9d8cd6c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0.25rem;}
|
4
|
+
.CalendarDayItem_styles_fznpy7_say0ota__c9d8cd6c{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--say0ota-0);}
|
5
5
|
|
6
6
|
.CalendarDays_styles_1oq8sud_s1jnjaxw__be296257{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
7
7
|
.CalendarDays_styles_1oq8sud_s1rv3pd5__be296257{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;}
|
@@ -28,11 +28,11 @@
|
|
28
28
|
|
29
29
|
.IconButton_styles_7v8g0e_b1ua728l__3b30d792{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_7v8g0e_b1ua728l__3b30d792{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonSquare__3b30d792{width:var(--plasma-button-height);padding:0;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792:focus{outline:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_focusVisible__3b30d792:focus::before,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:hover,.IconButton_styles_7v8g0e_b1ua728l__3b30d792[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFixed__3b30d792{width:var(--plasma-button-width);}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingFilled__3b30d792{width:100%;}.IconButton_styles_7v8g0e_b1ua728l__3b30d792.IconButton_styles_7v8g0e_buttonStretchingAuto__3b30d792{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
30
30
|
|
31
|
-
.
|
32
|
-
.
|
33
|
-
.
|
34
|
-
.
|
35
|
-
.
|
36
|
-
.
|
37
|
-
.
|
38
|
-
.
|
31
|
+
.CalendarHeader_styles_gnorek_sjaqipy__eb2e05d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
|
32
|
+
.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8:hover,.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8.CalendarHeader_styles_gnorek_focusVisible__eb2e05d8:focus::before,.CalendarHeader_styles_gnorek_s1k7jebr__eb2e05d8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
33
|
+
.CalendarHeader_styles_gnorek_s1b07tlr__eb2e05d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
|
34
|
+
.CalendarHeader_styles_gnorek_s13yvda3__eb2e05d8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
|
35
|
+
.CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
|
36
|
+
.CalendarHeader_styles_gnorek_sw3by8z__eb2e05d8{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
37
|
+
.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8 .CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{grid-area:a;}.CalendarHeader_styles_gnorek_sdke0q6__eb2e05d8.CalendarHeader_styles_gnorek_doubleHeader_LastDateWrapper__eb2e05d8 .CalendarHeader_styles_gnorek_s1i8jkj2__eb2e05d8{grid-area:c;}
|
38
|
+
.CalendarHeader_styles_gnorek_sdtpxcv__eb2e05d8{font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -41,16 +41,19 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
41
41
|
}
|
42
42
|
if (type === types.CalendarState.Days) {
|
43
43
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, index.MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill.IconDisclosureDownFill, {
|
44
|
+
color: "inherit",
|
44
45
|
size: size === 'xs' ? 'xs' : 's'
|
45
46
|
})));
|
46
47
|
}
|
47
48
|
if (type === types.CalendarState.Months) {
|
48
49
|
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill.IconDisclosureDownFill, {
|
50
|
+
color: "inherit",
|
49
51
|
size: size === 'xs' ? 'xs' : 's'
|
50
52
|
}));
|
51
53
|
}
|
52
54
|
if (type === types.CalendarState.Years) {
|
53
55
|
return /*#__PURE__*/React.createElement(CalendarHeader_styles.StyledHeaderDate, null, startYear, "\u2014", startYear + index.YEAR_RENDER_COUNT - 1, /*#__PURE__*/React.createElement(IconDisclosureDownFill.IconDisclosureDownFill, {
|
56
|
+
color: "inherit",
|
54
57
|
size: size === 'xs' ? 'xs' : 's'
|
55
58
|
}));
|
56
59
|
}
|
@@ -64,6 +67,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
64
67
|
return onPrev();
|
65
68
|
}
|
66
69
|
}, /*#__PURE__*/React.createElement(IconDisclosureLeft.IconDisclosureLeft, {
|
70
|
+
color: "inherit",
|
67
71
|
size: size === 'xs' ? 'xs' : 's'
|
68
72
|
}));
|
69
73
|
}, [currentCalendarType, size, onPrev]);
|
@@ -74,6 +78,7 @@ var CalendarHeader = function CalendarHeader(_ref) {
|
|
74
78
|
return onNext();
|
75
79
|
}
|
76
80
|
}, /*#__PURE__*/React.createElement(IconDisclosureRight.IconDisclosureRight, {
|
81
|
+
color: "inherit",
|
77
82
|
size: size === 'xs' ? 'xs' : 's'
|
78
83
|
}));
|
79
84
|
}, [currentCalendarType, size, onNext]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n}) => {\n const handleCalendarState = useCallback(() => {\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, [3, 2]);\n }\n\n if (type === CalendarState.Months) {\n onUpdateCalendarState?.(CalendarState.Years, [3, 2]);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n return (\n <StyledHeaderDate>\n {startYear}—{startYear + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size],\n );\n\n const currentCalendarType = getCalendarType(isDouble ? CalendarState.Days : type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble aria-live=\"polite\">{getHeaderContent(firstDate)}</StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble aria-live=\"polite\">{getHeaderContent(secondDate)}</StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","CalendarState","Days","Months","Years","getHeaderContent","date","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":";;;;;;;;;;;;;;AAoBA;AACA;AACA;IACaA,cAA6C,GAAG,SAAhDA,cAA6CA,CAAAC,IAAA,EAUpD;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CATFE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IAAAE,cAAA,GAAAH,IAAA,CACbI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;IACbE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,qBAAqB,GAAAX,IAAA,CAArBW,qBAAqB,CAAA;AAErB,EAAA,IAAMC,mBAAmB,GAAGC,iBAAW,CAAC,YAAM;AAC1C,IAAA,IAAIX,IAAI,KAAKY,mBAAa,CAACC,IAAI,EAAE;AAC7BJ,MAAAA,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAGG,mBAAa,CAACE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACzD,KAAA;AAEA,IAAA,IAAId,IAAI,KAAKY,mBAAa,CAACE,MAAM,EAAE;AAC/BL,MAAAA,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAGG,mBAAa,CAACG,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACxD,KAAA;AACJ,GAAC,EAAE,CAACf,IAAI,EAAES,qBAAqB,CAAC,CAAC,CAAA;AAEjC,EAAA,IAAMO,gBAAgB,GAAGL,iBAAW,CAChC,UAACM,IAAiB,EAAK;IACnB,IAAI,CAACA,IAAI,EAAE;AACP,MAAA,OAAO,EAAE,CAAA;AACb,KAAA;AAEA,IAAA,IAAIjB,IAAI,KAAKY,mBAAa,CAACC,IAAI,EAAE;AAC7B,MAAA,oBACIK,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,sCAAgB,EAAEC,IAAAA,EAAAA,iBAAW,CAACL,IAAI,CAACM,UAAU,CAAoB,CAAC,eACnEL,KAAA,CAAAC,aAAA,CAACE,sCAAgB,EAAA,IAAA,EACZJ,IAAI,CAACO,IAAI,eACVN,KAAA,CAAAC,aAAA,CAACM,6CAAsB,EAAA;
|
1
|
+
{"version":3,"file":"CalendarHeader.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\n\nimport { IconDisclosureDownFill, IconDisclosureLeft, IconDisclosureRight } from '../../../_Icon';\nimport { CalendarState } from '../../store/types';\nimport { getCalendarType, MONTH_NAMES, YEAR_RENDER_COUNT } from '../../utils';\nimport type { DateObject } from '../../Calendar.types';\nimport { classes } from '../../Calendar.tokens';\n\nimport type { CalendarHeaderProps } from './CalendarHeader.types';\nimport {\n StyledArrow,\n StyledArrows,\n StyledCalendarHeader,\n StyledDoubleHeaderWrapper,\n StyledHeader,\n StyledHeaderDate,\n StyledHeaderDouble,\n StyledNavigation,\n} from './CalendarHeader.styles';\n\n/**\n * Компонент шапки календаря.\n */\nexport const CalendarHeader: React.FC<CalendarHeaderProps> = ({\n type = 'Days',\n startYear = 0,\n size,\n firstDate,\n secondDate,\n isDouble,\n onPrev,\n onNext,\n onUpdateCalendarState,\n}) => {\n const handleCalendarState = useCallback(() => {\n if (type === CalendarState.Days) {\n onUpdateCalendarState?.(CalendarState.Months, [3, 2]);\n }\n\n if (type === CalendarState.Months) {\n onUpdateCalendarState?.(CalendarState.Years, [3, 2]);\n }\n }, [type, onUpdateCalendarState]);\n\n const getHeaderContent = useCallback(\n (date?: DateObject) => {\n if (!date) {\n return '';\n }\n\n if (type === CalendarState.Days) {\n return (\n <>\n <StyledHeaderDate>{MONTH_NAMES[date.monthIndex]}</StyledHeaderDate>\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n </>\n );\n }\n\n if (type === CalendarState.Months) {\n return (\n <StyledHeaderDate>\n {date.year}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n if (type === CalendarState.Years) {\n return (\n <StyledHeaderDate>\n {startYear}—{startYear + YEAR_RENDER_COUNT - 1}\n <IconDisclosureDownFill color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledHeaderDate>\n );\n }\n\n return '';\n },\n [type, startYear, size],\n );\n\n const currentCalendarType = getCalendarType(isDouble ? CalendarState.Days : type);\n\n const PreviousButton = useMemo(\n () => (\n <StyledArrow aria-label={`Предыдущий ${currentCalendarType}`} onClick={() => onPrev()}>\n <IconDisclosureLeft color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onPrev],\n );\n\n const NextButton = useMemo(\n () => (\n <StyledArrow aria-label={`Следующий ${currentCalendarType}`} onClick={() => onNext()}>\n <IconDisclosureRight color=\"inherit\" size={size === 'xs' ? 'xs' : 's'} />\n </StyledArrow>\n ),\n [currentCalendarType, size, onNext],\n );\n\n return (\n <StyledCalendarHeader>\n {isDouble ? (\n <StyledNavigation>\n <StyledDoubleHeaderWrapper>\n {PreviousButton}\n <StyledHeaderDouble aria-live=\"polite\">{getHeaderContent(firstDate)}</StyledHeaderDouble>\n </StyledDoubleHeaderWrapper>\n <StyledDoubleHeaderWrapper className={classes.doubleHeaderLastDateWrapper}>\n <StyledHeaderDouble aria-live=\"polite\">{getHeaderContent(secondDate)}</StyledHeaderDouble>\n {NextButton}\n </StyledDoubleHeaderWrapper>\n </StyledNavigation>\n ) : (\n <>\n <StyledHeader\n type=\"button\"\n aria-live=\"polite\"\n id=\"id-grid-label\"\n onClick={handleCalendarState}\n tabIndex={0}\n >\n {getHeaderContent(firstDate)}\n </StyledHeader>\n <StyledArrows>\n {PreviousButton}\n {NextButton}\n </StyledArrows>\n </>\n )}\n </StyledCalendarHeader>\n );\n};\n"],"names":["CalendarHeader","_ref","_ref$type","type","_ref$startYear","startYear","size","firstDate","secondDate","isDouble","onPrev","onNext","onUpdateCalendarState","handleCalendarState","useCallback","CalendarState","Days","Months","Years","getHeaderContent","date","React","createElement","Fragment","StyledHeaderDate","MONTH_NAMES","monthIndex","year","IconDisclosureDownFill","color","YEAR_RENDER_COUNT","currentCalendarType","getCalendarType","PreviousButton","useMemo","StyledArrow","concat","onClick","IconDisclosureLeft","NextButton","IconDisclosureRight","StyledCalendarHeader","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble","className","classes","doubleHeaderLastDateWrapper","StyledHeader","id","tabIndex","StyledArrows"],"mappings":";;;;;;;;;;;;;;AAoBA;AACA;AACA;IACaA,cAA6C,GAAG,SAAhDA,cAA6CA,CAAAC,IAAA,EAUpD;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CATFE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IAAAE,cAAA,GAAAH,IAAA,CACbI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,cAAA;IACbE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,MAAM,GAAAT,IAAA,CAANS,MAAM;IACNC,MAAM,GAAAV,IAAA,CAANU,MAAM;IACNC,qBAAqB,GAAAX,IAAA,CAArBW,qBAAqB,CAAA;AAErB,EAAA,IAAMC,mBAAmB,GAAGC,iBAAW,CAAC,YAAM;AAC1C,IAAA,IAAIX,IAAI,KAAKY,mBAAa,CAACC,IAAI,EAAE;AAC7BJ,MAAAA,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAGG,mBAAa,CAACE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACzD,KAAA;AAEA,IAAA,IAAId,IAAI,KAAKY,mBAAa,CAACE,MAAM,EAAE;AAC/BL,MAAAA,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,IAAAA,qBAAqB,CAAGG,mBAAa,CAACG,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AACxD,KAAA;AACJ,GAAC,EAAE,CAACf,IAAI,EAAES,qBAAqB,CAAC,CAAC,CAAA;AAEjC,EAAA,IAAMO,gBAAgB,GAAGL,iBAAW,CAChC,UAACM,IAAiB,EAAK;IACnB,IAAI,CAACA,IAAI,EAAE;AACP,MAAA,OAAO,EAAE,CAAA;AACb,KAAA;AAEA,IAAA,IAAIjB,IAAI,KAAKY,mBAAa,CAACC,IAAI,EAAE;AAC7B,MAAA,oBACIK,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,eACIF,KAAA,CAAAC,aAAA,CAACE,sCAAgB,EAAEC,IAAAA,EAAAA,iBAAW,CAACL,IAAI,CAACM,UAAU,CAAoB,CAAC,eACnEL,KAAA,CAAAC,aAAA,CAACE,sCAAgB,EAAA,IAAA,EACZJ,IAAI,CAACO,IAAI,eACVN,KAAA,CAAAC,aAAA,CAACM,6CAAsB,EAAA;AAACC,QAAAA,KAAK,EAAC,SAAS;AAACvB,QAAAA,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAA;OAAM,CAC7D,CACpB,CAAC,CAAA;AAEX,KAAA;AAEA,IAAA,IAAIH,IAAI,KAAKY,mBAAa,CAACE,MAAM,EAAE;AAC/B,MAAA,oBACII,KAAA,CAAAC,aAAA,CAACE,sCAAgB,EACZJ,IAAAA,EAAAA,IAAI,CAACO,IAAI,eACVN,KAAA,CAAAC,aAAA,CAACM,6CAAsB,EAAA;AAACC,QAAAA,KAAK,EAAC,SAAS;AAACvB,QAAAA,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAA;AAAI,OAAE,CAC7D,CAAC,CAAA;AAE3B,KAAA;AAEA,IAAA,IAAIH,IAAI,KAAKY,mBAAa,CAACG,KAAK,EAAE;MAC9B,oBACIG,KAAA,CAAAC,aAAA,CAACE,sCAAgB,EACZnB,IAAAA,EAAAA,SAAS,EAAC,QAAC,EAACA,SAAS,GAAGyB,uBAAiB,GAAG,CAAC,eAC9CT,KAAA,CAAAC,aAAA,CAACM,6CAAsB,EAAA;AAACC,QAAAA,KAAK,EAAC,SAAS;AAACvB,QAAAA,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAA;AAAI,OAAE,CAC7D,CAAC,CAAA;AAE3B,KAAA;AAEA,IAAA,OAAO,EAAE,CAAA;GACZ,EACD,CAACH,IAAI,EAAEE,SAAS,EAAEC,IAAI,CAC1B,CAAC,CAAA;EAED,IAAMyB,mBAAmB,GAAGC,qBAAe,CAACvB,QAAQ,GAAGM,mBAAa,CAACC,IAAI,GAAGb,IAAI,CAAC,CAAA;EAEjF,IAAM8B,cAAc,GAAGC,aAAO,CAC1B,YAAA;AAAA,IAAA,oBACIb,KAAA,CAAAC,aAAA,CAACa,iCAAW,EAAA;MAAC,YAAAC,EAAAA,+DAAAA,CAAAA,MAAA,CAA0BL,mBAAmB,CAAG;MAACM,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAM3B,MAAM,EAAE,CAAA;AAAA,OAAA;AAAC,KAAA,eAClFW,KAAA,CAAAC,aAAA,CAACgB,qCAAkB,EAAA;AAACT,MAAAA,KAAK,EAAC,SAAS;AAACvB,MAAAA,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAA;AAAI,KAAE,CAC9D,CAAC,CAAA;GACjB,EACD,CAACyB,mBAAmB,EAAEzB,IAAI,EAAEI,MAAM,CACtC,CAAC,CAAA;EAED,IAAM6B,UAAU,GAAGL,aAAO,CACtB,YAAA;AAAA,IAAA,oBACIb,KAAA,CAAAC,aAAA,CAACa,iCAAW,EAAA;MAAC,YAAAC,EAAAA,yDAAAA,CAAAA,MAAA,CAAyBL,mBAAmB,CAAG;MAACM,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAM1B,MAAM,EAAE,CAAA;AAAA,OAAA;AAAC,KAAA,eACjFU,KAAA,CAAAC,aAAA,CAACkB,uCAAmB,EAAA;AAACX,MAAAA,KAAK,EAAC,SAAS;AAACvB,MAAAA,IAAI,EAAEA,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,GAAA;AAAI,KAAE,CAC/D,CAAC,CAAA;GACjB,EACD,CAACyB,mBAAmB,EAAEzB,IAAI,EAAEK,MAAM,CACtC,CAAC,CAAA;EAED,oBACIU,KAAA,CAAAC,aAAA,CAACmB,0CAAoB,EAChBhC,IAAAA,EAAAA,QAAQ,gBACLY,KAAA,CAAAC,aAAA,CAACoB,sCAAgB,qBACbrB,KAAA,CAAAC,aAAA,CAACqB,+CAAyB,EAAA,IAAA,EACrBV,cAAc,eACfZ,KAAA,CAAAC,aAAA,CAACsB,wCAAkB,EAAA;IAAC,WAAU,EAAA,QAAA;GAAUzB,EAAAA,gBAAgB,CAACZ,SAAS,CAAsB,CACjE,CAAC,eAC5Bc,KAAA,CAAAC,aAAA,CAACqB,+CAAyB,EAAA;IAACE,SAAS,EAAEC,uBAAO,CAACC,2BAAAA;AAA4B,GAAA,eACtE1B,KAAA,CAAAC,aAAA,CAACsB,wCAAkB,EAAA;IAAC,WAAU,EAAA,QAAA;GAAUzB,EAAAA,gBAAgB,CAACX,UAAU,CAAsB,CAAC,EACzF+B,UACsB,CACb,CAAC,gBAEnBlB,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,qBACIF,KAAA,CAAAC,aAAA,CAAC0B,kCAAY,EAAA;AACT7C,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,WAAA,EAAU,QAAQ;AAClB8C,IAAAA,EAAE,EAAC,eAAe;AAClBZ,IAAAA,OAAO,EAAExB,mBAAoB;AAC7BqC,IAAAA,QAAQ,EAAE,CAAA;AAAE,GAAA,EAEX/B,gBAAgB,CAACZ,SAAS,CACjB,CAAC,eACfc,KAAA,CAAAC,aAAA,CAAC6B,kCAAY,EACRlB,IAAAA,EAAAA,cAAc,EACdM,UACS,CAChB,CAEY,CAAC,CAAA;AAE/B;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './CalendarHeader.
|
1
|
+
import './CalendarHeader.styles_gnorek.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -32,10 +32,10 @@ var StyledArrows = /*#__PURE__*/react.styled('div')({
|
|
32
32
|
});
|
33
33
|
|
34
34
|
// NOTE: переопределение токенов IconButton
|
35
|
-
var
|
35
|
+
var _exp16 = function _exp16() {
|
36
36
|
return IconButton;
|
37
37
|
};
|
38
|
-
var StyledArrow = /*#__PURE__*/react.styled(
|
38
|
+
var StyledArrow = /*#__PURE__*/react.styled(_exp16())({
|
39
39
|
name: "StyledArrow",
|
40
40
|
"class": "s1i8jkj2",
|
41
41
|
propsAsIs: true
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n
|
1
|
+
{"version":3,"file":"CalendarHeader.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { flexCenter } from '../../mixins';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedIconButtonConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIconButtonConfig);\n\nexport const StyledCalendarHeader = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: var(${tokens.calendarHeaderWrapperPadding});\n`;\n\nexport const StyledHeader = styled.button`\n border: none;\n background-color: transparent;\n padding: 0;\n outline: none;\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n padding: var(${tokens.calendarHeaderPadding});\n\n color: var(${tokens.calendarContentPrimaryColor});\n\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n\n &:hover,\n &:active {\n color: var(${tokens.calendarContentSecondaryColor});\n }\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: '0.563rem',\n })};\n`;\n\nexport const StyledHeaderDate = styled.span`\n ${flexCenter};\n pointer-events: none;\n`;\n\nexport const StyledArrows = styled.div`\n display: flex;\n gap: var(${tokens.calendarHeaderArrowGap});\n padding: var(${tokens.calendarHeaderArrowPadding});\n`;\n\n// NOTE: переопределение токенов IconButton\nexport const StyledArrow = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${tokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${tokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${tokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${tokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${tokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonFocusColor}: var(${tokens.iconButtonFocusColor});\n`;\n\nexport const StyledNavigation = styled.div`\n width: 100%;\n ${flexCenter};\n`;\n\nexport const StyledDoubleHeaderWrapper = styled.div`\n width: 100%;\n display: grid;\n grid-template-columns: var(${tokens.iconButtonWidth}) 1fr var(${tokens.iconButtonWidth});\n grid-template-areas: 'a b c';\n\n ${StyledArrow} {\n grid-area: a;\n }\n\n &.${classes.doubleHeaderLastDateWrapper} ${StyledArrow} {\n grid-area: c;\n }\n`;\n\nexport const StyledHeaderDouble = styled.h4`\n font-family: var(${tokens.calendarHeaderFontFamily});\n font-size: var(${tokens.calendarHeaderFontSize});\n font-style: var(${tokens.calendarHeaderFontStyle});\n font-weight: var(${tokens.calendarHeaderFontWeightBold});\n letter-spacing: var(${tokens.calendarHeaderFontLetterSpacing});\n line-height: var(${tokens.calendarHeaderFontLineHeight});\n\n grid-area: b;\n justify-self: center;\n cursor: pointer;\n display: flex;\n gap: var(${tokens.calendarHeaderDateGap});\n justify-content: space-between;\n align-items: center;\n margin: 0;\n\n ${String(flexCenter)};\n`;\n"],"names":["mergedIconButtonConfig","mergeConfig","iconButtonConfig","IconButton","component","StyledCalendarHeader","styled","name","class","propsAsIs","StyledHeader","StyledHeaderDate","StyledArrows","_exp16","StyledArrow","StyledNavigation","StyledDoubleHeaderWrapper","StyledHeaderDouble"],"mappings":";;;;;;;;;AAQA,IAAMA,sBAAsB,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAC5D,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,sBAAsB,CAAC,CAAA;AAE7C,IAAMK,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKzC,EAAA;AAEM,IAAMC,YAAY,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgCjC,EAAA;AAEM,IAAME,gBAAgB,gBAAGL,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMG,YAAY,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIjC,EAAA;;AAED;AAAA,IAAAI,MAAA,GA9DkBA,SA8DlBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,UAAU,CAAA;AAAA,CAAA,CAAA;AAArC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAYhC,EAAA;AAEM,IAAMM,gBAAgB,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC,EAAA;AAEM,IAAMO,yBAAyB,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,2BAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAa9C,EAAA;AAEM,IAAMQ,kBAAkB,gBAAGX,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAkBvC;;;;;;;;;;;"}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
.sjaqipy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
2
|
-
.s1k7jebr{border:none;background-color:transparent;padding:0;outline:none;
|
1
|
+
.sjaqipy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
|
2
|
+
.s1k7jebr{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.s1k7jebr:hover,.s1k7jebr:active{color:var(--plasma-calendar-content-secondary-color);}.s1k7jebr::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1k7jebr.focus-visible:focus::before,.s1k7jebr[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
3
3
|
.s1b07tlr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;}
|
4
|
-
.s13yvda3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);}
|
5
|
-
.s1i8jkj2{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);}
|
4
|
+
.s13yvda3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-arrow-container-gap);padding:var(--plasma-calendar-arrow-container-padding);}
|
5
|
+
.s1i8jkj2{--plasma-icon-button-color:var(--plasma-calendar-icon-button-color);--plasma-icon-button-background-color:var(--plasma-calendar-icon-button-background);--plasma-icon-button-color-hover:var(--plasma-calendar-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-calendar-icon-button-background-hover);--plasma-icon-button-color-active:var(--plasma-calendar-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-calendar-icon-button-background-active);--plasma-icon-button-height:var(--plasma-calendar-icon-button-height);--plasma-icon-button-width:var(--plasma-calendar-icon-button-width);--plasma-icon-button-padding:var(--plasma-calendar-icon-button-padding);--plasma-icon-button-radius:var(--plasma-calendar-icon-button-radius);--plasma-icon-button-focus-color:var(--plasma-calendar-icon-button-focus-color);}
|
6
6
|
.sw3by8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
7
7
|
.sdke0q6{width:100%;display:grid;grid-template-columns:var(--plasma-calendar-icon-button-width) 1fr var(--plasma-calendar-icon-button-width);grid-template-areas:'a b c';}.sdke0q6 .s1i8jkj2{grid-area:a;}.sdke0q6.double-header--last-date-wrapper .s1i8jkj2{grid-area:c;}
|
8
8
|
.sdtpxcv{font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.CalendarMonths_styles_wmlwil_s2fb05v__7dae290b{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
|
2
|
+
.CalendarMonths_styles_wmlwil_s1nlg4aa__7dae290b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
3
|
+
.CalendarMonths_styles_wmlwil_s1cvx4bk__7dae290b{border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
4
|
+
.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemHovered__7dae290b,.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemHovered__7dae290b:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemSelected__7dae290b:not(.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b.CalendarMonths_styles_wmlwil_itemSelected__7dae290b{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b.CalendarMonths_styles_wmlwil_itemSelected__7dae290b > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_focusVisible__7dae290b:focus::before,.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b{position:relative;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b.CalendarMonths_styles_wmlwil_focusVisible__7dae290b:focus::before,.CalendarMonths_styles_wmlwil_s14caaqm__7dae290b.CalendarMonths_styles_wmlwil_itemCurrent__7dae290b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarMonths = styled.div`\n padding: var(${tokens.calendarMonthsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledMonth = styled.div`\n border-radius: calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n`;\n\nexport const StyledMonthRoot = styled.div`\n font-family: var(${tokens.calendarMonthFontFamily});\n font-size: var(${tokens.calendarMonthFontSize});\n font-style: var(${tokens.calendarMonthFontStyle});\n font-weight: var(${tokens.calendarMonthFontWeight});\n letter-spacing: var(${tokens.calendarMonthFontLetterSpacing});\n line-height: var(${tokens.calendarMonthFontLineHeight});\n position: relative;\n box-sizing: border-box;\n\n min-height: var(${tokens.calendarMonthItemHeight});\n min-width: var(${tokens.calendarMonthItemWidth});\n\n border-radius: var(${tokens.calendarMonthItemBorderRadius});\n\n ${String(flexCenter)};\n\n ${addSelected({\n minWidth: `calc(var(${tokens.calendarMonthItemWidth}) - 0.25rem)`,\n minHeight: `calc(var(${tokens.calendarMonthItemHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${tokens.calendarMonthSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n
|
1
|
+
{"version":3,"file":"CalendarMonths.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarMonths = styled.div`\n padding: var(${tokens.calendarMonthsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledMonth = styled.div`\n border-radius: calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n`;\n\nexport const StyledMonthRoot = styled.div`\n font-family: var(${tokens.calendarMonthFontFamily});\n font-size: var(${tokens.calendarMonthFontSize});\n font-style: var(${tokens.calendarMonthFontStyle});\n font-weight: var(${tokens.calendarMonthFontWeight});\n letter-spacing: var(${tokens.calendarMonthFontLetterSpacing});\n line-height: var(${tokens.calendarMonthFontLineHeight});\n position: relative;\n box-sizing: border-box;\n\n min-height: var(${tokens.calendarMonthItemHeight});\n min-width: var(${tokens.calendarMonthItemWidth});\n\n border-radius: var(${tokens.calendarMonthItemBorderRadius});\n\n ${String(flexCenter)};\n\n ${addSelected({\n minWidth: `calc(var(${tokens.calendarMonthItemWidth}) - 0.25rem)`,\n minHeight: `calc(var(${tokens.calendarMonthItemHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${tokens.calendarMonthSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarMonthItemBorderRadius}) - 0.125rem)`,\n })};\n }\n`;\n"],"names":["StyledCalendarMonths","styled","name","class","propsAsIs","StyledFlex","StyledMonth","StyledMonthRoot"],"mappings":";;;;;;AAMO,IAAMA,oBAAoB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGzC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,WAAW,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIhC,EAAA;AAEM,IAAMG,eAAe,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4CpC;;;;;;;"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
.s2fb05v{padding:var(--plasma-calendar-months-padding);box-sizing:border-box;}
|
2
|
+
.s1nlg4aa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
3
|
+
.s1cvx4bk{border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
4
|
+
.s14caaqm{font-family:var(--plasma-calendar-month-font-family);font-size:var(--plasma-calendar-month-font-size);font-style:var(--plasma-calendar-month-font-style);font-weight:var(--plasma-calendar-month-font-weight);-webkit-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-month-font-letter-spacing);letter-spacing:var(--plasma-calendar-month-font-letter-spacing);line-height:var(--plasma-calendar-month-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-month-item-height);min-width:var(--plasma-calendar-month-item-width);border-radius:var(--plasma-calendar-month-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.s14caaqm:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s14caaqm.item-hovered,.s14caaqm.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm.item-current{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.s14caaqm.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-month-selected-font-weight);}.s14caaqm.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-month-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-month-item-height) - 0.25rem);}.s14caaqm::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s14caaqm.focus-visible:focus::before,.s14caaqm[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s14caaqm.item-current{position:relative;}.s14caaqm.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-month-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s14caaqm.item-current.focus-visible:focus::before,.s14caaqm.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
1
|
+
.CalendarYears_styles_f2aje6_sq90exc__599b4140{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
|
2
|
+
.CalendarYears_styles_f2aje6_sp45mzt__599b4140{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
3
|
+
.CalendarYears_styles_f2aje6_s1rv7a6a__599b4140{border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
4
|
+
.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemHovered__599b4140,.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemHovered__599b4140:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemSelected__599b4140:not(.CalendarYears_styles_f2aje6_itemCurrent__599b4140){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140.CalendarYears_styles_f2aje6_itemSelected__599b4140{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140.CalendarYears_styles_f2aje6_itemSelected__599b4140 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_focusVisible__599b4140:focus::before,.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140{position:relative;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140.CalendarYears_styles_f2aje6_focusVisible__599b4140:focus::before,.CalendarYears_styles_f2aje6_s1fgpu0g__599b4140.CalendarYears_styles_f2aje6_itemCurrent__599b4140[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarYears = styled.div`\n padding: var(${tokens.calendarYearsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledYear = styled.div`\n border-radius: calc(var(${tokens.calendarYearItemBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n`;\n\nexport const StyledYearRoot = styled.div`\n font-family: var(${tokens.calendarYearFontFamily});\n font-size: var(${tokens.calendarYearFontSize});\n font-style: var(${tokens.calendarYearFontStyle});\n font-weight: var(${tokens.calendarYearFontWeight});\n letter-spacing: var(${tokens.calendarYearFontLetterSpacing});\n line-height: var(${tokens.calendarYearFontLineHeight});\n position: relative;\n box-sizing: border-box;\n\n min-height: var(${tokens.calendarYearItemHeight});\n min-width: var(${tokens.calendarYearItemWidth});\n\n border-radius: var(${tokens.calendarYearItemBorderRadius});\n\n ${String(flexCenter)};\n\n ${addSelected({\n minWidth: `calc(var(${tokens.calendarYearItemWidth}) - 0.25rem)`,\n minHeight: `calc(var(${tokens.calendarYearItemHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${tokens.calendarYearSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n
|
1
|
+
{"version":3,"file":"CalendarYears.styles.js","sources":["../../../../../src/components/Calendar/ui/CalendarYears/CalendarYears.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Calendar.tokens';\nimport { addFocus } from '../../../../mixins';\nimport { addSelected, flexCenter } from '../../mixins';\n\nexport const StyledCalendarYears = styled.div`\n padding: var(${tokens.calendarYearsPadding});\n box-sizing: border-box;\n`;\n\nexport const StyledFlex = styled.div`\n ${String(flexCenter)};\n`;\n\nexport const StyledYear = styled.div`\n border-radius: calc(var(${tokens.calendarYearItemBorderRadius}) - 0.125rem);\n\n ${String(flexCenter)};\n`;\n\nexport const StyledYearRoot = styled.div`\n font-family: var(${tokens.calendarYearFontFamily});\n font-size: var(${tokens.calendarYearFontSize});\n font-style: var(${tokens.calendarYearFontStyle});\n font-weight: var(${tokens.calendarYearFontWeight});\n letter-spacing: var(${tokens.calendarYearFontLetterSpacing});\n line-height: var(${tokens.calendarYearFontLineHeight});\n position: relative;\n box-sizing: border-box;\n\n min-height: var(${tokens.calendarYearItemHeight});\n min-width: var(${tokens.calendarYearItemWidth});\n\n border-radius: var(${tokens.calendarYearItemBorderRadius});\n\n ${String(flexCenter)};\n\n ${addSelected({\n minWidth: `calc(var(${tokens.calendarYearItemWidth}) - 0.25rem)`,\n minHeight: `calc(var(${tokens.calendarYearItemHeight}) - 0.25rem)`,\n selectedFontWeight: `var(${tokens.calendarYearSelectedFontWeight})`,\n selectedBackground: `var(${tokens.calendarSelectedItemBackground})`,\n selectedColor: `var(${tokens.calendarSelectedItemColor})`,\n selectableBackgroundHover: `var(${tokens.calendarSelectableItemBackgroundHover})`,\n currentBorderColor: `var(${tokens.calendarCurrentItemBorderColor})`,\n activeBackground: `var(${tokens.calendarActiveItemBackground})`,\n activeColor: `var(${tokens.calendarActiveItemColor})`,\n })};\n\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.125rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) + 0.125rem)`,\n })};\n\n &.${classes.currentItem} {\n ${addFocus({\n outlineSize: '0.063rem',\n outlineOffset: '-0.1875rem',\n outlineColor: `var(${tokens.calendarOutlineFocusColor})`,\n outlineRadius: `calc(var(${tokens.calendarYearItemBorderRadius}) - 0.125rem)`,\n })};\n }\n`;\n"],"names":["StyledCalendarYears","styled","name","class","propsAsIs","StyledFlex","StyledYear","StyledYearRoot"],"mappings":";;;;;;AAMO,IAAMA,mBAAmB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,qBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGxC,EAAA;AAEM,IAAMC,UAAU,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B,EAAA;AAEM,IAAME,UAAU,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI/B,EAAA;AAEM,IAAMG,cAAc,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA4CnC;;;;;;;"}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
.sq90exc{padding:var(--plasma-calendar-years-padding);box-sizing:border-box;}
|
2
|
+
.sp45mzt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
3
|
+
.s1rv7a6a{border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
4
|
+
.s1fgpu0g{font-family:var(--plasma-calendar-year-font-family);font-size:var(--plasma-calendar-year-font-size);font-style:var(--plasma-calendar-year-font-style);font-weight:var(--plasma-calendar-year-font-weight);-webkit-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-year-font-letter-spacing);letter-spacing:var(--plasma-calendar-year-font-letter-spacing);line-height:var(--plasma-calendar-year-line-height);position:relative;box-sizing:border-box;min-height:var(--plasma-calendar-year-item-height);min-width:var(--plasma-calendar-year-item-width);border-radius:var(--plasma-calendar-year-item-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;cursor:pointer;position:relative;}.s1fgpu0g:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.s1fgpu0g.item-hovered,.s1fgpu0g.item-hovered:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g.item-selected:not(.item-current){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g:active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g.item-current{border:0.063rem solid var(--plasma-calendar-current-item-border-color);}.s1fgpu0g.item-current.item-selected{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-year-selected-font-weight);}.s1fgpu0g.item-current.item-selected > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(var(--plasma-calendar-year-item-width) - 0.25rem);min-height:calc(var(--plasma-calendar-year-item-height) - 0.25rem);}.s1fgpu0g::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1fgpu0g.focus-visible:focus::before,.s1fgpu0g[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}.s1fgpu0g.item-current{position:relative;}.s1fgpu0g.item-current::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-calendar-year-item-border-radius) - 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1fgpu0g.item-current.focus-visible:focus::before,.s1fgpu0g.item-current[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
|
@@ -142,7 +142,9 @@ var tokens = {
|
|
142
142
|
calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
|
143
143
|
calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
|
144
144
|
calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
|
145
|
+
calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
|
145
146
|
calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
|
147
|
+
calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
|
146
148
|
calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
|
147
149
|
calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
|
148
150
|
calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
|
@@ -162,6 +164,7 @@ var tokens = {
|
|
162
164
|
iconButtonWidth: '--plasma-date-picker-icon-button__width',
|
163
165
|
iconButtonPadding: '--plasma-date-picker-icon-button__padding',
|
164
166
|
iconButtonRadius: '--plasma-date-picker-icon-button__radius',
|
167
|
+
iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
|
165
168
|
calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
|
166
169
|
calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
|
167
170
|
calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
|