@salutejs/plasma-new-hope 0.324.1-canary.1988.15209032570.0 → 0.324.1-canary.1994.15271445725.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Calendar/Calendar.tokens.js +4 -13
- 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 +11 -15
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +9 -3
- 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_fpdm18.css +2 -0
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +9 -3
- 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_dt34s7.css} +2 -2
- package/cjs/components/Calendar/hooks/useMonths.js +3 -1
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/hooks/useQuarters.js +4 -2
- package/cjs/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/cjs/components/Calendar/hooks/useYears.js +3 -1
- package/cjs/components/Calendar/hooks/useYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -9
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -7
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
- package/cjs/components/Calendar/utils/calendarGridHelper.js +10 -2
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
- package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +9 -11
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +19 -2
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +21 -25
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +22 -10
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +19 -23
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +31 -7
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{es/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → cjs/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
- package/cjs/components/Note/Note.css +35 -6
- package/cjs/components/Note/Note.js +17 -3
- package/cjs/components/Note/Note.js.map +1 -1
- package/cjs/components/Note/Note.styles.js +25 -2
- package/cjs/components/Note/Note.styles.js.map +1 -1
- package/cjs/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
- package/cjs/components/Note/Note.tokens.js +9 -1
- package/cjs/components/Note/Note.tokens.js.map +1 -1
- package/cjs/components/NumberFormat/NumberFormat.js +7 -2
- package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +10 -10
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/cjs/components/PaginationDots/PaginationDot.js +59 -0
- package/cjs/components/PaginationDots/PaginationDot.js.map +1 -0
- package/cjs/components/PaginationDots/PaginationDot_baul9c.css +2 -0
- package/cjs/components/PaginationDots/PaginationDots.js +34 -0
- package/cjs/components/PaginationDots/PaginationDots.js.map +1 -0
- package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
- package/cjs/components/PaginationDots/SmartPaginationDots.css +5 -0
- package/cjs/components/PaginationDots/SmartPaginationDots.js +47 -0
- package/cjs/components/PaginationDots/SmartPaginationDots.js.map +1 -0
- package/cjs/components/PaginationDots/usePaginationDots.js +40 -0
- package/cjs/components/PaginationDots/usePaginationDots.js.map +1 -0
- package/cjs/components/Select/Select.css +10 -10
- package/cjs/components/Select/Select.tokens.js +23 -0
- package/cjs/components/Select/Select.tokens.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.css +10 -10
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -12
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{es/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → cjs/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
- package/cjs/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/cjs/components/Table/Table.css +10 -10
- package/cjs/components/Table/ui/Cell/Cell.css +10 -10
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/cjs/index.css +47 -44
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +4 -13
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +7 -7
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +3 -1
- package/emotion/cjs/components/Calendar/hooks/useQuarters.js +4 -2
- package/emotion/cjs/components/Calendar/hooks/useYears.js +3 -1
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +3 -8
- package/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +9 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -13
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/components/Note/Note.js +17 -3
- package/emotion/cjs/components/Note/Note.styles.js +27 -15
- package/emotion/cjs/components/Note/Note.tokens.js +9 -1
- package/emotion/cjs/components/NumberFormat/NumberFormat.js +7 -2
- package/emotion/cjs/components/PaginationDots/PaginationDot.js +35 -0
- package/emotion/cjs/components/PaginationDots/PaginationDots.js +35 -0
- package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
- package/emotion/cjs/components/PaginationDots/index.js +26 -0
- package/emotion/cjs/components/PaginationDots/usePaginationDots.js +38 -0
- package/emotion/cjs/components/Select/Select.tokens.js +2 -0
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.config.js +9 -9
- package/emotion/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/emotion/cjs/examples/plasma_web/components/Note/Note.config.js +9 -9
- package/emotion/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Calendar/Calendar.tokens.js +4 -13
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.styles.js +3 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +8 -8
- package/emotion/es/components/Calendar/hooks/useMonths.js +3 -1
- package/emotion/es/components/Calendar/hooks/useQuarters.js +4 -2
- package/emotion/es/components/Calendar/hooks/useYears.js +3 -1
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
- package/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +9 -2
- package/emotion/es/components/Calendar/utils/getDateWithModification.js +28 -24
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +8 -11
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +9 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +5 -14
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/components/Note/Note.js +18 -4
- package/emotion/es/components/Note/Note.styles.js +26 -14
- package/emotion/es/components/Note/Note.tokens.js +9 -1
- package/emotion/es/components/NumberFormat/NumberFormat.js +7 -2
- package/emotion/es/components/PaginationDots/PaginationDot.js +28 -0
- package/emotion/es/components/PaginationDots/PaginationDots.js +28 -0
- package/emotion/es/components/PaginationDots/SmartPaginationDots.js +36 -0
- package/emotion/es/components/PaginationDots/index.js +3 -0
- package/emotion/es/components/PaginationDots/usePaginationDots.js +32 -0
- package/emotion/es/components/Select/Select.tokens.js +2 -0
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +31 -28
- package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/emotion/es/examples/plasma_b2c/components/Note/Note.config.js +9 -9
- package/emotion/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
- package/emotion/es/examples/plasma_b2c/components/Select/Select.config.js +24 -24
- package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/emotion/es/examples/plasma_web/components/Note/Note.config.js +9 -9
- package/emotion/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
- package/emotion/es/examples/plasma_web/components/Select/Select.config.js +24 -24
- package/emotion/es/index.js +2 -1
- package/es/components/Calendar/Calendar.tokens.js +4 -13
- 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 +11 -15
- package/es/components/Calendar/CalendarBase/CalendarBase.js +9 -4
- 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_fpdm18.css +2 -0
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +14 -18
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +10 -5
- 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_dt34s7.css} +2 -2
- package/es/components/Calendar/hooks/useMonths.js +3 -1
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/hooks/useQuarters.js +5 -3
- package/es/components/Calendar/hooks/useQuarters.js.map +1 -1
- package/es/components/Calendar/hooks/useYears.js +3 -1
- package/es/components/Calendar/hooks/useYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.css +6 -7
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -9
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_445k2m.css +2 -0
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +5 -6
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_3fk0w8.css +1 -0
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +5 -6
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_g2v0cv.css +1 -0
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.css +5 -6
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -7
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js.map +1 -1
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_97bjgu.css +1 -0
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +7 -7
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js.map +1 -1
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_12b03hz.css +4 -0
- package/es/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/getDateWithModification.js +28 -24
- package/es/components/Calendar/utils/getDateWithModification.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +9 -12
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +19 -2
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles_10sa0ht.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +21 -25
- package/es/components/DatePicker/RangeDate/RangeDate.js +22 -11
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/{RangeDate.styles_vzsqwo.css → RangeDate.styles_1q1mn0z.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +19 -23
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +43 -3
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +38 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +19 -23
- package/es/components/DatePicker/SingleDate/SingleDate.js +31 -8
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/{cjs/components/DatePicker/SingleDate/SingleDate.styles_4wd0mq.css → es/components/DatePicker/SingleDate/SingleDate.styles_7r4r8k.css} +1 -1
- package/es/components/Note/Note.css +35 -6
- package/es/components/Note/Note.js +18 -4
- package/es/components/Note/Note.js.map +1 -1
- package/es/components/Note/Note.styles.js +25 -3
- package/es/components/Note/Note.styles.js.map +1 -1
- package/es/components/Note/{Note.styles_178qpj9.css → Note.styles_thpfhk.css} +2 -1
- package/es/components/Note/Note.tokens.js +9 -1
- package/es/components/Note/Note.tokens.js.map +1 -1
- package/es/components/NumberFormat/NumberFormat.js +7 -2
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/components/Pagination/Pagination.css +10 -10
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -10
- package/es/components/PaginationDots/PaginationDot.js +54 -0
- package/es/components/PaginationDots/PaginationDot.js.map +1 -0
- package/es/components/PaginationDots/PaginationDot_baul9c.css +2 -0
- package/es/components/PaginationDots/PaginationDots.js +29 -0
- package/es/components/PaginationDots/PaginationDots.js.map +1 -0
- package/es/components/PaginationDots/PaginationDots_fm2ha5.css +2 -0
- package/es/components/PaginationDots/SmartPaginationDots.css +5 -0
- package/es/components/PaginationDots/SmartPaginationDots.js +39 -0
- package/es/components/PaginationDots/SmartPaginationDots.js.map +1 -0
- package/es/components/PaginationDots/usePaginationDots.js +36 -0
- package/es/components/PaginationDots/usePaginationDots.js.map +1 -0
- package/es/components/Select/Select.css +10 -10
- package/es/components/Select/Select.tokens.js +23 -1
- package/es/components/Select/Select.tokens.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.css +10 -10
- package/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js +22 -13
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/{cjs/components/Select/ui/Inner/ui/Item/Item.styles_1gk72bp.css → es/components/Select/ui/Inner/ui/Item/Item.styles_ir8fmi.css} +2 -2
- package/es/components/Select/ui/VirtualList/VirtualList.css +10 -10
- package/es/components/Table/Table.css +10 -10
- package/es/components/Table/ui/Cell/Cell.css +10 -10
- package/es/components/Table/ui/EditableCell/EditableCell.css +10 -10
- package/es/components/Table/ui/HeadCell/HeadCell.css +10 -10
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +10 -10
- package/es/index.css +47 -44
- package/es/index.js +3 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +4 -13
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.styles.js +2 -2
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +3 -1
- package/styled-components/cjs/components/Calendar/hooks/useQuarters.js +4 -2
- package/styled-components/cjs/components/Calendar/hooks/useYears.js +3 -1
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +3 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +4 -8
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +2 -6
- package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +10 -3
- package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +28 -24
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +9 -12
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +8 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +25 -9
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +47 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +14 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +33 -6
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/cjs/components/Note/Note.js +17 -3
- package/styled-components/cjs/components/Note/Note.styles.js +14 -3
- package/styled-components/cjs/components/Note/Note.tokens.js +9 -1
- package/styled-components/cjs/components/NumberFormat/NumberFormat.js +7 -2
- package/styled-components/cjs/components/PaginationDots/PaginationDot.js +33 -0
- package/styled-components/cjs/components/PaginationDots/PaginationDots.js +24 -0
- package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +43 -0
- package/styled-components/cjs/components/PaginationDots/index.js +26 -0
- package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +38 -0
- package/styled-components/cjs/components/Select/Select.tokens.js +2 -0
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +10 -10
- package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_web/components/Select/Select.config.js +10 -10
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Calendar/Calendar.tokens.js +4 -13
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +12 -3
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.styles.js +2 -2
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +12 -3
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.styles.js +3 -3
- package/styled-components/es/components/Calendar/hooks/useMonths.js +3 -1
- package/styled-components/es/components/Calendar/hooks/useQuarters.js +4 -2
- package/styled-components/es/components/Calendar/hooks/useYears.js +3 -1
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +5 -8
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.styles.js +3 -7
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js +4 -5
- package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.styles.js +1 -5
- package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +3 -3
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +9 -2
- package/styled-components/es/components/Calendar/utils/getDateWithModification.js +28 -24
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +8 -11
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +8 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +26 -10
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +2 -2
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +46 -4
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +15 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +34 -7
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/styled-components/es/components/Note/Note.js +18 -4
- package/styled-components/es/components/Note/Note.styles.js +13 -2
- package/styled-components/es/components/Note/Note.tokens.js +9 -1
- package/styled-components/es/components/NumberFormat/NumberFormat.js +7 -2
- package/styled-components/es/components/PaginationDots/PaginationDot.js +26 -0
- package/styled-components/es/components/PaginationDots/PaginationDots.js +18 -0
- package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +36 -0
- package/styled-components/es/components/PaginationDots/index.js +3 -0
- package/styled-components/es/components/PaginationDots/usePaginationDots.js +32 -0
- package/styled-components/es/components/Select/Select.tokens.js +2 -0
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +3 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +21 -18
- package/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +6 -0
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/Note/Note.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +10 -10
- package/styled-components/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx +37 -29
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarBase.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Calendar/CalendarDouble.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +8 -6
- package/styled-components/es/examples/plasma_web/components/Note/Note.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/Note/Note.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_web/components/Select/Select.config.js +10 -10
- package/styled-components/es/index.js +2 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +3 -12
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.types.d.ts +4 -0
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- 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.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.styles.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +7 -2
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useQuarters.d.ts +1 -1
- package/types/components/Calendar/hooks/useQuarters.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useYears.d.ts +1 -1
- package/types/components/Calendar/hooks/useYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts +0 -1
- package/types/components/Calendar/ui/CalendarYears/CalendarYears.styles.d.ts.map +1 -1
- package/types/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts +1 -0
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/getDateWithModification.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +7 -10
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts +4 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +18 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +16 -3
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +12 -20
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Note/Note.d.ts +4 -0
- package/types/components/Note/Note.d.ts.map +1 -1
- package/types/components/Note/Note.styles.d.ts +46 -1
- package/types/components/Note/Note.styles.d.ts.map +1 -1
- package/types/components/Note/Note.tokens.d.ts +8 -0
- package/types/components/Note/Note.tokens.d.ts.map +1 -1
- package/types/components/Note/Note.types.d.ts +8 -0
- package/types/components/Note/Note.types.d.ts.map +1 -1
- package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/types/components/PaginationDots/PaginationDot.d.ts +21 -0
- package/types/components/PaginationDots/PaginationDot.d.ts.map +1 -0
- package/types/components/PaginationDots/PaginationDots.d.ts +15 -0
- package/types/components/PaginationDots/PaginationDots.d.ts.map +1 -0
- package/types/components/PaginationDots/SmartPaginationDots.d.ts +15 -0
- package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +1 -0
- package/types/components/PaginationDots/index.d.ts +6 -0
- package/types/components/PaginationDots/index.d.ts.map +1 -0
- package/types/components/PaginationDots/usePaginationDots.d.ts +14 -0
- package/types/components/PaginationDots/usePaginationDots.d.ts.map +1 -0
- package/types/components/Select/Select.tokens.d.ts +2 -0
- package/types/components/Select/Select.tokens.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +3 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
- package/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
- package/cjs/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
- package/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
- package/cjs/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
- package/es/components/Calendar/CalendarBase/CalendarBase.styles_zk3a46.css +0 -2
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.styles_1oq8sud.css +0 -3
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.styles_1v3msg.css +0 -2
- package/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.styles_14gqhct.css +0 -2
- package/es/components/Calendar/ui/CalendarYears/CalendarYears.styles_1d4ov6t.css +0 -2
- package/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_1hkk03u.css +0 -4
- package/es/components/DatePicker/DatePickerBase.styles_1a5ddg3.css +0 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1fhuiqs.css +0 -2
@@ -5,12 +5,18 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
|
|
5
5
|
import { tokens } from "./DatePicker.tokens";
|
6
6
|
var mergedCalendarConfig = /*#__PURE__*/mergeConfig(calendarBaseConfig);
|
7
7
|
var Calendar = /*#__PURE__*/component(mergedCalendarConfig);
|
8
|
-
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarWidth, ": var(").concat(tokens.calendarWidth, ");\n ").concat(calendarBaseTokens.calendarHeight, ": var(").concat(tokens.calendarHeight, ");\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearItemWidth, ": var(").concat(tokens.calendarYearItemWidth, ");\n ").concat(calendarBaseTokens.calendarYearItemHeight, ": var(").concat(tokens.calendarYearItemHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(tokens.calendarMonthItemWidth, ");\n ").concat(calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(tokens.calendarMonthItemHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(tokens.calendarQuarterItemWidth, ");\n ").concat(calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(tokens.calendarQuarterItemHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayItemWidth, ": var(").concat(tokens.calendarDayItemWidth, ");\n ").concat(calendarBaseTokens.calendarDayItemHeight, ": var(").concat(tokens.calendarDayItemHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
8
|
+
export var baseCalendarTokens = /*#__PURE__*/"\n padding-top: var(".concat(tokens.calendarPaddingTop, ");\n box-shadow: var(").concat(tokens.calendarShadow, ");\n border-radius: var(").concat(tokens.calendarBorderRadius, ");\n margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\n ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n \n ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n \n ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n \n ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n");
|
9
9
|
|
10
10
|
// NOTE: переопределение токенов Calendar
|
11
11
|
export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
|
12
12
|
componentId: "plasma-new-hope__sc-1i6o09y-0"
|
13
|
-
})(["width:
|
13
|
+
})(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref) {
|
14
|
+
var innerWidth = _ref.innerWidth;
|
15
|
+
return innerWidth || "var(".concat(tokens.calendarContainerWidth, ")");
|
16
|
+
}, function (_ref2) {
|
17
|
+
var innerHeight = _ref2.innerHeight;
|
18
|
+
return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
|
19
|
+
});
|
14
20
|
export var InputHidden = /*#__PURE__*/styled.input.withConfig({
|
15
21
|
componentId: "plasma-new-hope__sc-1i6o09y-1"
|
16
22
|
})(["", ";"], /*#__PURE__*/applyHidden());
|
@@ -1,5 +1,9 @@
|
|
1
|
-
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
+
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "value", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "hasRequiredIndicator", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "closeAfterDateSelect", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
2
3
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
3
7
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
4
8
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
5
9
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
@@ -9,7 +13,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
9
13
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
10
14
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
11
15
|
import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
12
|
-
import
|
16
|
+
import cls from 'classnames';
|
17
|
+
import { noop } from "../../../utils";
|
13
18
|
import { getDateFormatDelimiter } from "../utils/dateHelper";
|
14
19
|
import { useDatePicker } from "../hooks/useDatePicker";
|
15
20
|
import { classes } from "../DatePicker.tokens";
|
@@ -103,6 +108,9 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
103
108
|
_ref$closeAfterDateSe = _ref.closeAfterDateSelect,
|
104
109
|
closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
|
105
110
|
offset = _ref.offset,
|
111
|
+
calendarContainerWidth = _ref.calendarContainerWidth,
|
112
|
+
calendarContainerHeight = _ref.calendarContainerHeight,
|
113
|
+
stretched = _ref.stretched,
|
106
114
|
onToggle = _ref.onToggle,
|
107
115
|
onChange = _ref.onChange,
|
108
116
|
onChangeFirstValue = _ref.onChangeFirstValue,
|
@@ -484,21 +492,25 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
484
492
|
useLayoutEffect(function () {
|
485
493
|
updateExternalSecondDate(defaultSecondDate);
|
486
494
|
}, [defaultSecondDate, format, lang]);
|
487
|
-
var RootWrapper = useCallback(function (_ref6) {
|
488
|
-
var children = _ref6.children
|
495
|
+
var RootWrapper = useCallback(/*#__PURE__*/forwardRef(function (_ref6, rootWrapperRef) {
|
496
|
+
var children = _ref6.children,
|
497
|
+
rootWrapperClassName = _ref6.className,
|
498
|
+
onClick = _ref6.onClick;
|
489
499
|
return /*#__PURE__*/React.createElement(Root, {
|
500
|
+
ref: rootWrapperRef,
|
490
501
|
view: view,
|
491
502
|
size: size,
|
492
|
-
className:
|
503
|
+
className: rootWrapperClassName,
|
493
504
|
disabled: disabled,
|
494
|
-
readOnly: !disabled && readOnly
|
505
|
+
readOnly: !disabled && readOnly,
|
506
|
+
onClick: onClick
|
495
507
|
}, children);
|
496
|
-
}, [view, size, disabled, readOnly]);
|
508
|
+
}), [view, size, disabled, readOnly]);
|
497
509
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
498
510
|
ref: rootRef,
|
499
511
|
view: view,
|
500
512
|
size: size,
|
501
|
-
className:
|
513
|
+
className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
|
502
514
|
disabled: disabled,
|
503
515
|
readOnly: !disabled && readOnly
|
504
516
|
}, rest), /*#__PURE__*/React.createElement(RangeDatePopover, {
|
@@ -523,15 +535,19 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
523
535
|
closeOnOverlayClick: closeOnOverlayClick,
|
524
536
|
closeOnEsc: closeOnEsc,
|
525
537
|
offset: offset,
|
538
|
+
stretched: stretched,
|
539
|
+
calendarContainerWidth: calendarContainerWidth,
|
540
|
+
calendarContainerHeight: calendarContainerHeight,
|
526
541
|
type: type,
|
527
542
|
onToggle: handleToggle,
|
528
543
|
lang: lang,
|
529
544
|
isDoubleCalendar: isDoubleCalendar,
|
530
545
|
rootWrapper: RootWrapper,
|
531
546
|
onChangeStartOfRange: handleChangeStartOfRange,
|
532
|
-
onChangeValue: handleChangeCalendarValue
|
547
|
+
onChangeValue: handleChangeCalendarValue,
|
548
|
+
setIsInnerOpen: setIsInnerOpen
|
533
549
|
}), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
534
|
-
className:
|
550
|
+
className: cls(rangeErrorClass, rangeSuccessClass)
|
535
551
|
}, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
|
536
552
|
name: name,
|
537
553
|
type: "hidden",
|
@@ -3,7 +3,7 @@ import { css } from 'styled-components';
|
|
3
3
|
import { component, mergeConfig } from "../../../engines";
|
4
4
|
import { rangeConfig, rangeTokens } from "../../Range";
|
5
5
|
import { classes, tokens } from "../DatePicker.tokens";
|
6
|
-
import { popoverConfig } from "../../Popover";
|
6
|
+
import { popoverClasses, popoverConfig } from "../../Popover";
|
7
7
|
var mergedRangeConfig = /*#__PURE__*/mergeConfig(rangeConfig);
|
8
8
|
var Range = /*#__PURE__*/component(mergedRangeConfig);
|
9
9
|
var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
|
@@ -16,7 +16,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
16
16
|
export var StyledRange = /*#__PURE__*/styled(Range).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-14j95rs-1"
|
18
18
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
|
19
|
-
export var base = /*#__PURE__*/css(["display:inline-block;"]);
|
19
|
+
export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", ",", "{width:100%;}}"], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root, StyledRange);
|
20
20
|
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-14j95rs-2"
|
22
22
|
})(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], tokens.leftHelperColor, classes.datePickerError, tokens.leftHelperColorError, classes.datePickerSuccess, tokens.leftHelperColorSuccess);
|
package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js
CHANGED
@@ -1,6 +1,12 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
3
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
4
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
5
|
+
import React, { useRef } from 'react';
|
6
|
+
import cls from 'classnames';
|
7
|
+
import { getPlacements, getSizeValueFromProp } from "../../../../utils";
|
3
8
|
import { StyledPopover } from "../RangeDate.styles";
|
9
|
+
import { classes } from "../../DatePicker.tokens";
|
4
10
|
import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
|
5
11
|
export var RangeDatePopover = function RangeDatePopover(_ref) {
|
6
12
|
var Root = _ref.rootWrapper,
|
@@ -31,14 +37,36 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
31
37
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
32
38
|
closeOnEsc = _ref.closeOnEsc,
|
33
39
|
offset = _ref.offset,
|
40
|
+
calendarContainerWidth = _ref.calendarContainerWidth,
|
41
|
+
calendarContainerHeight = _ref.calendarContainerHeight,
|
42
|
+
stretched = _ref.stretched,
|
34
43
|
type = _ref.type,
|
35
44
|
size = _ref.size,
|
36
45
|
_ref$lang = _ref.lang,
|
37
46
|
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
47
|
+
disabled = _ref.disabled,
|
48
|
+
readOnly = _ref.readOnly,
|
49
|
+
setIsInnerOpen = _ref.setIsInnerOpen,
|
38
50
|
onChangeValue = _ref.onChangeValue,
|
39
51
|
onChangeStartOfRange = _ref.onChangeStartOfRange,
|
40
52
|
onToggle = _ref.onToggle;
|
41
53
|
var innerIsOpen = Boolean(isOpen || opened);
|
54
|
+
var calendarRootRef = useRef(null);
|
55
|
+
var doubleCalendarRootRef = useRef(null);
|
56
|
+
var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
|
57
|
+
var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
|
58
|
+
var handleCalendarRootClick = function handleCalendarRootClick(event) {
|
59
|
+
if (disabled || readOnly) {
|
60
|
+
return;
|
61
|
+
}
|
62
|
+
var isRootClicked = event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current) || event.target === (doubleCalendarRootRef === null || doubleCalendarRootRef === void 0 ? void 0 : doubleCalendarRootRef.current);
|
63
|
+
if (innerIsOpen && stretched && isRootClicked) {
|
64
|
+
setIsInnerOpen(false);
|
65
|
+
if (onToggle) {
|
66
|
+
onToggle(false, event);
|
67
|
+
}
|
68
|
+
}
|
69
|
+
};
|
42
70
|
if (isDoubleCalendar) {
|
43
71
|
return /*#__PURE__*/React.createElement(StyledPopover, {
|
44
72
|
opened: innerIsOpen,
|
@@ -52,7 +80,14 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
52
80
|
isFocusTrapped: false,
|
53
81
|
target: target,
|
54
82
|
preventOverflow: false
|
55
|
-
}, /*#__PURE__*/React.createElement(Root,
|
83
|
+
}, /*#__PURE__*/React.createElement(Root, {
|
84
|
+
ref: doubleCalendarRootRef,
|
85
|
+
className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerstretched, stretched)),
|
86
|
+
onClick: handleCalendarRootClick
|
87
|
+
}, /*#__PURE__*/React.createElement(StyledCalendarDouble, {
|
88
|
+
className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
|
89
|
+
innerWidth: calendarContainerWidthValue,
|
90
|
+
innerHeight: calendarContainerHeightValue,
|
56
91
|
size: size,
|
57
92
|
value: calendarValue,
|
58
93
|
eventList: eventList,
|
@@ -86,7 +121,14 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
|
|
86
121
|
target: target,
|
87
122
|
preventOverflow: false,
|
88
123
|
closeOnEsc: closeOnEsc
|
89
|
-
}, /*#__PURE__*/React.createElement(Root,
|
124
|
+
}, /*#__PURE__*/React.createElement(Root, {
|
125
|
+
ref: calendarRootRef,
|
126
|
+
className: cls(classes.datePickerRoot, _defineProperty({}, classes.datePickerstretched, stretched)),
|
127
|
+
onClick: handleCalendarRootClick
|
128
|
+
}, /*#__PURE__*/React.createElement(StyledCalendar, {
|
129
|
+
className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
|
130
|
+
innerWidth: calendarContainerWidthValue,
|
131
|
+
innerHeight: calendarContainerHeightValue,
|
90
132
|
size: size,
|
91
133
|
value: calendarValue,
|
92
134
|
eventList: eventList,
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { calendarDoubleConfig, calendarBaseTokens, withRange, calendarBaseConfig } from "../../../Calendar";
|
3
3
|
import { component, mergeConfig } from "../../../../engines";
|
4
|
-
import { tokens } from "../../DatePicker.tokens";
|
4
|
+
import { pivateTokens, tokens } from "../../DatePicker.tokens";
|
5
5
|
import { baseCalendarTokens } from "../../DatePickerBase.styles";
|
6
6
|
var mergedCalendarDoubleConfig = /*#__PURE__*/mergeConfig(calendarDoubleConfig);
|
7
7
|
var CalendarDouble = /*#__PURE__*/component(mergedCalendarDoubleConfig);
|
@@ -13,7 +13,19 @@ var CalendarRange = /*#__PURE__*/withRange(Calendar);
|
|
13
13
|
// NOTE: переопределение токенов Calendar
|
14
14
|
export var StyledCalendarDouble = /*#__PURE__*/styled(CalendarDoubleRange).withConfig({
|
15
15
|
componentId: "plasma-new-hope__sc-vflcna-0"
|
16
|
-
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens,
|
16
|
+
})(["", ":var(", ");", " ", ":calc(var(", ") * 2 + 2.063rem);width:", ";height:", ";"], calendarBaseTokens.calendarSeparatorBackground, tokens.calendarSeparatorBackground, baseCalendarTokens, pivateTokens.calendarDoubleWidth, tokens.calendarContainerWidth, function (_ref) {
|
17
|
+
var innerWidth = _ref.innerWidth;
|
18
|
+
return innerWidth || "var(".concat(pivateTokens.calendarDoubleWidth, ")");
|
19
|
+
}, function (_ref2) {
|
20
|
+
var innerHeight = _ref2.innerHeight;
|
21
|
+
return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
|
22
|
+
});
|
17
23
|
export var StyledCalendar = /*#__PURE__*/styled(CalendarRange).withConfig({
|
18
24
|
componentId: "plasma-new-hope__sc-vflcna-1"
|
19
|
-
})(["", ""], baseCalendarTokens)
|
25
|
+
})(["", " width:", ";height:", ";"], baseCalendarTokens, function (_ref3) {
|
26
|
+
var innerWidth = _ref3.innerWidth;
|
27
|
+
return innerWidth || "var(".concat(tokens.calendarContainerWidth, ")");
|
28
|
+
}, function (_ref4) {
|
29
|
+
var innerHeight = _ref4.innerHeight;
|
30
|
+
return innerHeight || "var(".concat(tokens.calendarContainerHeight, ")");
|
31
|
+
});
|
@@ -1,5 +1,9 @@
|
|
1
|
-
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
+
var _excluded = ["className", "opened", "value", "label", "labelPlacement", "keepPlaceholder", "required", "requiredPlacement", "hasRequiredIndicator", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "renderFromDate", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "calendarContainerWidth", "calendarContainerHeight", "stretched", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange", "autoComplete"];
|
2
3
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
3
7
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
4
8
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
5
9
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
@@ -9,7 +13,8 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
9
13
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
10
14
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
11
15
|
import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
12
|
-
import
|
16
|
+
import cls from 'classnames';
|
17
|
+
import { getPlacements, getSizeValueFromProp, noop } from "../../../utils";
|
13
18
|
import { getDateFormatDelimiter } from "../utils/dateHelper";
|
14
19
|
import { useDatePicker } from "../hooks/useDatePicker";
|
15
20
|
import { classes } from "../DatePicker.tokens";
|
@@ -85,6 +90,9 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
85
90
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
86
91
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
87
92
|
offset = _ref.offset,
|
93
|
+
calendarContainerWidth = _ref.calendarContainerWidth,
|
94
|
+
calendarContainerHeight = _ref.calendarContainerHeight,
|
95
|
+
stretched = _ref.stretched,
|
88
96
|
onChangeValue = _ref.onChangeValue,
|
89
97
|
onCommitDate = _ref.onCommitDate,
|
90
98
|
onToggle = _ref.onToggle,
|
@@ -98,6 +106,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
98
106
|
}
|
99
107
|
var inputRef = useRef(null);
|
100
108
|
var innerRef = useRef(null);
|
109
|
+
var calendarRootRef = useRef(null);
|
101
110
|
var _useState = useState(opened),
|
102
111
|
_useState2 = _slicedToArray(_useState, 2),
|
103
112
|
isInnerOpen = _useState2[0],
|
@@ -127,6 +136,8 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
127
136
|
_useState8 = _slicedToArray(_useState7, 2),
|
128
137
|
inputValue = _useState8[0],
|
129
138
|
setInputValue = _useState8[1];
|
139
|
+
var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
|
140
|
+
var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
|
130
141
|
var _useDatePicker = useDatePicker({
|
131
142
|
currentValue: inputValue,
|
132
143
|
format: format,
|
@@ -171,6 +182,17 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
171
182
|
}
|
172
183
|
setIsInnerOpen(isCalendarOpen);
|
173
184
|
};
|
185
|
+
var handleCalendarRootClick = function handleCalendarRootClick(event) {
|
186
|
+
if (disabled || readOnly) {
|
187
|
+
return;
|
188
|
+
}
|
189
|
+
if (isInnerOpen && stretched && event.target === (calendarRootRef === null || calendarRootRef === void 0 ? void 0 : calendarRootRef.current)) {
|
190
|
+
setIsInnerOpen(false);
|
191
|
+
if (onToggle) {
|
192
|
+
onToggle(false, event);
|
193
|
+
}
|
194
|
+
}
|
195
|
+
};
|
174
196
|
var _useKeyNavigation = useKeyNavigation({
|
175
197
|
isCalendarOpen: isInnerOpen,
|
176
198
|
format: format,
|
@@ -191,7 +213,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
191
213
|
};
|
192
214
|
var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
|
193
215
|
ref: inputRef,
|
194
|
-
className:
|
216
|
+
className: cls(datePickerErrorClass, datePickerSuccessClass),
|
195
217
|
value: inputValue,
|
196
218
|
size: size,
|
197
219
|
readOnly: readOnly,
|
@@ -228,7 +250,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
228
250
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
229
251
|
view: view,
|
230
252
|
size: size,
|
231
|
-
className:
|
253
|
+
className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
|
232
254
|
disabled: disabled,
|
233
255
|
readOnly: !disabled && readOnly,
|
234
256
|
ref: ref
|
@@ -245,12 +267,17 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
245
267
|
target: DatePickerInput,
|
246
268
|
preventOverflow: false
|
247
269
|
}, /*#__PURE__*/React.createElement(Root, {
|
270
|
+
ref: calendarRootRef,
|
248
271
|
view: view,
|
249
272
|
size: size,
|
250
|
-
className:
|
273
|
+
className: cls(classes.datePickerRoot, className, _defineProperty({}, classes.datePickerstretched, stretched)),
|
251
274
|
disabled: disabled,
|
252
|
-
readOnly: !disabled && readOnly
|
275
|
+
readOnly: !disabled && readOnly,
|
276
|
+
onClick: handleCalendarRootClick
|
253
277
|
}, /*#__PURE__*/React.createElement(StyledCalendar, {
|
278
|
+
className: cls(_defineProperty({}, classes.datePickerCalendarstretched, stretched)),
|
279
|
+
innerWidth: calendarContainerWidthValue,
|
280
|
+
innerHeight: calendarContainerHeightValue,
|
254
281
|
size: size,
|
255
282
|
value: calendarValue,
|
256
283
|
type: type,
|
@@ -270,7 +297,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
|
|
270
297
|
locale: lang,
|
271
298
|
onChangeValue: handleCalendarPick
|
272
299
|
}))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
273
|
-
className:
|
300
|
+
className: cls(datePickerErrorClass, datePickerSuccessClass)
|
274
301
|
}, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
|
275
302
|
type: "hidden",
|
276
303
|
datatype: "datepicker-single",
|
@@ -16,7 +16,7 @@ export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
|
|
16
16
|
export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
|
17
17
|
componentId: "plasma-new-hope__sc-1ye0xbz-1"
|
18
18
|
})(["width:100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));", ":var(", ",var(", "));", ":var(", ",var(", "));&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
19
|
-
export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}"],
|
19
|
+
export var base = /*#__PURE__*/css(["display:inline-block;.", ",.", "{width:inherit;}&.", "{width:100%;.", "{width:100%;}}"], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
|
20
20
|
export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
|
21
21
|
componentId: "plasma-new-hope__sc-1ye0xbz-2"
|
22
22
|
})(["color:var(", ");&.", "{color:var(", ");}&.", "{color:var(", ");}"], tokens.leftHelperColor, classes.datePickerError, tokens.leftHelperColorError, classes.datePickerSuccess, tokens.leftHelperColorSuccess);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
2
|
-
var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height"];
|
2
|
+
var _excluded = ["className", "style", "title", "text", "contentBefore", "contentBeforeSizing", "size", "view", "stretch", "width", "height", "hasClose", "onCloseButtonClick"];
|
3
3
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
@@ -17,9 +17,10 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
17
17
|
import React, { forwardRef, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
18
18
|
import { useResizeObserver } from '@salutejs/plasma-core';
|
19
19
|
import { canUseDOM, cx, getSizeValueFromProp } from "../../utils";
|
20
|
+
import { IconCrossThin } from "../_Icon/Icons/IconCrossThin";
|
20
21
|
import { base as viewCSS } from "./variations/_view/base";
|
21
22
|
import { base as sizeCSS } from "./variations/_size/base";
|
22
|
-
import { base, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
|
23
|
+
import { base, CloseIconWrapper, ContentBefore, ContentWrapper, Text, TextHelper, Title, TitleHelper } from "./Note.styles";
|
23
24
|
import { classes, privateTokens, tokens } from "./Note.tokens";
|
24
25
|
export var noteRoot = function noteRoot(Root) {
|
25
26
|
return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
@@ -35,6 +36,8 @@ export var noteRoot = function noteRoot(Root) {
|
|
35
36
|
stretch = _ref.stretch,
|
36
37
|
width = _ref.width,
|
37
38
|
height = _ref.height,
|
39
|
+
hasClose = _ref.hasClose,
|
40
|
+
onCloseButtonClick = _ref.onCloseButtonClick,
|
38
41
|
rest = _objectWithoutProperties(_ref, _excluded);
|
39
42
|
var _useState = useState(text),
|
40
43
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -100,11 +103,22 @@ export var noteRoot = function noteRoot(Root) {
|
|
100
103
|
ref: contentBeforeRef
|
101
104
|
}, contentBefore), /*#__PURE__*/React.createElement(ContentWrapper, {
|
102
105
|
ref: contentWrapperRef
|
103
|
-
}, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title,
|
106
|
+
}, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
|
107
|
+
hasClose: hasClose
|
108
|
+
}, title), /*#__PURE__*/React.createElement(TitleHelper, {
|
104
109
|
ref: titleHelperRef
|
105
110
|
}, "C")), innerText && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, innerText, /*#__PURE__*/React.createElement(TextHelper, {
|
106
111
|
ref: textRenderHelperRef
|
107
|
-
}, "C"))))
|
112
|
+
}, "C")))), hasClose && /*#__PURE__*/React.createElement(CloseIconWrapper, {
|
113
|
+
view: "clear",
|
114
|
+
size: "s",
|
115
|
+
onClick: onCloseButtonClick,
|
116
|
+
className: classes.closeIcon
|
117
|
+
}, /*#__PURE__*/React.createElement(IconCrossThin, {
|
118
|
+
size: "s",
|
119
|
+
sizeCustomProperty: tokens.closeIconSize,
|
120
|
+
color: "inherit"
|
121
|
+
})));
|
108
122
|
});
|
109
123
|
};
|
110
124
|
export var noteConfig = {
|
@@ -1,5 +1,10 @@
|
|
1
1
|
import styled from 'styled-components';
|
2
2
|
import { css } from 'styled-components';
|
3
|
+
import { component, mergeConfig } from "../../engines";
|
4
|
+
import { buttonConfig } from "../Button";
|
5
|
+
import { tokens } from "./Note.tokens";
|
6
|
+
var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
|
7
|
+
var Button = /*#__PURE__*/component(mergedButtonConfig);
|
3
8
|
export var base = /*#__PURE__*/css(["position:relative;display:flex;box-sizing:border-box;"]);
|
4
9
|
export var ContentBefore = /*#__PURE__*/styled.div.withConfig({
|
5
10
|
componentId: "plasma-new-hope__sc-2xk8rv-0"
|
@@ -9,7 +14,10 @@ export var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
9
14
|
})(["display:flex;flex-direction:column;box-sizing:border-box;"]);
|
10
15
|
export var Title = /*#__PURE__*/styled.div.withConfig({
|
11
16
|
componentId: "plasma-new-hope__sc-2xk8rv-2"
|
12
|
-
})([""])
|
17
|
+
})(["padding-right:", ";box-sizing:border-box;"], function (_ref) {
|
18
|
+
var hasClose = _ref.hasClose;
|
19
|
+
return hasClose ? "var(".concat(tokens.titlePaddingRight, ")") : 0;
|
20
|
+
});
|
13
21
|
export var TitleHelper = /*#__PURE__*/styled.div.withConfig({
|
14
22
|
componentId: "plasma-new-hope__sc-2xk8rv-3"
|
15
23
|
})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;"]);
|
@@ -18,4 +26,7 @@ export var Text = /*#__PURE__*/styled.span.withConfig({
|
|
18
26
|
})(["display:block;position:relative;"]);
|
19
27
|
export var TextHelper = /*#__PURE__*/styled.span.withConfig({
|
20
28
|
componentId: "plasma-new-hope__sc-2xk8rv-5"
|
21
|
-
})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
|
29
|
+
})(["visibility:hidden;position:absolute;z-index:-9999;opacity:0;top:0;left:0;"]);
|
30
|
+
export var CloseIconWrapper = /*#__PURE__*/styled(Button).withConfig({
|
31
|
+
componentId: "plasma-new-hope__sc-2xk8rv-6"
|
32
|
+
})(["position:absolute;right:var(", ");top:var(", ");width:var(", ");height:var(", ");color:var(", ");:hover{color:var(", ");}"], tokens.closeIconRight, tokens.closeIconTop, tokens.closeIconButtonSize, tokens.closeIconButtonSize, tokens.closeIconColor, tokens.closeIconColorOnHover);
|
@@ -1,5 +1,6 @@
|
|
1
1
|
export var classes = {
|
2
2
|
stretch: 'note-stretch',
|
3
|
+
closeIcon: 'note-close-icon',
|
3
4
|
contentAlignCenter: 'note-content-align-center'
|
4
5
|
};
|
5
6
|
export var privateTokens = {
|
@@ -26,10 +27,17 @@ export var tokens = {
|
|
26
27
|
titleFontWeight: '--plasma-note-title-font-weight',
|
27
28
|
titleLetterSpacing: '--plasma-note-title-letter-spacing',
|
28
29
|
titleLineHeight: '--plasma-note-title-line-height',
|
30
|
+
titlePaddingRight: '--plasma-note-title-padding-right',
|
29
31
|
textFontFamily: '--plasma-note-text-font-family',
|
30
32
|
textFontSize: '--plasma-note-text-font-size',
|
31
33
|
textFontStyle: '--plasma-note-text-font-style',
|
32
34
|
textFontWeight: '--plasma-note-text-font-weight',
|
33
35
|
textLetterSpacing: '--plasma-note-text-letter-spacing',
|
34
|
-
textLineHeight: '--plasma-note-text-line-height'
|
36
|
+
textLineHeight: '--plasma-note-text-line-height',
|
37
|
+
closeIconTop: '--plasma-note-close-icon-top',
|
38
|
+
closeIconRight: '--plasma-note-close-icon-right',
|
39
|
+
closeIconColor: '--plasma-note-close-icon-color',
|
40
|
+
closeIconColorOnHover: '--plasma-note-close-icon-color-on-hover',
|
41
|
+
closeIconSize: '--plasma-note-close-icon-size',
|
42
|
+
closeIconButtonSize: '--plasma-note-close-icon-button-size'
|
35
43
|
};
|
@@ -20,13 +20,18 @@ export var composeNumberFormat = function composeNumberFormat(InputComponent) {
|
|
20
20
|
onChange(changeEvent, values);
|
21
21
|
}
|
22
22
|
};
|
23
|
+
var InputComponentWithoutEllipsis = /*#__PURE__*/forwardRef(function (props, ref) {
|
24
|
+
return /*#__PURE__*/React.createElement(InputComponent, _extends({
|
25
|
+
ref: ref,
|
26
|
+
_textEllipsisDisable: true
|
27
|
+
}, props));
|
28
|
+
});
|
23
29
|
return /*#__PURE__*/React.createElement(NumericFormat, _extends({
|
24
30
|
thousandSeparator: thousandSeparator,
|
25
31
|
decimalScale: decimalScale,
|
26
32
|
decimalSeparator: decimalSeparator,
|
27
|
-
customInput:
|
33
|
+
customInput: InputComponentWithoutEllipsis,
|
28
34
|
getInputRef: outerRef,
|
29
|
-
_textEllipsisDisable: true,
|
30
35
|
onValueChange: handleChangeValue
|
31
36
|
}, rest));
|
32
37
|
});
|