@salutejs/plasma-new-hope 0.93.0-canary.1224.9678231866.0 → 0.93.0-canary.1252.9677594480.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 +28 -67
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +29 -57
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -6
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/{CalendarBase.styles_1m6uih1.css → CalendarBase.styles_rv9ax9.css} +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +30 -58
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -6
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{es/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css} +2 -2
- package/cjs/components/Calendar/hoc/withRange.js.map +1 -1
- package/cjs/components/Calendar/hooks/useDays.js +1 -1
- package/cjs/components/Calendar/hooks/useDays.js.map +1 -1
- package/cjs/components/Calendar/mixins/index.js +18 -0
- package/cjs/components/Calendar/mixins/index.js.map +1 -0
- package/cjs/components/Calendar/mixins/index_o3bz9l.css +1 -0
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +4 -0
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/{es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css → cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_bnrjbd.css} +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -36
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +17 -31
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +12 -27
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +6 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +4 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +4 -0
- package/cjs/components/Calendar/utils/index.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +2 -2
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.js +2 -4
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -8
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +5 -6
- package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/cjs/components/Dropdown/utils/index.js +17 -0
- package/cjs/components/Dropdown/utils/index.js.map +1 -1
- package/cjs/components/Range/Range.css +6 -6
- package/cjs/components/Range/Range.js +2 -17
- package/cjs/components/Range/Range.js.map +1 -1
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/Range.styles_mc4w65.css +8 -0
- package/cjs/components/Segment/SegmentProvider/SegmentProvider.js +7 -3
- package/cjs/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/cjs/components/Select/Select.js +2 -2
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Slider/Slider.css +3 -3
- package/cjs/components/Slider/components/Double/Double.css +3 -3
- package/cjs/components/TextField/TextField.tokens.js +1 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/cjs/components/TextField/variations/_read-only/base_134hshp.css +1 -0
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_ntoddv.css +1 -0
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/base_19gxyva.css +1 -0
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js +15 -5
- package/cjs/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/cjs/index.css +38 -71
- package/cjs/index.js +0 -12
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Calendar/Calendar.tokens.js +28 -67
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +29 -57
- package/es/components/Calendar/CalendarBase/CalendarBase.js +1 -7
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.styles.js.map +1 -1
- package/es/components/Calendar/CalendarBase/{CalendarBase.styles_1m6uih1.css → CalendarBase.styles_rv9ax9.css} +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +30 -58
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -7
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js.map +1 -1
- package/{cjs/components/Calendar/CalendarDouble/CalendarDouble.styles_e9ada0.css → es/components/Calendar/CalendarDouble/CalendarDouble.styles_1rc2ejs.css} +2 -2
- package/es/components/Calendar/hoc/withRange.js.map +1 -1
- package/es/components/Calendar/hooks/useDays.js +1 -1
- package/es/components/Calendar/hooks/useDays.js.map +1 -1
- package/es/components/Calendar/mixins/index.js +14 -0
- package/es/components/Calendar/mixins/index.js.map +1 -0
- package/es/components/Calendar/mixins/index_o3bz9l.css +1 -0
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.css +4 -4
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +9 -9
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_xf9c5e.css +4 -0
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +7 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/{cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css → es/components/Calendar/ui/CalendarDays/CalendarDays.styles_bnrjbd.css} +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +8 -36
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +18 -32
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +13 -26
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_1c4p417.css +6 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1jnzviu.css +4 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1lubnwe.css +4 -0
- package/es/components/Calendar/utils/index.js.map +1 -1
- package/es/components/Combobox/Combobox.js +1 -1
- package/es/components/Combobox/Combobox.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +2 -4
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -8
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +5 -6
- package/es/components/Dropdown/ui/DropdownItem/DropdownItem.js.map +1 -1
- package/es/components/Dropdown/utils/index.js +16 -1
- package/es/components/Dropdown/utils/index.js.map +1 -1
- package/es/components/Range/Range.css +6 -6
- package/es/components/Range/Range.js +3 -18
- package/es/components/Range/Range.js.map +1 -1
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/Range.styles_mc4w65.css +8 -0
- package/es/components/Segment/SegmentProvider/SegmentProvider.js +7 -3
- package/es/components/Segment/SegmentProvider/SegmentProvider.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Slider/Slider.css +3 -3
- package/es/components/Slider/components/Double/Double.css +3 -3
- package/es/components/TextField/TextField.tokens.js +1 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/es/components/TextField/variations/_read-only/base_134hshp.css +1 -0
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_ntoddv.css +1 -0
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/base_19gxyva.css +1 -0
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureLeft.js.map +1 -1
- package/es/components/_Icon/Icon.assets/DisclosureRight.js +15 -5
- package/es/components/_Icon/Icon.assets/DisclosureRight.js.map +1 -1
- package/es/index.css +38 -71
- package/es/index.js +0 -4
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +28 -67
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +0 -6
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -2
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +0 -6
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useDays.js +1 -1
- package/styled-components/cjs/components/Calendar/mixins/index.js +29 -30
- package/styled-components/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +20 -27
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -2
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +16 -30
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +11 -29
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +12 -26
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +14 -26
- package/styled-components/cjs/components/Combobox/Combobox.js +7 -6
- package/styled-components/cjs/components/Dropdown/Dropdown.js +2 -3
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -8
- package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js +5 -6
- package/styled-components/cjs/components/Dropdown/utils/index.js +16 -1
- package/styled-components/cjs/components/Range/Range.js +2 -17
- package/styled-components/cjs/components/Range/Range.styles.js +2 -3
- package/styled-components/cjs/components/Segment/Segment.template-doc.mdx +7 -2
- package/styled-components/cjs/components/Segment/SegmentProvider/SegmentProvider.js +7 -3
- package/styled-components/cjs/components/Select/Select.js +8 -7
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js +15 -5
- package/styled-components/cjs/components/_Icon/index.js +0 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -24
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +2 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +2 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -24
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +2 -5
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -5
- package/styled-components/cjs/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -24
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarBase.config.js +2 -5
- package/styled-components/cjs/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -5
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/cjs/utils/index.js +0 -22
- package/styled-components/es/components/Calendar/Calendar.tokens.js +28 -67
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -7
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -2
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -7
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/es/components/Calendar/hooks/useDays.js +1 -1
- package/styled-components/es/components/Calendar/mixins/index.js +27 -3
- package/styled-components/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.js +19 -26
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +1 -2
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +18 -32
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js +11 -29
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +11 -25
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +1 -1
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +13 -25
- package/styled-components/es/components/Combobox/Combobox.js +2 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +3 -4
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -8
- package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js +5 -6
- package/styled-components/es/components/Dropdown/utils/index.js +15 -0
- package/styled-components/es/components/Range/Range.js +3 -18
- package/styled-components/es/components/Range/Range.styles.js +2 -3
- package/styled-components/es/components/Segment/Segment.template-doc.mdx +7 -2
- package/styled-components/es/components/Segment/SegmentProvider/SegmentProvider.js +7 -3
- package/styled-components/es/components/Select/Select.js +2 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -1
- package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js +1 -1
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js +15 -5
- package/styled-components/es/components/_Icon/index.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +6 -24
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +2 -5
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +2 -5
- package/styled-components/es/examples/plasma_b2c/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +6 -24
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +2 -5
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +2 -5
- package/styled-components/es/examples/plasma_web/components/Range/Range.config.js +4 -4
- package/styled-components/es/examples/sds_engineer/components/Calendar/Calendar.stories.tsx +6 -24
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarBase.config.js +2 -5
- package/styled-components/es/examples/sds_engineer/components/Calendar/CalendarDouble.config.js +2 -5
- package/styled-components/es/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Accordion/utils/index.d.ts +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +26 -60
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +1 -1
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts +3 -27
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.styles.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts +3 -30
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useDays.d.ts.map +1 -1
- package/types/components/Calendar/mixins/index.d.ts +8 -3
- package/types/components/Calendar/mixins/index.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +7 -47
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/utils/index.d.ts +1 -1
- package/types/components/Calendar/utils/index.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/components/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 +0 -1
- 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 +0 -1
- package/types/components/Dropdown/ui/DropdownItem/DropdownItem.type.d.ts.map +1 -1
- package/types/components/Dropdown/utils/index.d.ts +3 -1
- package/types/components/Dropdown/utils/index.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts +3 -3
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +3 -8
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Range/index.d.ts +1 -1
- package/types/components/Range/index.d.ts.map +1 -1
- package/types/components/Segment/SegmentProvider/SegmentProvider.d.ts +3 -3
- package/types/components/Segment/SegmentProvider/SegmentProvider.d.ts.map +1 -1
- package/types/components/Segment/SegmentProvider/SegmentProvider.types.d.ts +11 -3
- package/types/components/Segment/SegmentProvider/SegmentProvider.types.d.ts.map +1 -1
- package/types/components/Segment/SegmentProvider/index.d.ts +1 -0
- package/types/components/Segment/SegmentProvider/index.d.ts.map +1 -1
- package/types/components/Segment/index.d.ts +1 -0
- package/types/components/Segment/index.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DisclosureRight.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts +4 -15
- package/types/examples/plasma_b2c/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts +0 -3
- package/types/examples/plasma_b2c/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +3 -3
- package/types/examples/plasma_b2c/components/Range/Range.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts +4 -15
- package/types/examples/plasma_web/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts +0 -3
- package/types/examples/plasma_web/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts +0 -3
- package/types/examples/plasma_web/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.d.ts +3 -3
- package/types/examples/plasma_web/components/Range/Range.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts +4 -15
- package/types/examples/sds_engineer/components/Calendar/Calendar.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts +0 -3
- package/types/examples/sds_engineer/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts +0 -3
- package/types/examples/sds_engineer/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +0 -8
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +0 -4
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +0 -4
- package/cjs/components/DatePicker/DatePicker.tokens.js +0 -189
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +0 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +0 -30
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +0 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_1thp2xv.css +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +0 -152
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +0 -285
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +0 -51
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +0 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -144
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +0 -83
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +0 -42
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +0 -2
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +0 -9
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +0 -9
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js +0 -9
- package/cjs/components/DatePicker/RangeDate/variations/_size/base.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js +0 -9
- package/cjs/components/DatePicker/RangeDate/variations/_view/base.js.map +0 -1
- package/cjs/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +0 -134
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +0 -183
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +0 -51
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +0 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +0 -9
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js.map +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +0 -9
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js.map +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js +0 -9
- package/cjs/components/DatePicker/SingleDate/variations/_size/base.js.map +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js +0 -9
- package/cjs/components/DatePicker/SingleDate/variations/_view/base.js.map +0 -1
- package/cjs/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +0 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +0 -79
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +0 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +0 -84
- package/cjs/components/DatePicker/utils/dateHelper.js.map +0 -1
- package/cjs/components/Range/Range.styles_9rort8.css +0 -8
- package/cjs/components/TextField/variations/_read-only/base_1vu13zn.css +0 -1
- package/cjs/components/TextField/variations/_size/base_orwx1f.css +0 -1
- package/cjs/components/TextField/variations/_view/base_18ea6z7.css +0 -1
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +0 -23
- package/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +0 -23
- package/cjs/components/_Icon/Icons/IconDisclosureDownFill.js.map +0 -1
- package/cjs/utils/datejs.js +0 -12
- package/cjs/utils/datejs.js.map +0 -1
- package/cjs/utils/getPopoverPlacement.js +0 -23
- package/cjs/utils/getPopoverPlacement.js.map +0 -1
- package/es/components/Calendar/ui/CalendarDayItem/CalendarDayItem.styles_107vqka.css +0 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.styles_gnorek.css +0 -8
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_wmlwil.css +0 -4
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_f2aje6.css +0 -4
- package/es/components/DatePicker/DatePicker.tokens.js +0 -184
- package/es/components/DatePicker/DatePicker.tokens.js.map +0 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +0 -26
- package/es/components/DatePicker/DatePickerBase.styles.js.map +0 -1
- package/es/components/DatePicker/DatePickerBase.styles_1thp2xv.css +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +0 -152
- package/es/components/DatePicker/RangeDate/RangeDate.js +0 -280
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -43
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles_ww61h9.css +0 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +0 -144
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +0 -79
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +0 -37
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +0 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_wp3vfj.css +0 -2
- package/es/components/DatePicker/RangeDate/variations/_disabled/base.js +0 -5
- package/es/components/DatePicker/RangeDate/variations/_disabled/base.js.map +0 -1
- package/es/components/DatePicker/RangeDate/variations/_disabled/base_tl4jc7.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js +0 -5
- package/es/components/DatePicker/RangeDate/variations/_readonly/base.js.map +0 -1
- package/es/components/DatePicker/RangeDate/variations/_readonly/base_f58pkk.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base.js +0 -5
- package/es/components/DatePicker/RangeDate/variations/_size/base.js.map +0 -1
- package/es/components/DatePicker/RangeDate/variations/_size/base_1911nyw.css +0 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base.js +0 -5
- package/es/components/DatePicker/RangeDate/variations/_view/base.js.map +0 -1
- package/es/components/DatePicker/RangeDate/variations/_view/base_11yn9y8.css +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +0 -134
- package/es/components/DatePicker/SingleDate/SingleDate.js +0 -178
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +0 -43
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +0 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles_18b5qkz.css +0 -5
- package/es/components/DatePicker/SingleDate/variations/_disabled/base.js +0 -5
- package/es/components/DatePicker/SingleDate/variations/_disabled/base.js.map +0 -1
- package/es/components/DatePicker/SingleDate/variations/_disabled/base_1rfgfsz.css +0 -1
- package/es/components/DatePicker/SingleDate/variations/_readonly/base.js +0 -5
- package/es/components/DatePicker/SingleDate/variations/_readonly/base.js.map +0 -1
- package/es/components/DatePicker/SingleDate/variations/_readonly/base_1jucwp.css +0 -1
- package/es/components/DatePicker/SingleDate/variations/_size/base.js +0 -5
- package/es/components/DatePicker/SingleDate/variations/_size/base.js.map +0 -1
- package/es/components/DatePicker/SingleDate/variations/_size/base_lf7y25.css +0 -1
- package/es/components/DatePicker/SingleDate/variations/_view/base.js +0 -5
- package/es/components/DatePicker/SingleDate/variations/_view/base.js.map +0 -1
- package/es/components/DatePicker/SingleDate/variations/_view/base_15vaheb.css +0 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +0 -75
- package/es/components/DatePicker/hooks/useDatePicker.js.map +0 -1
- package/es/components/DatePicker/utils/dateHelper.js +0 -76
- package/es/components/DatePicker/utils/dateHelper.js.map +0 -1
- package/es/components/Range/Range.styles_9rort8.css +0 -8
- package/es/components/TextField/variations/_read-only/base_1vu13zn.css +0 -1
- package/es/components/TextField/variations/_size/base_orwx1f.css +0 -1
- package/es/components/TextField/variations/_view/base_18ea6z7.css +0 -1
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js +0 -19
- package/es/components/_Icon/Icon.assets/DisclosureDownFill.js.map +0 -1
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js +0 -19
- package/es/components/_Icon/Icons/IconDisclosureDownFill.js.map +0 -1
- package/es/utils/datejs.js +0 -8
- package/es/utils/datejs.js.map +0 -1
- package/es/utils/getPopoverPlacement.js +0 -18
- package/es/utils/getPopoverPlacement.js.map +0 -1
- package/styled-components/cjs/components/Calendar/mixins/active.js +0 -12
- package/styled-components/cjs/components/Calendar/mixins/flex.js +0 -8
- package/styled-components/cjs/components/Calendar/mixins/selected.js +0 -24
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +0 -150
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +0 -187
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +0 -19
- package/styled-components/cjs/components/DatePicker/DatePickerBase.types.js +0 -5
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +0 -293
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +0 -33
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.types.js +0 -5
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +0 -81
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +0 -26
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +0 -5
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/base.js +0 -10
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_readonly/tokens.json +0 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +0 -190
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +0 -33
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.types.js +0 -5
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/base.js +0 -10
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_readonly/tokens.json +0 -4
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_size/tokens.json +0 -16
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/DatePicker/SingleDate/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +0 -77
- package/styled-components/cjs/components/DatePicker/index.js +0 -44
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +0 -78
- package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDownFill.js +0 -22
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDownFill.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +0 -31
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.js +0 -13
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -257
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +0 -31
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.js +0 -13
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -257
- package/styled-components/cjs/utils/datejs.js +0 -11
- package/styled-components/cjs/utils/getPopoverPlacement.js +0 -21
- package/styled-components/es/components/Calendar/mixins/active.js +0 -6
- package/styled-components/es/components/Calendar/mixins/flex.js +0 -2
- package/styled-components/es/components/Calendar/mixins/selected.js +0 -18
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +0 -150
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +0 -181
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +0 -12
- package/styled-components/es/components/DatePicker/DatePickerBase.types.js +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +0 -284
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +0 -25
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.types.js +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +0 -74
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +0 -19
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.js +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/DatePicker/RangeDate/variations/_disabled/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/DatePicker/RangeDate/variations/_readonly/tokens.json +0 -4
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/base.js +0 -4
- package/styled-components/es/components/DatePicker/RangeDate/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/base.js +0 -4
- package/styled-components/es/components/DatePicker/RangeDate/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +0 -181
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +0 -25
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.types.js +0 -1
- package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json +0 -4
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js +0 -4
- package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json +0 -16
- package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js +0 -4
- package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +0 -71
- package/styled-components/es/components/DatePicker/index.js +0 -3
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +0 -72
- package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownFill.js +0 -15
- package/styled-components/es/components/_Icon/Icons/IconDisclosureDownFill.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +0 -25
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.js +0 -7
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -257
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +0 -25
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.js +0 -7
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -257
- package/styled-components/es/utils/datejs.js +0 -4
- package/styled-components/es/utils/getPopoverPlacement.js +0 -15
- package/types/components/Calendar/mixins/active.d.ts +0 -17
- package/types/components/Calendar/mixins/active.d.ts.map +0 -1
- package/types/components/Calendar/mixins/flex.d.ts +0 -3
- package/types/components/Calendar/mixins/flex.d.ts.map +0 -1
- package/types/components/Calendar/mixins/selected.d.ts +0 -40
- package/types/components/Calendar/mixins/selected.d.ts.map +0 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +0 -182
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +0 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +0 -8
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +0 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -37
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +0 -110
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +0 -115
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -76
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +0 -5
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +0 -29
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/variations/_size/base.d.ts.map +0 -1
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts +0 -2
- package/types/components/DatePicker/RangeDate/variations/_view/base.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +0 -31
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +0 -45
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +0 -120
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts +0 -2
- package/types/components/DatePicker/SingleDate/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts +0 -2
- package/types/components/DatePicker/SingleDate/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts +0 -2
- package/types/components/DatePicker/SingleDate/variations/_size/base.d.ts.map +0 -1
- package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts +0 -2
- package/types/components/DatePicker/SingleDate/variations/_view/base.d.ts.map +0 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +0 -10
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +0 -1
- package/types/components/DatePicker/index.d.ts +0 -6
- package/types/components/DatePicker/index.d.ts.map +0 -1
- package/types/components/DatePicker/utils/dateHelper.d.ts +0 -10
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/DisclosureDownFill.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts +0 -4
- package/types/components/_Icon/Icons/IconDisclosureDownFill.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts +0 -24
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +0 -75
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +0 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts +0 -24
- package/types/examples/plasma_web/components/DatePicker/DatePicker.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +0 -75
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +0 -1
- package/types/utils/datejs.d.ts +0 -3
- package/types/utils/datejs.d.ts.map +0 -1
- package/types/utils/getPopoverPlacement.d.ts +0 -5
- package/types/utils/getPopoverPlacement.d.ts.map +0 -1
package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx
DELETED
@@ -1,257 +0,0 @@
|
|
1
|
-
import React, { ComponentProps, useRef, useState } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { action } from '@storybook/addon-actions';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { WithTheme } from '../../../_helpers';
|
7
|
-
import { IconButton } from '../IconButton/IconButton';
|
8
|
-
import { RangeInputRefs } from '../../../../components/Range/Range.types';
|
9
|
-
|
10
|
-
import { DatePicker, DatePickerRange } from './DatePicker';
|
11
|
-
|
12
|
-
const onChangeValue = action('onChangeValue');
|
13
|
-
const onBlur = action('onBlur');
|
14
|
-
const onFocus = action('onFocus');
|
15
|
-
|
16
|
-
const onChangeFirstValue = action('onChangeFirstValue');
|
17
|
-
const onChangeSecondValue = action('onChangeSecondValue');
|
18
|
-
|
19
|
-
const sizes = ['l', 'm', 's', 'xs'];
|
20
|
-
const views = ['default'];
|
21
|
-
const dividers = ['none', 'dash', 'icon'];
|
22
|
-
|
23
|
-
const meta: Meta = {
|
24
|
-
title: 'plasma_web/DatePicker',
|
25
|
-
decorators: [WithTheme],
|
26
|
-
argTypes: {
|
27
|
-
view: {
|
28
|
-
options: views,
|
29
|
-
control: {
|
30
|
-
type: 'inline-radio',
|
31
|
-
},
|
32
|
-
},
|
33
|
-
size: {
|
34
|
-
options: sizes,
|
35
|
-
control: {
|
36
|
-
type: 'inline-radio',
|
37
|
-
},
|
38
|
-
},
|
39
|
-
min: {
|
40
|
-
control: {
|
41
|
-
type: 'date',
|
42
|
-
},
|
43
|
-
},
|
44
|
-
max: {
|
45
|
-
control: {
|
46
|
-
type: 'date',
|
47
|
-
},
|
48
|
-
},
|
49
|
-
},
|
50
|
-
};
|
51
|
-
|
52
|
-
export default meta;
|
53
|
-
|
54
|
-
type StoryPropsDefault = ComponentProps<typeof DatePicker> & {
|
55
|
-
enableContentLeft: boolean;
|
56
|
-
enableContentRight: boolean;
|
57
|
-
};
|
58
|
-
|
59
|
-
const StoryDefault = ({
|
60
|
-
enableContentLeft,
|
61
|
-
enableContentRight,
|
62
|
-
valueError,
|
63
|
-
valueSuccess,
|
64
|
-
size,
|
65
|
-
...rest
|
66
|
-
}: StoryPropsDefault) => {
|
67
|
-
const [isOpen, setIsOpen] = useState(false);
|
68
|
-
|
69
|
-
const iconSize = size === 'xs' ? 'xs' : 's';
|
70
|
-
|
71
|
-
return (
|
72
|
-
<DatePicker
|
73
|
-
isOpen={isOpen}
|
74
|
-
size={size}
|
75
|
-
valueError={valueError}
|
76
|
-
valueSuccess={valueSuccess}
|
77
|
-
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
78
|
-
contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
79
|
-
onBlur={onBlur}
|
80
|
-
onFocus={onFocus}
|
81
|
-
onToggle={(is) => setIsOpen(is)}
|
82
|
-
onChangeValue={(e, currentValue) => {
|
83
|
-
onChangeValue(e, currentValue);
|
84
|
-
}}
|
85
|
-
onCommitDate={() => setIsOpen(false)}
|
86
|
-
{...rest}
|
87
|
-
/>
|
88
|
-
);
|
89
|
-
};
|
90
|
-
|
91
|
-
export const Default: StoryObj<StoryPropsDefault> = {
|
92
|
-
argTypes: {
|
93
|
-
defaultDate: {
|
94
|
-
control: {
|
95
|
-
type: 'date',
|
96
|
-
},
|
97
|
-
},
|
98
|
-
},
|
99
|
-
args: {
|
100
|
-
label: 'Лейбл',
|
101
|
-
leftHelper: 'Подсказка к полю',
|
102
|
-
placeholder: '30.05.2024',
|
103
|
-
size: 'l',
|
104
|
-
view: 'default',
|
105
|
-
defaultDate: new Date(2024, 5, 14),
|
106
|
-
min: new Date(2024, 1, 1),
|
107
|
-
max: new Date(2024, 12, 29),
|
108
|
-
maskWithFormat: false,
|
109
|
-
disabled: false,
|
110
|
-
readOnly: false,
|
111
|
-
textBefore: '',
|
112
|
-
enableContentLeft: true,
|
113
|
-
enableContentRight: true,
|
114
|
-
valueError: false,
|
115
|
-
valueSuccess: false,
|
116
|
-
},
|
117
|
-
render: (args) => <StoryDefault {...args} />,
|
118
|
-
};
|
119
|
-
|
120
|
-
type StoryPropsRange = ComponentProps<typeof DatePickerRange> & {
|
121
|
-
enableContentLeft: boolean;
|
122
|
-
enableContentRight: boolean;
|
123
|
-
enableFirstTextfieldContentLeft: boolean;
|
124
|
-
enableSecondTextfieldContentLeft: boolean;
|
125
|
-
enableFirstTextfieldContentRight: boolean;
|
126
|
-
enableSecondTextfieldContentRight: boolean;
|
127
|
-
};
|
128
|
-
|
129
|
-
const ActionButton = ({ size }) => {
|
130
|
-
const iconSize = size === 'xs' ? 'xs' : 's';
|
131
|
-
return (
|
132
|
-
<IconButton view="clear" size={size}>
|
133
|
-
<IconPlaceholder size={iconSize} />
|
134
|
-
</IconButton>
|
135
|
-
);
|
136
|
-
};
|
137
|
-
|
138
|
-
const StoryRange = ({
|
139
|
-
dividerVariant,
|
140
|
-
enableContentLeft,
|
141
|
-
enableContentRight,
|
142
|
-
firstTextfieldTextBefore,
|
143
|
-
secondTextfieldTextBefore,
|
144
|
-
enableFirstTextfieldContentLeft,
|
145
|
-
enableSecondTextfieldContentLeft,
|
146
|
-
enableFirstTextfieldContentRight,
|
147
|
-
enableSecondTextfieldContentRight,
|
148
|
-
firstValueError,
|
149
|
-
firstValueSuccess,
|
150
|
-
secondValueError,
|
151
|
-
secondValueSuccess,
|
152
|
-
size,
|
153
|
-
...rest
|
154
|
-
}: StoryPropsRange) => {
|
155
|
-
const rangeRef = useRef<RangeInputRefs>(null);
|
156
|
-
|
157
|
-
const [isOpen, setIsOpen] = useState(false);
|
158
|
-
const [firstDate, setFirstDate] = useState<string | Date>('');
|
159
|
-
|
160
|
-
const iconSize = size === 'xs' ? 'xs' : 's';
|
161
|
-
const showDividerIcon = dividerVariant === 'icon';
|
162
|
-
const showDefaultTextBefore = dividerVariant === 'none';
|
163
|
-
|
164
|
-
const dividerIconProps = {
|
165
|
-
dividerIcon: showDividerIcon ? <IconPlaceholder size={iconSize} /> : null,
|
166
|
-
dividerVariant,
|
167
|
-
};
|
168
|
-
|
169
|
-
return (
|
170
|
-
<DatePickerRange
|
171
|
-
size={size}
|
172
|
-
ref={rangeRef}
|
173
|
-
isOpen={isOpen}
|
174
|
-
firstValueError={firstValueError}
|
175
|
-
firstValueSuccess={firstValueSuccess}
|
176
|
-
secondValueError={secondValueError}
|
177
|
-
secondValueSuccess={secondValueSuccess}
|
178
|
-
contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
|
179
|
-
contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
|
180
|
-
firstTextfieldContentLeft={
|
181
|
-
enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
|
182
|
-
}
|
183
|
-
firstTextfieldContentRight={
|
184
|
-
enableFirstTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined
|
185
|
-
}
|
186
|
-
secondTextfieldContentLeft={
|
187
|
-
enableSecondTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
|
188
|
-
}
|
189
|
-
secondTextfieldContentRight={
|
190
|
-
enableSecondTextfieldContentRight ? <IconPlaceholder size={iconSize} /> : undefined
|
191
|
-
}
|
192
|
-
firstTextfieldTextBefore={
|
193
|
-
showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore
|
194
|
-
}
|
195
|
-
secondTextfieldTextBefore={
|
196
|
-
showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
|
197
|
-
}
|
198
|
-
onToggle={(is) => setIsOpen(is)}
|
199
|
-
onChangeFirstValue={(e, currentValue) => {
|
200
|
-
onChangeFirstValue(e, currentValue);
|
201
|
-
}}
|
202
|
-
onChangeSecondValue={(e, currentValue) => {
|
203
|
-
onChangeSecondValue(e, currentValue);
|
204
|
-
}}
|
205
|
-
onCommitFirstDate={(currentValue) => {
|
206
|
-
setFirstDate(currentValue);
|
207
|
-
}}
|
208
|
-
onCommitSecondDate={(currentValue) => {
|
209
|
-
firstDate && currentValue && setIsOpen(false);
|
210
|
-
}}
|
211
|
-
{...dividerIconProps}
|
212
|
-
{...rest}
|
213
|
-
/>
|
214
|
-
);
|
215
|
-
};
|
216
|
-
|
217
|
-
export const Range: StoryObj<StoryPropsRange> = {
|
218
|
-
argTypes: {
|
219
|
-
dividerVariant: {
|
220
|
-
options: dividers,
|
221
|
-
control: {
|
222
|
-
type: 'inline-radio',
|
223
|
-
},
|
224
|
-
},
|
225
|
-
},
|
226
|
-
args: {
|
227
|
-
label: 'Лейбл',
|
228
|
-
leftHelper: 'Подсказка к полю',
|
229
|
-
firstPlaceholder: '30.05.2024',
|
230
|
-
secondPlaceholder: '04.06.2024',
|
231
|
-
firstTextfieldTextBefore: '',
|
232
|
-
secondTextfieldTextBefore: '',
|
233
|
-
firstTextfieldTextAfter: '',
|
234
|
-
secondTextfieldTextAfter: '',
|
235
|
-
size: 'l',
|
236
|
-
view: 'default',
|
237
|
-
isDoubleCalendar: false,
|
238
|
-
dividerVariant: 'dash',
|
239
|
-
min: new Date(2024, 1, 1),
|
240
|
-
max: new Date(2024, 12, 29),
|
241
|
-
maskWithFormat: false,
|
242
|
-
disabled: false,
|
243
|
-
readOnly: false,
|
244
|
-
enableContentLeft: true,
|
245
|
-
enableContentRight: true,
|
246
|
-
enableFirstTextfieldContentLeft: false,
|
247
|
-
enableFirstTextfieldContentRight: false,
|
248
|
-
enableSecondTextfieldContentLeft: false,
|
249
|
-
enableSecondTextfieldContentRight: false,
|
250
|
-
|
251
|
-
firstValueError: false,
|
252
|
-
firstValueSuccess: false,
|
253
|
-
secondValueError: false,
|
254
|
-
secondValueSuccess: false,
|
255
|
-
},
|
256
|
-
render: (args) => <StoryRange {...args} />,
|
257
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.customDayjs = void 0;
|
7
|
-
var _dayjs = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs"));
|
8
|
-
var _customParseFormat = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("dayjs/plugin/customParseFormat"));
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
_dayjs["default"].extend(_customParseFormat["default"]);
|
11
|
-
var customDayjs = exports.customDayjs = _dayjs["default"];
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getPlacements = exports.getPlacement = void 0;
|
7
|
-
var getPlacement = exports.getPlacement = function getPlacement(placement) {
|
8
|
-
return "".concat(placement, "-start");
|
9
|
-
};
|
10
|
-
var getPlacements = exports.getPlacements = function getPlacements(placements) {
|
11
|
-
if (!placements) {
|
12
|
-
return;
|
13
|
-
}
|
14
|
-
var isArray = Array.isArray(placements);
|
15
|
-
if (!isArray) {
|
16
|
-
return getPlacement(placements);
|
17
|
-
}
|
18
|
-
return (placements || []).map(function (placement) {
|
19
|
-
return getPlacement(placement);
|
20
|
-
});
|
21
|
-
};
|
@@ -1,6 +0,0 @@
|
|
1
|
-
export var addActive = function addActive(args) {
|
2
|
-
var activeBackground = args.activeBackground,
|
3
|
-
activeColor = args.activeColor,
|
4
|
-
activeFontWeight = args.activeFontWeight;
|
5
|
-
return "\n &:active {\n background-color: ".concat(activeBackground, ";\n color: ").concat(activeColor, ";\n font-weight: ").concat(activeFontWeight, ";\n }\n ");
|
6
|
-
};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { classes } from '../Calendar.tokens';
|
2
|
-
import { addActive } from './active';
|
3
|
-
export var addSelected = function addSelected(args) {
|
4
|
-
var minWidth = args.minWidth,
|
5
|
-
minHeight = args.minHeight,
|
6
|
-
selectedFontWeight = args.selectedFontWeight,
|
7
|
-
selectedBackground = args.selectedBackground,
|
8
|
-
selectedColor = args.selectedColor,
|
9
|
-
selectableBackgroundHover = args.selectableBackgroundHover,
|
10
|
-
currentBorderColor = args.currentBorderColor,
|
11
|
-
activeBackground = args.activeBackground,
|
12
|
-
activeColor = args.activeColor;
|
13
|
-
return "\n outline: none;\n cursor: pointer;\n\n &:hover {\n background-color: ".concat(selectableBackgroundHover, ";\n };\n \n\n &.").concat(classes.hoveredItem, ", &.").concat(classes.hoveredItem, ":hover {\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: pointer;\n font-weight: ").concat(selectedFontWeight, ";\n }\n\n &.").concat(classes.selectedItem, ":not(.").concat(classes.currentItem, ") {\n border: 0;\n background-color: ").concat(selectedBackground, ";\n color: ").concat(selectedColor, ";\n cursor: default;\n font-weight: ").concat(selectedFontWeight, ";\n };\n \n ").concat(addActive({
|
14
|
-
activeBackground: activeBackground,
|
15
|
-
activeColor: activeColor,
|
16
|
-
activeFontWeight: selectedFontWeight
|
17
|
-
}), ";\n\n &.").concat(classes.currentItem, " {\n border: 0.063rem solid ").concat(currentBorderColor, ";\n\n &.").concat(classes.selectedItem, " {\n background-color: initial;\n color: ").concat(selectedColor, ";\n font-weight: ").concat(selectedFontWeight, ";\n\n & > div:first-of-type {\n background-color: ").concat(selectedBackground, ";\n min-width: ").concat(minWidth, ";\n min-height: ").concat(minHeight, ";\n }\n }\n };\n ");
|
18
|
-
};
|
@@ -1,150 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: datepicker
|
3
|
-
title: DatePicker
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable, Description } from '@site/src/components';
|
7
|
-
|
8
|
-
# DatePicker
|
9
|
-
<Description name="DatePicker" />
|
10
|
-
<PropsTable name="DatePicker" exclude={['css']} />
|
11
|
-
|
12
|
-
## Использование
|
13
|
-
Компонент `DatePicker` представляет собой поле ввода даты с выпадающим календарем.
|
14
|
-
|
15
|
-
Размер `DatePicker` задаётся с помощью свойства `size`.
|
16
|
-
Возможные значения свойтсва: `"l"`, `"m"`, `"s"`, `"xs"`.
|
17
|
-
|
18
|
-
```tsx live
|
19
|
-
import React, {useState} from 'react';
|
20
|
-
import { DatePicker, IconButton } from '@salutejs/{{ package }}';
|
21
|
-
import { IconDone } from '@salutejs/plasma-icons';
|
22
|
-
|
23
|
-
export function App() {
|
24
|
-
return (
|
25
|
-
<div style={{ height: "450px" }}>
|
26
|
-
<DatePicker
|
27
|
-
label="Лейбл"
|
28
|
-
leftHelper="Подсказка к полю"
|
29
|
-
placeholder="Введите дату"
|
30
|
-
contentRight={<IconDone size="s" />}
|
31
|
-
size="l"
|
32
|
-
/>
|
33
|
-
</div>
|
34
|
-
);
|
35
|
-
}
|
36
|
-
```
|
37
|
-
|
38
|
-
### Формат даты
|
39
|
-
Формат даты задается с помощью свойства `format`.
|
40
|
-
При выборе даты в календаре или вводе даты через поле ввода, дата будет приводиться к заданному формату.
|
41
|
-
Свойство `maskWithFormat` позволяет маскировать ввод:
|
42
|
-
|
43
|
-
```tsx live
|
44
|
-
import React, {useState} from 'react';
|
45
|
-
import { DatePicker, IconButton } from '@salutejs/{{ package }}';
|
46
|
-
import { IconDone } from '@salutejs/plasma-icons';
|
47
|
-
|
48
|
-
export function App() {
|
49
|
-
return (
|
50
|
-
<div style={{ height: "450px" }}>
|
51
|
-
<DatePicker
|
52
|
-
label="Лейбл"
|
53
|
-
leftHelper="Подсказка к полю"
|
54
|
-
placeholder="Введите дату"
|
55
|
-
format="DD-MM-YYYY"
|
56
|
-
maskWithFormat
|
57
|
-
contentRight={<IconDone size="s" />}
|
58
|
-
/>
|
59
|
-
</div>
|
60
|
-
);
|
61
|
-
}
|
62
|
-
```
|
63
|
-
|
64
|
-
### Валидация и индикация успешного ввода даты.
|
65
|
-
За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
|
66
|
-
В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
|
67
|
-
|
68
|
-
```tsx live
|
69
|
-
import React, {useState} from 'react';
|
70
|
-
import { DatePicker, IconButton } from '@salutejs/{{ package }}';
|
71
|
-
import { IconDone } from '@salutejs/plasma-icons';
|
72
|
-
|
73
|
-
export function App() {
|
74
|
-
const [isOpen, setIsOpen] = useState(false);
|
75
|
-
const [error, setError] = useState(false);
|
76
|
-
const [success, setSuccess] = useState(false);
|
77
|
-
|
78
|
-
const handleCommitDate = (newDate: Date | string, dateError?: boolean, dateSuccess?: boolean) => {
|
79
|
-
if (dateError) {
|
80
|
-
setError(true);
|
81
|
-
return;
|
82
|
-
}
|
83
|
-
|
84
|
-
if (dateSuccess) {
|
85
|
-
setSuccess(true);
|
86
|
-
}
|
87
|
-
|
88
|
-
setIsOpen(false);
|
89
|
-
};
|
90
|
-
|
91
|
-
return (
|
92
|
-
<div style={{ height: "450px" }}>
|
93
|
-
<DatePicker
|
94
|
-
isOpen={isOpen}
|
95
|
-
label="Лейбл"
|
96
|
-
leftHelper="Подсказка к полю"
|
97
|
-
placeholder="Введите дату"
|
98
|
-
format="DD-MM-YYYY"
|
99
|
-
maskWithFormat
|
100
|
-
valueError={error}
|
101
|
-
valueSuccess={success}
|
102
|
-
contentRight={<IconDone size="s" />}
|
103
|
-
onChangeValue={() => {
|
104
|
-
setError(false);
|
105
|
-
setSuccess(false);
|
106
|
-
}}
|
107
|
-
onCommitDate={handleCommitDate}
|
108
|
-
/>
|
109
|
-
</div>
|
110
|
-
);
|
111
|
-
}
|
112
|
-
```
|
113
|
-
|
114
|
-
## DatePickerRange
|
115
|
-
<Description name="DatePickerRange" />
|
116
|
-
<PropsTable name="DatePickerRange" exclude={['css']} />
|
117
|
-
|
118
|
-
## Использование
|
119
|
-
Компонент `DatePickerRange` представляет собой `Range` с выпадающим календарем.
|
120
|
-
Календарь может быть одиночным или двойным. За это отвечает свойство `isDoubleCalendar`.
|
121
|
-
|
122
|
-
```tsx live
|
123
|
-
import React, {useState} from 'react';
|
124
|
-
import { DatePickerRange, IconButton } from '@salutejs/{{ package }}';
|
125
|
-
import { IconDone } from '@salutejs/plasma-icons';
|
126
|
-
|
127
|
-
export function App() {
|
128
|
-
const ActionButton = () => {
|
129
|
-
return (
|
130
|
-
<IconButton view="clear" size="l">
|
131
|
-
<IconDone size="s" />
|
132
|
-
</IconButton>
|
133
|
-
);
|
134
|
-
};
|
135
|
-
|
136
|
-
return (
|
137
|
-
<div style={{ height: "500px" }}>
|
138
|
-
<DatePickerRange
|
139
|
-
size="l"
|
140
|
-
label="Лейбл"
|
141
|
-
leftHelper="Подсказка к полю"
|
142
|
-
firstPlaceholder="Введите дату 1"
|
143
|
-
secondPlaceholder="Введите дату 2"
|
144
|
-
contentRight={<ActionButton />}
|
145
|
-
isDoubleCalendar
|
146
|
-
/>
|
147
|
-
</div>
|
148
|
-
);
|
149
|
-
}
|
150
|
-
```
|
@@ -1,181 +0,0 @@
|
|
1
|
-
export var classes = {
|
2
|
-
datePickerError: 'date-picker-error',
|
3
|
-
datePickerSuccess: 'date-picker-success',
|
4
|
-
datePickerRoot: 'date-picker-root'
|
5
|
-
};
|
6
|
-
export var tokens = {
|
7
|
-
width: '--plasma-date-picker-width',
|
8
|
-
/** Токены полей ввода в рендже */
|
9
|
-
background: '--plasma-date-picker_range-background',
|
10
|
-
backgroundError: '--plasma-date-picker_range-background-error',
|
11
|
-
backgroundSuccess: '--plasma-date-picker_range-background-success',
|
12
|
-
backgroundReadOnly: '--plasma-date-picker_range-background-readonly',
|
13
|
-
borderRadius: '--plasma-date-picker_range-border-radius',
|
14
|
-
borderWidth: '--plasma-date-picker_range-border-width',
|
15
|
-
borderColor: '--plasma-date-picker_range-border-color',
|
16
|
-
borderColorHover: '--plasma-date-picker_range-border-color-hover',
|
17
|
-
borderColorFocus: '--plasma-date-picker_range-border-color-focus',
|
18
|
-
borderColorError: '--plasma-date-picker_range-border-color-error',
|
19
|
-
borderColorSuccess: '--plasma-date-picker_range-border-color-success',
|
20
|
-
borderColorReadOnly: '--plasma-date-picker_range-border-color-readonly',
|
21
|
-
/** Токены разделителя */
|
22
|
-
dividerColor: '--plasma-date-picker_range__divider-color',
|
23
|
-
dividerColorReadOnly: '--plasma-date-picker_range__divider-color-readonly',
|
24
|
-
dividerPadding: '--plasma-date-picker_range__divider-padding',
|
25
|
-
dividerFontFamily: '--plasma-date-picker_range__divider-font-family',
|
26
|
-
dividerFontStyle: '--plasma-date-picker_range__divider-font-style',
|
27
|
-
dividerFontSize: '--plasma-date-picker_range__divider-font-size',
|
28
|
-
dividerFontWeight: '--plasma-date-picker_range__divider-font-weight',
|
29
|
-
dividerLetterSpacing: '--plasma-date-picker_range__divider-letter-spacing',
|
30
|
-
dividerLineHeight: '--plasma-date-picker_range__divider-line-height',
|
31
|
-
/** Токены слотов для контента в рендже */
|
32
|
-
leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
33
|
-
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
34
|
-
/** Токены лейбла */
|
35
|
-
labelColor: '--plasma-date-picker__label-color',
|
36
|
-
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
37
|
-
labelOffset: '--plasma-date-picker__label-offset',
|
38
|
-
labelFontFamily: '--plasma-date-picker__label-font-family',
|
39
|
-
labelFontStyle: '--plasma-date-picker__label-font-style',
|
40
|
-
labelFontSize: '--plasma-date-picker__label-font-size',
|
41
|
-
labelFontWeight: '--plasma-date-picker__label-font-weight',
|
42
|
-
labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
|
43
|
-
labelLineHeight: '--plasma-date-picker__label-line-height',
|
44
|
-
/** Токены вспомогательного текста */
|
45
|
-
leftHelperColor: '--plasma-date-picker__left-helper-color',
|
46
|
-
leftHelperColorReadOnly: '--plasma-date-picker__left-helper-color-readonly',
|
47
|
-
leftHelperOffset: '--plasma-date-picker__left-helper-offset',
|
48
|
-
leftHelperFontFamily: '--plasma-date-picker__left-helper-font-family',
|
49
|
-
leftHelperFontStyle: '--plasma-date-picker__left-helper-font-style',
|
50
|
-
leftHelperFontSize: '--plasma-date-picker__left-helper-font-size',
|
51
|
-
leftHelperFontWeight: '--plasma-date-picker__left-helper-font-weight',
|
52
|
-
leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
|
53
|
-
leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
|
54
|
-
/** Прозрачность для всего компонента в состоянии disabled */
|
55
|
-
disabledOpacity: '--plasma-date-picker-disabled-opacity',
|
56
|
-
/** Цвет обводки поля ввода при фокусе */
|
57
|
-
focusColor: '--plasma-date-picker-focus-color',
|
58
|
-
/** Токены полей ввода */
|
59
|
-
textFieldColor: '--plasma-date-picker-textfield-color',
|
60
|
-
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
61
|
-
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
62
|
-
textFieldCaretColor: '--plasma-date-picker-textfield-caret-color',
|
63
|
-
textFieldBackgroundColor: '--plasma-date-picker-textfield-background-color',
|
64
|
-
textFieldBackgroundColorHover: '--plasma-date-picker-textfield-background-color-hover',
|
65
|
-
textFieldBackgroundColorFocus: '--plasma-date-picker-textfield-background-color-focus',
|
66
|
-
textFieldBackgroundErrorColor: '--plasma-date-picker-textfield-background-color-error',
|
67
|
-
textFieldBackgroundErrorColorHover: '--plasma-date-picker-textfield-background-color-error-hover',
|
68
|
-
textFieldBackgroundErrorColorFocus: '--plasma-date-picker-textfield-background-color-error-focus',
|
69
|
-
textFieldBackgroundSuccessColor: '--plasma-date-picker-textfield-background-color-success',
|
70
|
-
textFieldBackgroundSuccessColorHover: '--plasma-date-picker-textfield-background-color-success-hover',
|
71
|
-
textFieldBackgroundSuccessColorFocus: '--plasma-date-picker-textfield-background-color-success-focus',
|
72
|
-
textFieldBorderColor: '--plasma-date-picker-textfield-border-color',
|
73
|
-
textFieldBorderColorHover: '--plasma-date-picker-textfield-border-color-hover',
|
74
|
-
textFieldBorderColorFocus: '--plasma-date-picker-textfield-border-color-focus',
|
75
|
-
textFieldBorderColorError: '--plasma-date-picker-textfield-border-color-error',
|
76
|
-
textFieldBorderColorErrorHover: '--plasma-date-picker-textfield-border-color-error-hover',
|
77
|
-
textFieldBorderColorErrorFocus: '--plasma-date-picker-textfield-border-color-error-focus',
|
78
|
-
textFieldBorderColorSuccess: '--plasma-date-picker-textfield-border-color-success',
|
79
|
-
textFieldBorderColorSuccessHover: '--plasma-date-picker-textfield-border-color-success-hover',
|
80
|
-
textFieldBorderColorSuccessFocus: '--plasma-date-picker-textfield-border-color-success-focus',
|
81
|
-
textFieldColorReadOnly: '--plasma-date-picker-textfield-color-readonly',
|
82
|
-
textFieldBackgroundColorReadOnly: '--plasma-date-picker-textfield-background-color-readonly',
|
83
|
-
textFieldBorderColorReadOnly: '--plasma-date-picker-textfield-border-color-readonly',
|
84
|
-
textFieldPlaceholderColorReadOnly: '--plasma-date-picker-textfield-placeholder-color-readonly',
|
85
|
-
textFieldHeight: '--plasma-date-picker-textfield-height',
|
86
|
-
textFieldBorderWidth: '--plasma-date-picker-textfield-border-width',
|
87
|
-
textFieldBorderRadius: '--plasma-date-picker-textfield-border-radius',
|
88
|
-
textFieldPadding: '--plasma-date-picker-textfield-padding',
|
89
|
-
textFieldLeftContentMargin: '--plasma-date-picker-textfield__left-content-margin',
|
90
|
-
textFieldRightContentMargin: '--plasma-date-picker-textfield__right-content-margin',
|
91
|
-
textFieldFontFamily: '--plasma-date-picker-textfield-font-family',
|
92
|
-
textFieldFontStyle: '--plasma-date-picker-textfield-font-style',
|
93
|
-
textFieldFontSize: '--plasma-date-picker-textfield-font-size',
|
94
|
-
textFieldFontWeight: '--plasma-date-picker-textfield-font-weight',
|
95
|
-
textFieldLetterSpacing: '--plasma-date-picker-textfield-letter-spacing',
|
96
|
-
textFieldLineHeight: '--plasma-date-picker-textfield-line-height',
|
97
|
-
textFieldTextBeforeColor: '--plasma-date-picker-textfield__before-text-color',
|
98
|
-
textFieldTextAfterColor: '--plasma-date-picker-textfield__after-text-color',
|
99
|
-
textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
|
100
|
-
textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
|
101
|
-
/** Токены календаря */
|
102
|
-
calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
|
103
|
-
calendarShadow: '--plasma-date-picker-calendar-shadow',
|
104
|
-
calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
|
105
|
-
calendarWidth: '--plasma-date-picker-calendar-width',
|
106
|
-
calendarHeight: '--plasma-date-picker-calendar-height',
|
107
|
-
calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
|
108
|
-
calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
|
109
|
-
calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
|
110
|
-
calendarYearItemHeight: '--plasma-date-picker-calendar__year-item-height',
|
111
|
-
calendarYearFontFamily: '--plasma-date-picker-calendar__year-font-family',
|
112
|
-
calendarYearFontSize: '--plasma-date-picker-calendar__year-font-size',
|
113
|
-
calendarYearFontStyle: '--plasma-date-picker-calendar__year-font-style',
|
114
|
-
calendarYearFontLetterSpacing: '--plasma-date-picker-calendar__year-letter-spacing',
|
115
|
-
calendarYearFontLineHeight: '--plasma-date-picker-calendar__year-line-height',
|
116
|
-
calendarYearFontWeight: '--plasma-date-picker-calendar__year-font-weight',
|
117
|
-
calendarYearSelectedFontWeight: '--plasma-date-picker-calendar__year-selected-font-weight',
|
118
|
-
calendarMonthsPadding: '--plasma-date-picker-calendar__months-padding',
|
119
|
-
calendarMonthItemBorderRadius: '--plasma-date-picker-calendar__month-item-border-radius',
|
120
|
-
calendarMonthItemWidth: '--plasma-date-picker-calendar__month-item-width',
|
121
|
-
calendarMonthItemHeight: '--plasma-date-picker-calendar__month-item-height',
|
122
|
-
calendarMonthFontFamily: '--plasma-date-picker-calendar__month-font-family',
|
123
|
-
calendarMonthFontSize: '--plasma-date-picker-calendar__month-font-size',
|
124
|
-
calendarMonthFontStyle: '--plasma-date-picker-calendar__month-font-style',
|
125
|
-
calendarMonthFontLetterSpacing: '--plasma-date-picker-calendar__month-letter-spacing',
|
126
|
-
calendarMonthFontLineHeight: '--plasma-date-picker-calendar__month-line-height',
|
127
|
-
calendarMonthFontWeight: '--plasma-date-picker-calendar__month-font-weight',
|
128
|
-
calendarMonthSelectedFontWeight: '--plasma-date-picker-calendar__month-selected-font-weight',
|
129
|
-
calendarDaysPadding: '--plasma-date-picker-calendar__days-padding',
|
130
|
-
calendarDayItemBorderRadius: '--plasma-date-picker-calendar__day-item-border-radius',
|
131
|
-
calendarDayItemWidth: '--plasma-date-picker-calendar__day-item-width',
|
132
|
-
calendarDayItemHeight: '--plasma-date-picker-calendar__day-item-height',
|
133
|
-
calendarDayFontFamily: '--plasma-date-picker-calendar__day-font-family',
|
134
|
-
calendarDayFontSize: '--plasma-date-picker-calendar__day-font-size',
|
135
|
-
calendarDayFontStyle: '--plasma-date-picker-calendar__day-font-style',
|
136
|
-
calendarDayFontLetterSpacing: '--plasma-date-picker-calendar__day-letter-spacing',
|
137
|
-
calendarDayFontLineHeight: '--plasma-date-picker-calendar__day-line-height',
|
138
|
-
calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
|
139
|
-
calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
|
140
|
-
calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
|
141
|
-
calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
|
142
|
-
calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
|
143
|
-
calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',
|
144
|
-
calendarHeaderPadding: '--plasma-date-picker-calendar__header-padding',
|
145
|
-
calendarHeaderDateGap: '--plasma-date-picker-calendar__header-date-gap',
|
146
|
-
calendarHeaderFontFamily: '--plasma-date-picker-calendar__header-font-family',
|
147
|
-
calendarHeaderFontSize: '--plasma-date-picker-calendar__header-font-size',
|
148
|
-
calendarHeaderFontStyle: '--plasma-date-picker-calendar__header-font-style',
|
149
|
-
calendarHeaderFontLetterSpacing: '--plasma-date-picker-calendar__header-letter-spacing',
|
150
|
-
calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
|
151
|
-
calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
|
152
|
-
calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
|
153
|
-
iconButtonColor: '--plasma-date-picker-icon-button__color',
|
154
|
-
iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
|
155
|
-
iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
|
156
|
-
iconButtonBackgroundColorHover: '--plasma-date-picker-icon-button__background-color-hover',
|
157
|
-
iconButtonColorActive: '--plasma-date-picker-icon-button__color-active',
|
158
|
-
iconButtonBackgroundColorActive: '--plasma-date-picker-icon-button__background-color-active',
|
159
|
-
iconButtonHeight: '--plasma-date-picker-icon-button__height',
|
160
|
-
iconButtonWidth: '--plasma-date-picker-icon-button__width',
|
161
|
-
iconButtonPadding: '--plasma-date-picker-icon-button__padding',
|
162
|
-
iconButtonRadius: '--plasma-date-picker-icon-button__radius',
|
163
|
-
iconButtonFocusColor: '--plasma-date-picker-icon-button__focus-color',
|
164
|
-
calendarBackgroundColor: '--plasma-date-picker-calendar__background-color',
|
165
|
-
calendarSelectedItemBackground: '--plasma-date-picker-calendar__selected-item-background',
|
166
|
-
calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
|
167
|
-
calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
|
168
|
-
calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
|
169
|
-
calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
|
170
|
-
calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
|
171
|
-
calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',
|
172
|
-
calendarActiveItemBackground: '--plasma-date-picker-calendar__active-item-background',
|
173
|
-
calendarActiveItemColor: '--plasma-date-picker-calendar__active-item-color',
|
174
|
-
calendarHoveredItemBackground: '--plasma-date-picker-calendar__hovered-item-background',
|
175
|
-
calendarHoveredItemColor: '--plasma-date-picker-calendar__hovered-item-color',
|
176
|
-
calendarSeparatorBackground: '--plasma-date-picker-calendar__separator-background',
|
177
|
-
calendarRangeBackground: '--plasma-date-picker-calendar__range-background',
|
178
|
-
calendarOutlineFocusColor: '--plasma-date-picker-calendar__outline-focus-color',
|
179
|
-
calendarContentPrimaryColor: '--plasma-date-picker-calendar__content-primary-color',
|
180
|
-
calendarContentSecondaryColor: '--plasma-date-picker-calendar__content-secondary-color'
|
181
|
-
};
|