@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.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/dist/css/cjs/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +13 -11
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +53 -21
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +38 -17
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_2z3bya.css +13 -0
- package/dist/css/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/dist/css/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/css/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/dist/css/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/css/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/css/{es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_xtwy39.css → cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_89vxxx.css} +1 -1
- package/dist/css/cjs/components/Combobox/Combobox.js +4 -2
- package/dist/css/cjs/components/Combobox/hooks/useValue.js +1 -3
- package/dist/css/cjs/components/DatePicker/FloatingPopover.css +4 -4
- package/dist/css/cjs/components/DatePicker/FloatingPopover.js +9 -0
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +4 -4
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js +8 -2
- package/dist/css/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +4 -4
- package/dist/css/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js +38 -0
- package/dist/css/cjs/components/Drawer/Drawer.js +8 -2
- package/dist/css/cjs/components/LinkButton/LinkButton.js +6 -1
- package/dist/css/cjs/components/Modal/Modal.js +3 -2
- package/dist/css/cjs/components/Notification/NotificationsContext.js +17 -0
- package/dist/css/cjs/components/Notification/NotificationsPortal.js +4 -2
- package/dist/css/cjs/components/Notification/NotificationsProvider.js +48 -3
- package/dist/css/cjs/components/Notification/NotificationsStore.js +79 -47
- package/dist/css/cjs/components/Range/Range.js +5 -1
- package/dist/css/cjs/components/Slider/Slider.css +22 -22
- package/dist/css/cjs/components/Slider/Slider.tokens.js +1 -2
- package/dist/css/cjs/components/Slider/components/Double/Double.css +5 -5
- package/dist/css/cjs/components/Slider/components/Single/Single.css +21 -21
- package/dist/css/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/dist/css/{es/components/Slider/components/Single/Single.styles_lq73e.css → cjs/components/Slider/components/Single/Single.styles_zvnci5.css} +1 -1
- package/dist/css/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +3 -3
- package/dist/css/cjs/components/Slider/components/SliderBase/SliderBase.styles_1tgiro8.css +5 -0
- package/dist/css/cjs/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/css/cjs/components/Tabs/tokens.js +8 -0
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +6 -3
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +6 -3
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_ky24mi.css → HorizontalTabItem.styles_1roz7kf.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_1fid86o.css → base_gmecta.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +4 -4
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +19 -12
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +12 -12
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/{HorizontalTabs.styles_8pald2.css → HorizontalTabs.styles_1u09hh6.css} +2 -2
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +3 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -3
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oriwr4.css → VerticalTabItem.styles_1e5t4lm.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +8 -0
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base_bdsakt.css +1 -0
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/{base_1vc3wr5.css → base_173mywh.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +6 -4
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +16 -7
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_srb8tu.css → VerticalTabs.styles_w9m78u.css} +2 -2
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +8 -0
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base_1xgdjua.css +1 -0
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +14 -14
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.styles.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/{TextFieldSlider.styles_k8bwkh.css → TextFieldSlider.styles_ysvz3a.css} +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.css +1 -1
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.styles.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.styles_q0385f.css +1 -0
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.css +4 -4
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js +9 -4
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.styles_zekbly.css +4 -0
- package/dist/css/cjs/components/TimePicker/FloatingPopover.css +5 -5
- package/dist/css/cjs/components/TimePicker/TimePicker.css +5 -5
- package/dist/css/cjs/components/TimePicker/TimePicker.styles.js +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.styles_6yblkc.css +7 -0
- package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/cjs/components/Tooltip/Tooltip.js +37 -1
- package/dist/css/cjs/components/Tooltip/hooks/useDelayedTooltip.js +13 -8
- package/dist/css/cjs/components/Tour/Tour.css +4 -4
- package/dist/css/cjs/components/Tour/components/Card/Card.css +13 -12
- package/dist/css/cjs/components/Tour/components/Card/Card.js +51 -19
- package/dist/css/cjs/components/Tour/components/Card/Card.styles.js +49 -35
- package/dist/css/cjs/components/Tour/components/Card/{Card.styles_m0p57t.css → Card.styles_1iom4f3.css} +8 -7
- package/dist/css/cjs/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/css/cjs/components/_Icon/Icon.assets/ChevronDown.js +26 -0
- package/dist/css/cjs/components/_Icon/Icons/IconChevronDown.js +29 -0
- package/dist/css/cjs/components/_Icon/Icons/IconClose.js +6 -3
- package/dist/css/cjs/components/_beta/Popover/Popover.styles.js +1 -1
- package/dist/css/cjs/components/_beta/Popover/{Popover.styles_wo1y9u.css → Popover.styles_1go1jhe.css} +1 -1
- package/dist/css/cjs/hooks/useFocusTrap.js +12 -5
- package/dist/css/cjs/index.css +101 -94
- package/dist/css/cjs/index.js +5 -0
- package/dist/css/cjs/mixins/applySliderThumb.js +33 -0
- package/dist/css/cjs/utils/focusManager.js +26 -9
- package/dist/css/cjs/utils/focusScope.js +36 -0
- package/dist/css/cjs/utils/scopeTab.js +6 -6
- package/dist/css/es/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.css +13 -11
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.js +54 -22
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +38 -18
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_2z3bya.css +13 -0
- package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/css/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/dist/css/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/css/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/dist/css/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/dist/css/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/dist/css/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/dist/css/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/dist/css/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/css/{cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_xtwy39.css → es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_89vxxx.css} +1 -1
- package/dist/css/es/components/Combobox/Combobox.js +4 -2
- package/dist/css/es/components/Combobox/hooks/useValue.js +1 -3
- package/dist/css/es/components/DatePicker/FloatingPopover.css +4 -4
- package/dist/css/es/components/DatePicker/FloatingPopover.js +10 -1
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +4 -4
- package/dist/css/es/components/DateTimePicker/DateTimePicker.js +9 -3
- package/dist/css/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +4 -4
- package/dist/css/es/components/DateTimePicker/utils/getCalendarEdgeDates.js +34 -0
- package/dist/css/es/components/Drawer/Drawer.js +9 -3
- package/dist/css/es/components/LinkButton/LinkButton.js +5 -1
- package/dist/css/es/components/Modal/Modal.js +3 -2
- package/dist/css/es/components/Notification/NotificationsContext.js +12 -0
- package/dist/css/es/components/Notification/NotificationsPortal.js +3 -1
- package/dist/css/es/components/Notification/NotificationsProvider.js +50 -5
- package/dist/css/es/components/Notification/NotificationsStore.js +78 -49
- package/dist/css/es/components/Range/Range.js +5 -1
- package/dist/css/es/components/Slider/Slider.css +22 -22
- package/dist/css/es/components/Slider/Slider.tokens.js +1 -2
- package/dist/css/es/components/Slider/components/Double/Double.css +5 -5
- package/dist/css/es/components/Slider/components/Single/Single.css +21 -21
- package/dist/css/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/dist/css/{cjs/components/Slider/components/Single/Single.styles_lq73e.css → es/components/Slider/components/Single/Single.styles_zvnci5.css} +1 -1
- package/dist/css/es/components/Slider/components/SliderBase/SliderBase.styles.js +3 -3
- package/dist/css/es/components/Slider/components/SliderBase/SliderBase.styles_1tgiro8.css +5 -0
- package/dist/css/es/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/css/es/components/Tabs/tokens.js +8 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +5 -3
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +5 -3
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_ky24mi.css → HorizontalTabItem.styles_1roz7kf.css} +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_1fid86o.css → base_gmecta.css} +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +4 -4
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +12 -6
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +13 -13
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/{HorizontalTabs.styles_8pald2.css → HorizontalTabs.styles_1u09hh6.css} +2 -2
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +3 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +14 -3
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oriwr4.css → VerticalTabItem.styles_1e5t4lm.css} +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +4 -0
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base_bdsakt.css +1 -0
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/{base_1vc3wr5.css → base_173mywh.css} +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +6 -4
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +17 -8
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_srb8tu.css → VerticalTabs.styles_w9m78u.css} +2 -2
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +4 -0
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base_1xgdjua.css +1 -0
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +14 -14
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.styles.js +1 -1
- package/dist/css/es/components/TextFieldSlider/{TextFieldSlider.styles_k8bwkh.css → TextFieldSlider.styles_ysvz3a.css} +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.css +1 -1
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.styles.js +1 -1
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.styles_q0385f.css +1 -0
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.css +4 -4
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.styles.js +9 -4
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.styles_zekbly.css +4 -0
- package/dist/css/es/components/TimePicker/FloatingPopover.css +5 -5
- package/dist/css/es/components/TimePicker/TimePicker.css +5 -5
- package/dist/css/es/components/TimePicker/TimePicker.styles.js +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.styles_6yblkc.css +7 -0
- package/dist/css/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/es/components/Tooltip/Tooltip.js +38 -2
- package/dist/css/es/components/Tooltip/hooks/useDelayedTooltip.js +14 -9
- package/dist/css/es/components/Tour/Tour.css +4 -4
- package/dist/css/es/components/Tour/components/Card/Card.css +13 -12
- package/dist/css/es/components/Tour/components/Card/Card.js +54 -22
- package/dist/css/es/components/Tour/components/Card/Card.styles.js +49 -36
- package/dist/css/es/components/Tour/components/Card/{Card.styles_m0p57t.css → Card.styles_1iom4f3.css} +8 -7
- package/dist/css/es/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/css/es/components/_Icon/Icon.assets/ChevronDown.js +18 -0
- package/dist/css/es/components/_Icon/Icons/IconChevronDown.js +21 -0
- package/dist/css/es/components/_Icon/Icons/IconClose.js +6 -3
- package/dist/css/es/components/_beta/Popover/Popover.styles.js +1 -1
- package/dist/css/es/components/_beta/Popover/{Popover.styles_wo1y9u.css → Popover.styles_1go1jhe.css} +1 -1
- package/dist/css/es/hooks/useFocusTrap.js +12 -5
- package/dist/css/es/index.css +101 -94
- package/dist/css/es/index.js +2 -0
- package/dist/css/es/mixins/applySliderThumb.js +28 -0
- package/dist/css/es/utils/focusManager.js +26 -9
- package/dist/css/es/utils/focusScope.js +31 -0
- package/dist/css/es/utils/scopeTab.js +3 -3
- package/dist/emotion/cjs/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +54 -20
- package/dist/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +27 -16
- package/dist/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/emotion/cjs/components/Combobox/Combobox.js +4 -2
- package/dist/emotion/cjs/components/Combobox/hooks/useValue.js +1 -2
- package/dist/emotion/cjs/components/DatePicker/FloatingPopover.js +12 -1
- package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.js +9 -2
- package/dist/emotion/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js +33 -0
- package/dist/emotion/cjs/components/DateTimePicker/utils/index.js +1 -0
- package/dist/emotion/cjs/components/Drawer/Drawer.js +7 -2
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +10 -1
- package/dist/emotion/cjs/components/Modal/Modal.js +2 -2
- package/dist/emotion/cjs/components/Notification/NotificationsContext.js +27 -0
- package/dist/emotion/cjs/components/Notification/NotificationsPortal.js +4 -3
- package/dist/emotion/cjs/components/Notification/NotificationsProvider.js +80 -7
- package/dist/emotion/cjs/components/Notification/NotificationsStore.js +56 -34
- package/dist/emotion/cjs/components/Notification/index.js +4 -0
- package/dist/emotion/cjs/components/Range/Range.js +3 -1
- package/dist/emotion/cjs/components/Slider/Slider.tokens.js +1 -2
- package/dist/emotion/cjs/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +19 -6
- package/dist/emotion/cjs/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/emotion/cjs/components/Tabs/tokens.js +10 -0
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +9 -3
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +9 -3
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +16 -4
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +18 -5
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +13 -0
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +7 -7
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +13 -0
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/emotion/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/emotion/cjs/components/TextFieldSlider/ui/Input/Input.styles.js +2 -2
- package/dist/emotion/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js +23 -7
- package/dist/emotion/cjs/components/TimePicker/TimePicker.styles.js +7 -7
- package/dist/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/cjs/components/Tooltip/Tooltip.js +40 -3
- package/dist/emotion/cjs/components/Tooltip/hooks/useDelayedTooltip.js +23 -8
- package/dist/emotion/cjs/components/Tour/components/Card/Card.js +39 -12
- package/dist/emotion/cjs/components/Tour/components/Card/Card.styles.js +34 -17
- package/dist/emotion/cjs/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/emotion/cjs/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/emotion/cjs/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/emotion/cjs/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/emotion/cjs/hooks/useFocusTrap.js +10 -6
- package/dist/emotion/cjs/mixins/applySliderThumb.js +41 -0
- package/dist/emotion/cjs/mixins/index.js +1 -0
- package/dist/emotion/cjs/utils/focusManager.js +20 -9
- package/dist/emotion/cjs/utils/focusScope.js +48 -0
- package/dist/emotion/cjs/utils/scopeTab.js +3 -3
- package/dist/emotion/es/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +55 -21
- package/dist/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +25 -17
- package/dist/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/emotion/es/components/Combobox/Combobox.js +4 -2
- package/dist/emotion/es/components/Combobox/hooks/useValue.js +1 -2
- package/dist/emotion/es/components/DatePicker/FloatingPopover.js +13 -2
- package/dist/emotion/es/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/emotion/es/components/DateTimePicker/DateTimePicker.js +10 -3
- package/dist/emotion/es/components/DateTimePicker/utils/getCalendarEdgeDates.js +28 -0
- package/dist/emotion/es/components/DateTimePicker/utils/index.js +1 -0
- package/dist/emotion/es/components/Drawer/Drawer.js +7 -2
- package/dist/emotion/es/components/LinkButton/LinkButton.js +5 -1
- package/dist/emotion/es/components/Modal/Modal.js +2 -2
- package/dist/emotion/es/components/Notification/NotificationsContext.js +9 -0
- package/dist/emotion/es/components/Notification/NotificationsPortal.js +3 -2
- package/dist/emotion/es/components/Notification/NotificationsProvider.js +42 -5
- package/dist/emotion/es/components/Notification/NotificationsStore.js +51 -38
- package/dist/emotion/es/components/Notification/index.js +1 -0
- package/dist/emotion/es/components/Range/Range.js +3 -1
- package/dist/emotion/es/components/Slider/Slider.tokens.js +1 -2
- package/dist/emotion/es/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +19 -6
- package/dist/emotion/es/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/emotion/es/components/Tabs/tokens.js +7 -0
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +4 -3
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -3
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +13 -6
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +8 -8
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +11 -3
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +3 -0
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +11 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +3 -0
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/emotion/es/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/emotion/es/components/TextFieldSlider/ui/Input/Input.styles.js +2 -2
- package/dist/emotion/es/components/TextFieldSlider/ui/Slider/Slider.styles.js +23 -7
- package/dist/emotion/es/components/TimePicker/TimePicker.styles.js +7 -7
- package/dist/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/es/components/Tooltip/Tooltip.js +42 -5
- package/dist/emotion/es/components/Tooltip/hooks/useDelayedTooltip.js +24 -9
- package/dist/emotion/es/components/Tour/components/Card/Card.js +42 -15
- package/dist/emotion/es/components/Tour/components/Card/Card.styles.js +31 -17
- package/dist/emotion/es/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/emotion/es/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/emotion/es/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/emotion/es/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/emotion/es/hooks/useFocusTrap.js +10 -6
- package/dist/emotion/es/mixins/applySliderThumb.js +33 -0
- package/dist/emotion/es/mixins/index.js +1 -0
- package/dist/emotion/es/utils/focusManager.js +20 -9
- package/dist/emotion/es/utils/focusScope.js +30 -0
- package/dist/emotion/es/utils/scopeTab.js +3 -3
- package/dist/styled-components/cjs/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +54 -20
- package/dist/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +41 -20
- package/dist/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +6 -5
- package/dist/styled-components/cjs/components/Combobox/Combobox.js +4 -2
- package/dist/styled-components/cjs/components/Combobox/hooks/useValue.js +1 -2
- package/dist/styled-components/cjs/components/DatePicker/FloatingPopover.js +12 -1
- package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.js +9 -2
- package/dist/styled-components/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js +33 -0
- package/dist/styled-components/cjs/components/DateTimePicker/utils/index.js +1 -0
- package/dist/styled-components/cjs/components/Drawer/Drawer.js +7 -2
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +10 -1
- package/dist/styled-components/cjs/components/Modal/Modal.js +2 -2
- package/dist/styled-components/cjs/components/Notification/NotificationsContext.js +27 -0
- package/dist/styled-components/cjs/components/Notification/NotificationsPortal.js +4 -3
- package/dist/styled-components/cjs/components/Notification/NotificationsProvider.js +80 -7
- package/dist/styled-components/cjs/components/Notification/NotificationsStore.js +56 -34
- package/dist/styled-components/cjs/components/Notification/index.js +4 -0
- package/dist/styled-components/cjs/components/Range/Range.js +3 -1
- package/dist/styled-components/cjs/components/Slider/Slider.tokens.js +1 -2
- package/dist/styled-components/cjs/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +27 -36
- package/dist/styled-components/cjs/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/tokens.js +10 -0
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +9 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +9 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +7 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +16 -4
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +18 -14
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +18 -5
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +21 -0
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +7 -3
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -1
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +14 -11
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +19 -0
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/styled-components/cjs/components/TextFieldSlider/ui/Input/Input.styles.js +26 -24
- package/dist/styled-components/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js +34 -23
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js +9 -7
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/cjs/components/Tooltip/Tooltip.js +40 -3
- package/dist/styled-components/cjs/components/Tooltip/hooks/useDelayedTooltip.js +23 -8
- package/dist/styled-components/cjs/components/Tour/components/Card/Card.js +39 -12
- package/dist/styled-components/cjs/components/Tour/components/Card/Card.styles.js +47 -21
- package/dist/styled-components/cjs/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/styled-components/cjs/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/styled-components/cjs/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/styled-components/cjs/hooks/useFocusTrap.js +10 -6
- package/dist/styled-components/cjs/mixins/applySliderThumb.js +41 -0
- package/dist/styled-components/cjs/mixins/index.js +1 -0
- package/dist/styled-components/cjs/utils/focusManager.js +20 -9
- package/dist/styled-components/cjs/utils/focusScope.js +48 -0
- package/dist/styled-components/cjs/utils/scopeTab.js +3 -3
- package/dist/styled-components/es/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +55 -21
- package/dist/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +39 -21
- package/dist/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +6 -5
- package/dist/styled-components/es/components/Combobox/Combobox.js +4 -2
- package/dist/styled-components/es/components/Combobox/hooks/useValue.js +1 -2
- package/dist/styled-components/es/components/DatePicker/FloatingPopover.js +13 -2
- package/dist/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.js +10 -3
- package/dist/styled-components/es/components/DateTimePicker/utils/getCalendarEdgeDates.js +28 -0
- package/dist/styled-components/es/components/DateTimePicker/utils/index.js +1 -0
- package/dist/styled-components/es/components/Drawer/Drawer.js +7 -2
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +5 -1
- package/dist/styled-components/es/components/Modal/Modal.js +2 -2
- package/dist/styled-components/es/components/Notification/NotificationsContext.js +9 -0
- package/dist/styled-components/es/components/Notification/NotificationsPortal.js +3 -2
- package/dist/styled-components/es/components/Notification/NotificationsProvider.js +42 -5
- package/dist/styled-components/es/components/Notification/NotificationsStore.js +51 -38
- package/dist/styled-components/es/components/Notification/index.js +1 -0
- package/dist/styled-components/es/components/Range/Range.js +3 -1
- package/dist/styled-components/es/components/Slider/Slider.tokens.js +1 -2
- package/dist/styled-components/es/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +27 -36
- package/dist/styled-components/es/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/styled-components/es/components/Tabs/tokens.js +7 -0
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +8 -4
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +13 -6
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +19 -15
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +11 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +11 -0
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +8 -4
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +11 -2
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +15 -12
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +9 -0
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/styled-components/es/components/TextFieldSlider/ui/Input/Input.styles.js +26 -24
- package/dist/styled-components/es/components/TextFieldSlider/ui/Slider/Slider.styles.js +34 -23
- package/dist/styled-components/es/components/TimePicker/TimePicker.styles.js +9 -7
- package/dist/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/es/components/Tooltip/Tooltip.js +42 -5
- package/dist/styled-components/es/components/Tooltip/hooks/useDelayedTooltip.js +24 -9
- package/dist/styled-components/es/components/Tour/components/Card/Card.js +42 -15
- package/dist/styled-components/es/components/Tour/components/Card/Card.styles.js +44 -21
- package/dist/styled-components/es/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/styled-components/es/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/styled-components/es/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/styled-components/es/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/styled-components/es/hooks/useFocusTrap.js +10 -6
- package/dist/styled-components/es/mixins/applySliderThumb.js +33 -0
- package/dist/styled-components/es/mixins/index.js +1 -0
- package/dist/styled-components/es/utils/focusManager.js +20 -9
- package/dist/styled-components/es/utils/focusScope.js +30 -0
- package/dist/styled-components/es/utils/scopeTab.js +3 -3
- package/package.json +5 -5
- package/types/components/Accordion/Accordion.tokens.d.ts +2 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/index.d.ts +1 -0
- package/types/components/Accordion/index.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +2 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +1 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +16 -3
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/hooks/useValue.d.ts +1 -2
- package/types/components/Combobox/hooks/useValue.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +1 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/FloatingPopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +36 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +6 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.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.types.d.ts +2 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/types/components/DateTimePicker/utils/getCalendarEdgeDates.d.ts +12 -0
- package/types/components/DateTimePicker/utils/getCalendarEdgeDates.d.ts.map +1 -0
- package/types/components/DateTimePicker/utils/index.d.ts +1 -0
- package/types/components/DateTimePicker/utils/index.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts +2 -0
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +7 -0
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/types/components/Drawer/index.d.ts +1 -1
- package/types/components/Drawer/index.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.types.d.ts +6 -1
- package/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsContext.d.ts +8 -0
- package/types/components/Notification/NotificationsContext.d.ts.map +1 -0
- package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
- package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
- package/types/components/Notification/NotificationsStore.d.ts +14 -2
- package/types/components/Notification/NotificationsStore.d.ts.map +1 -1
- package/types/components/Notification/index.d.ts +1 -0
- package/types/components/Notification/index.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +10 -0
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +0 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +1 -2
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Tabs/TabItem.types.d.ts +12 -2
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +6 -1
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/hooks/useTabItem.d.ts +2 -1
- package/types/components/Tabs/hooks/useTabItem.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +7 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/TextFieldSlider/TextFieldSlider.tokens.d.ts +7 -3
- package/types/components/TextFieldSlider/TextFieldSlider.tokens.d.ts.map +1 -1
- package/types/components/TextFieldSlider/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/TextFieldSlider/ui/Slider/Slider.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts +1 -0
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.d.ts +9 -3
- package/types/components/Tour/components/Card/Card.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.styles.d.ts +3 -0
- package/types/components/Tour/components/Card/Card.styles.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.tokens.d.ts +9 -0
- package/types/components/Tour/components/Card/Card.tokens.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.types.d.ts +21 -0
- package/types/components/Tour/components/Card/Card.types.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconClose.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.styles.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +4 -0
- package/types/examples/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/components/Drawer/Drawer.d.ts +1 -0
- package/types/examples/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/examples/components/Range/Range.d.ts +144 -0
- package/types/examples/components/Range/Range.d.ts.map +1 -1
- package/types/examples/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/TabItem.d.ts +4 -2
- package/types/examples/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/components/TextFieldSlider/TextFieldSlider.clear.config.d.ts.map +1 -1
- package/types/examples/components/TextFieldSlider/TextFieldSlider.config.d.ts.map +1 -1
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts.map +1 -1
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts +2 -0
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts.map +1 -1
- package/types/hooks/useFocusTrap.d.ts +2 -1
- package/types/hooks/useFocusTrap.d.ts.map +1 -1
- package/types/mixins/applySliderThumb.d.ts +49 -0
- package/types/mixins/applySliderThumb.d.ts.map +1 -0
- package/types/mixins/index.d.ts +1 -0
- package/types/mixins/index.d.ts.map +1 -1
- package/types/utils/focusManager.d.ts +4 -2
- package/types/utils/focusManager.d.ts.map +1 -1
- package/types/utils/focusScope.d.ts +4 -0
- package/types/utils/focusScope.d.ts.map +1 -0
- package/types/utils/scopeTab.d.ts +2 -1
- package/types/utils/scopeTab.d.ts.map +1 -1
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_jmhhzd.css +0 -11
- package/dist/css/cjs/components/Slider/components/SliderBase/SliderBase.styles_p7vtw4.css +0 -5
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.styles_oj8ltc.css +0 -1
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.styles_3sgm4p.css +0 -4
- package/dist/css/cjs/components/TimePicker/TimePicker.styles_8ghe7e.css +0 -7
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_jmhhzd.css +0 -11
- package/dist/css/es/components/Slider/components/SliderBase/SliderBase.styles_p7vtw4.css +0 -5
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.styles_oj8ltc.css +0 -1
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.styles_3sgm4p.css +0 -4
- package/dist/css/es/components/TimePicker/TimePicker.styles_8ghe7e.css +0 -7
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
|
|
38
38
|
.CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
|
|
39
39
|
|
|
40
|
-
.
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
40
|
+
.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
|
|
41
|
+
.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
|
|
42
|
+
.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
|
|
43
|
+
.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
|
|
44
44
|
|
|
45
45
|
.CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
|
|
46
46
|
.CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}
|
|
@@ -120,10 +120,10 @@
|
|
|
120
120
|
.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
|
|
121
121
|
.CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
|
|
122
122
|
|
|
123
|
-
.
|
|
124
|
-
.
|
|
125
|
-
.
|
|
126
|
-
.
|
|
123
|
+
.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
|
|
124
|
+
.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
|
|
125
|
+
.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
|
|
126
|
+
.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
|
|
127
127
|
|
|
128
128
|
.CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
|
|
129
129
|
.CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}
|
|
@@ -18,6 +18,7 @@ var useDateTimePicker = require('./hooks/useDateTimePicker.js');
|
|
|
18
18
|
var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
|
|
19
19
|
var useForkRef = require('../../hooks/useForkRef.js');
|
|
20
20
|
var getCalendarContainerSize = require('../DatePicker/utils/getCalendarContainerSize.js');
|
|
21
|
+
var getCalendarEdgeDates = require('./utils/getCalendarEdgeDates.js');
|
|
21
22
|
var Popover = require('./ui/Popover/Popover.js');
|
|
22
23
|
var Input = require('./ui/Input/Input.js');
|
|
23
24
|
var CalendarGrid = require('./ui/CalendarGrid/CalendarGrid.js');
|
|
@@ -150,6 +151,11 @@ var dateTimePickerRoot = function dateTimePickerRoot(Root) {
|
|
|
150
151
|
isInnerOpen = _useState2[0],
|
|
151
152
|
setIsInnerOpen = _useState2[1];
|
|
152
153
|
var openedValue = outerOpened !== null && outerOpened !== void 0 ? outerOpened : isInnerOpen;
|
|
154
|
+
var _useMemo = React.useMemo(function () {
|
|
155
|
+
return getCalendarEdgeDates.getCalendarEdgeDates(min, max, type, includeEdgeDates);
|
|
156
|
+
}, [min, max, type, includeEdgeDates]),
|
|
157
|
+
calendarMin = _useMemo.calendarMin,
|
|
158
|
+
calendarMax = _useMemo.calendarMax;
|
|
153
159
|
var _useDateTimePicker = useDateTimePicker.useDateTimePicker({
|
|
154
160
|
inputRef: inputRef,
|
|
155
161
|
outerValue: outerValue,
|
|
@@ -330,8 +336,8 @@ var dateTimePickerRoot = function dateTimePickerRoot(Root) {
|
|
|
330
336
|
disabledQuarterList: disabledQuarterList,
|
|
331
337
|
eventYearList: eventYearList,
|
|
332
338
|
disabledYearList: disabledYearList,
|
|
333
|
-
min:
|
|
334
|
-
max:
|
|
339
|
+
min: calendarMin,
|
|
340
|
+
max: calendarMax,
|
|
335
341
|
renderFromDate: renderFromDate,
|
|
336
342
|
includeEdgeDates: includeEdgeDates,
|
|
337
343
|
lang: lang,
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);color:var(--plasma-calendar-content-primary-color);grid-area:b;justify-self:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a::before{content:'';position:absolute;inset:0;z-index:1;border-radius:0.563rem;outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a.CalendarHeader_styles_1dozbwl_focusVisible__8dba704a:focus::before,.CalendarHeader_styles_1dozbwl_s7edshx__8dba704a[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}
|
|
40
40
|
.CalendarHeader_styles_1dozbwl_sw3ytaj__8dba704a{color:var(--plasma-calendar-header-arrow-color);}
|
|
41
41
|
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
42
|
+
.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173{border-radius:calc(var(--plasma-calendar-date-structure-border-radius) - 0.125rem);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:100%;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideInRange__69ee7173:before{content:'';z-index:-1;position:absolute;width:0.75rem;height:calc(100% - 0.125rem);background:var(--plasma-calendar-range-background);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{left:var(--stjjgaf-0);}.DateStructureItem_styles_89vxxx_stjjgaf__69ee7173.DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{right:var(--stjjgaf-0);}
|
|
43
|
+
.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173{font-family:var(--plasma-calendar-date-structure-font-family);font-size:var(--plasma-calendar-date-structure-font-size);font-style:var(--plasma-calendar-date-structure-font-style);font-weight:var(--plasma-calendar-date-structure-font-weight);-webkit-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);letter-spacing:var(--plasma-calendar-date-structure-font-letter-spacing);line-height:var(--plasma-calendar-date-structure-line-height);position:relative;box-sizing:border-box;border-radius:var(--plasma-calendar-date-structure-border-radius);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--s12s50dy-0);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173{outline:none;cursor:pointer;position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173:hover{background-color:var(--plasma-calendar-selectable-item-bg-hover);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemHovered__69ee7173:hover{background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:pointer;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173:not(.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173){border:0;background-color:var(--plasma-calendar-selected-item-background);color:var(--plasma-calendar-selected-item-color);cursor:default;font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{border:var(--plasma-calendar-current-item-border-width) solid var(--plasma-calendar-current-item-border-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173{background-color:initial;color:var(--plasma-calendar-selected-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_itemSelected__69ee7173 > div:first-of-type{background-color:var(--plasma-calendar-selected-item-background);min-width:calc(100% - 0.125rem);min-height:calc(100% - 0.125rem);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.125rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173{position:relative;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-calendar-date-structure-border-radius);outline:0.063rem solid transparent;outline-offset:0.1875rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173.DateStructureItem_styles_89vxxx_focusVisible__69ee7173:focus::before,.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemSelectable__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173[data-focus-visible-added]::before{outline-color:var(--plasma-calendar-outline-focus-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayInCurrentMonth__69ee7173:not(.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173):not(.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173):active{background-color:var(--plasma-calendar-active-item-bg);color:var(--plasma-calendar-active-item-color);font-weight:var(--plasma-calendar-date-structure-selected-font-weight);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_dayOfWeek__69ee7173{color:var(--plasma-calendar-day-of-the-week-color);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabled__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemDisabledCurrent__69ee7173{color:var(--s12s50dy-1);cursor:not-allowed;opacity:var(--plasma-calendar-disabled-opacity);}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemInRange__69ee7173:before{width:calc(100% + 2px);height:100%;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideRight__69ee7173:before{width:100%;right:-1px;left:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173.DateStructureItem_styles_89vxxx_itemCurrent__69ee7173 > .DateStructureItem_styles_89vxxx_itemSideLeft__69ee7173:before{width:100%;left:-1px;right:unset;}.DateStructureItem_styles_89vxxx_s12s50dy__69ee7173 .DateStructureItem_styles_89vxxx_popoverWrapper__69ee7173.DateStructureItem_styles_89vxxx_popoverTargetAsRef__69ee7173{z-index:-1;width:100%;}
|
|
44
|
+
.DateStructureItem_styles_89vxxx_s1bjn1j9__69ee7173{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:var(--plasma-calendar-event-item-bottom,0.25rem);}
|
|
45
|
+
.DateStructureItem_styles_89vxxx_s5fr8wv__69ee7173{margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:var(--s5fr8wv-0);}
|
|
46
46
|
|
|
47
47
|
.CalendarDays_styles_1tyc6xg_sf7r3e6__7589eb22{outline:none;padding:var(--plasma-calendar-days-padding);box-sizing:border-box;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);width:100%;height:100%;}
|
|
48
48
|
.CalendarDays_styles_1tyc6xg_scktesj__7589eb22{display:none;}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var hasTime = function hasTime(date) {
|
|
6
|
+
return date.getHours() !== 0 || date.getMinutes() !== 0 || date.getSeconds() !== 0 || date.getMilliseconds() !== 0;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Сдвигает min/max для календарной сетки, когда includeEdgeDates выключен:
|
|
11
|
+
* граничный день должен остаться кликабельным, время внутри него ограничит TimeGrid.
|
|
12
|
+
* max сдвигается только со временем: max в 00:00 не оставляет в дне ни одного
|
|
13
|
+
* валидного значения, тогда как min в 00:00 оставляет почти все сутки.
|
|
14
|
+
*/
|
|
15
|
+
var getCalendarEdgeDates = function getCalendarEdgeDates(min, max, type, includeEdgeDates) {
|
|
16
|
+
if (type !== 'Days' || includeEdgeDates) {
|
|
17
|
+
return {
|
|
18
|
+
calendarMin: min,
|
|
19
|
+
calendarMax: max
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
var calendarMin = min;
|
|
23
|
+
if (min) {
|
|
24
|
+
calendarMin = new Date(min);
|
|
25
|
+
calendarMin.setDate(calendarMin.getDate() - 1);
|
|
26
|
+
}
|
|
27
|
+
var calendarMax = max;
|
|
28
|
+
if (max && hasTime(max)) {
|
|
29
|
+
calendarMax = new Date(max);
|
|
30
|
+
calendarMax.setDate(calendarMax.getDate() + 1);
|
|
31
|
+
}
|
|
32
|
+
return {
|
|
33
|
+
calendarMin: calendarMin,
|
|
34
|
+
calendarMax: calendarMax
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
exports.getCalendarEdgeDates = getCalendarEdgeDates;
|
|
@@ -25,16 +25,18 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
25
25
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
26
26
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
27
27
|
|
|
28
|
-
var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "animationInfo", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "positionFixed", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal", "draggable"];
|
|
28
|
+
var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "overlayProps", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "animationInfo", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "positionFixed", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal", "draggable"];
|
|
29
29
|
|
|
30
30
|
// issue #823
|
|
31
31
|
|
|
32
32
|
var drawerRoot = function drawerRoot(Root) {
|
|
33
33
|
return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
|
34
|
+
var _overlayProps$positio;
|
|
34
35
|
var id = _ref.id,
|
|
35
36
|
zIndex = _ref.zIndex,
|
|
36
37
|
popupInfo = _ref.popupInfo,
|
|
37
38
|
withBlur = _ref.withBlur,
|
|
39
|
+
overlayProps = _ref.overlayProps,
|
|
38
40
|
children = _ref.children,
|
|
39
41
|
view = _ref.view,
|
|
40
42
|
size = _ref.size,
|
|
@@ -75,6 +77,7 @@ var drawerRoot = function drawerRoot(Root) {
|
|
|
75
77
|
var overlayBackgroundToken = withBlur ? "var(".concat(Drawer_tokens.tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(Drawer_tokens.tokens.drawerOverlayColor, ")");
|
|
76
78
|
var innerWidth = width ? getSizeValueFromProp.getSizeValueFromProp(width) : '100%';
|
|
77
79
|
var innerHeight = height ? getSizeValueFromProp.getSizeValueFromProp(height) : '100%';
|
|
80
|
+
var overlayPosition = (_overlayProps$positio = overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.position) !== null && _overlayProps$positio !== void 0 ? _overlayProps$positio : frame === undefined || frame === 'document' ? 'fixed' : 'absolute';
|
|
78
81
|
var placementClass = placement ? Drawer_tokens.classes["".concat(placement, "Placement")] : undefined;
|
|
79
82
|
var _useDrawer = useDrawer.useDrawer({
|
|
80
83
|
id: innerId,
|
|
@@ -122,7 +125,10 @@ var drawerRoot = function drawerRoot(Root) {
|
|
|
122
125
|
withBlur: withBlur,
|
|
123
126
|
transparent: transparent,
|
|
124
127
|
isClickable: closeOnOverlayClick,
|
|
125
|
-
onOverlayClick: onDrawerOverlayKeyDown
|
|
128
|
+
onOverlayClick: onDrawerOverlayKeyDown,
|
|
129
|
+
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, overlayProps), {}, {
|
|
130
|
+
position: overlayPosition
|
|
131
|
+
})
|
|
126
132
|
}))
|
|
127
133
|
}, rest), /*#__PURE__*/React__default.default.createElement(Root, {
|
|
128
134
|
className: Drawer_tokens.classes.panel,
|
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
+
var cls = require('classnames');
|
|
8
|
+
var constants = require('../../utils/constants.js');
|
|
7
9
|
var base = require('./variations/_view/base.js');
|
|
8
10
|
var base$1 = require('./variations/_size/base.js');
|
|
9
11
|
var base$2 = require('./variations/_disabled/base.js');
|
|
@@ -12,6 +14,7 @@ var LinkButton_styles = require('./LinkButton.styles.js');
|
|
|
12
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
15
|
|
|
14
16
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
|
+
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
15
18
|
|
|
16
19
|
var _StyledSpinner;
|
|
17
20
|
var _excluded = ["children", "view", "size", "text", "contentLeft", "contentRight", "isLoading", "loader", "disabled", "target", "href", "rel", "style", "additionalContent", "onClick"];
|
|
@@ -68,7 +71,9 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
|
68
71
|
style: _rollupPluginBabelHelpers.objectSpread2({}, loadingCustomOpacity)
|
|
69
72
|
}, contentLeft && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledContentLeft, {
|
|
70
73
|
hasContent: hasContent
|
|
71
|
-
}, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(LinkButton_styles.LinkButtonText,
|
|
74
|
+
}, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(LinkButton_styles.LinkButtonText, {
|
|
75
|
+
className: cls__default.default(constants.GRADIENT_TEXT_CLASS)
|
|
76
|
+
}, txt) : children, additionalContent && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledContentRight, {
|
|
72
77
|
hasContent: hasContent
|
|
73
78
|
}, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.default.createElement(LinkButton_styles.Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.default.createElement(LinkButton_styles.StyledSpinner, null))));
|
|
74
79
|
});
|
|
@@ -24,7 +24,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
24
24
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
25
25
|
|
|
26
26
|
var _IconClose;
|
|
27
|
-
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "isFocusTrapped", "initialFocusRef", "focusAfterRef", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose", "resizable", "draggable", "overlay"];
|
|
27
|
+
var _excluded = ["id", "withAnimation", "onClose", "onOverlayClick", "onEscKeyDown", "closeOnEsc", "closeOnOverlayClick", "withBlur", "isFocusTrapped", "initialFocusRef", "focusAfterRef", "focusTrapSelectors", "zIndex", "popupInfo", "children", "view", "opened", "isOpen", "hasBody", "hasClose", "resizable", "draggable", "overlay"];
|
|
28
28
|
|
|
29
29
|
// issue #823
|
|
30
30
|
var Popup = /*#__PURE__*/common.component(Popup$1.popupConfig);
|
|
@@ -49,6 +49,7 @@ var modalRoot = function modalRoot(Root) {
|
|
|
49
49
|
isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
|
|
50
50
|
initialFocusRef = _ref.initialFocusRef,
|
|
51
51
|
focusAfterRef = _ref.focusAfterRef,
|
|
52
|
+
focusTrapSelectors = _ref.focusTrapSelectors,
|
|
52
53
|
zIndex = _ref.zIndex,
|
|
53
54
|
popupInfo = _ref.popupInfo,
|
|
54
55
|
children = _ref.children,
|
|
@@ -63,7 +64,7 @@ var modalRoot = function modalRoot(Root) {
|
|
|
63
64
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
64
65
|
var innerIsOpen = Boolean(isOpen || opened);
|
|
65
66
|
var innerHasClose = hasClose === undefined && hasBody || hasClose;
|
|
66
|
-
var trapRef = useFocusTrap.useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
|
|
67
|
+
var trapRef = useFocusTrap.useFocusTrap(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped, focusTrapSelectors);
|
|
67
68
|
var popupController = PopupContext.usePopupContext();
|
|
68
69
|
var innerRef = useForkRef.useForkRef(trapRef, outerRootRef);
|
|
69
70
|
var uniqId = react.safeUseId();
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var NotificationsContext = /*#__PURE__*/React.createContext(null);
|
|
8
|
+
var useNotifications = function useNotifications() {
|
|
9
|
+
var context = React.useContext(NotificationsContext);
|
|
10
|
+
if (!context) {
|
|
11
|
+
throw new Error('useNotifications must be used within a NotificationsProvider');
|
|
12
|
+
}
|
|
13
|
+
return context;
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
exports.NotificationsContext = NotificationsContext;
|
|
17
|
+
exports.useNotifications = useNotifications;
|
|
@@ -8,7 +8,7 @@ var React = require('react');
|
|
|
8
8
|
var react = require('storeon/react');
|
|
9
9
|
var react$1 = require('@linaria/react');
|
|
10
10
|
var index = require('../../utils/index.js');
|
|
11
|
-
var
|
|
11
|
+
var NotificationsContext = require('./NotificationsContext.js');
|
|
12
12
|
var Notification_styles = require('./Notification.styles.js');
|
|
13
13
|
var Notification_tokens = require('./Notification.tokens.js');
|
|
14
14
|
var common = require('../../engines/common.js');
|
|
@@ -44,6 +44,8 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
|
44
44
|
className = _ref.className;
|
|
45
45
|
var _useStoreon = react.useStoreon('notifications'),
|
|
46
46
|
notifications = _useStoreon.notifications;
|
|
47
|
+
var _useNotifications = NotificationsContext.useNotifications(),
|
|
48
|
+
closeNotification = _useNotifications.closeNotification;
|
|
47
49
|
var Notification = React.useMemo(function () {
|
|
48
50
|
return common.component(config);
|
|
49
51
|
}, []);
|
|
@@ -70,7 +72,7 @@ var NotificationsPortal = function NotificationsPortal(_ref) {
|
|
|
70
72
|
key: id,
|
|
71
73
|
id: id,
|
|
72
74
|
onCloseButtonClick: function onCloseButtonClick() {
|
|
73
|
-
return
|
|
75
|
+
return closeNotification(id);
|
|
74
76
|
}
|
|
75
77
|
}, rest)));
|
|
76
78
|
}))));
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var react = require('storeon/react');
|
|
8
|
+
var NotificationsContext = require('./NotificationsContext.js');
|
|
7
9
|
var NotificationsStore = require('./NotificationsStore.js');
|
|
8
10
|
var NotificationsPortal = require('./NotificationsPortal.js');
|
|
9
11
|
|
|
@@ -11,6 +13,24 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
11
13
|
|
|
12
14
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
15
|
|
|
16
|
+
// Глобальные addNotification/closeNotification работают с одним модульным NotificationsStore.
|
|
17
|
+
// Поэтому среди всех смонтированных NotificationsProvider только один должен отображать его портал,
|
|
18
|
+
// иначе одна глобальная нотификация будет отрисована по количеству провайдеров на странице.
|
|
19
|
+
var globalPortalSubscribers = /*#__PURE__*/new Set();
|
|
20
|
+
var updateGlobalPortalProvider = function updateGlobalPortalProvider() {
|
|
21
|
+
var activeSubscriber = globalPortalSubscribers.values().next().value;
|
|
22
|
+
globalPortalSubscribers.forEach(function (subscriber) {
|
|
23
|
+
subscriber(subscriber === activeSubscriber);
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
var subscribeGlobalPortalProvider = function subscribeGlobalPortalProvider(subscriber) {
|
|
27
|
+
globalPortalSubscribers.add(subscriber);
|
|
28
|
+
updateGlobalPortalProvider();
|
|
29
|
+
return function () {
|
|
30
|
+
globalPortalSubscribers["delete"](subscriber);
|
|
31
|
+
updateGlobalPortalProvider();
|
|
32
|
+
};
|
|
33
|
+
};
|
|
14
34
|
var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
15
35
|
var children = _ref.children,
|
|
16
36
|
config = _ref.config,
|
|
@@ -18,15 +38,40 @@ var NotificationsProvider = function NotificationsProvider(_ref) {
|
|
|
18
38
|
placement = _ref.placement,
|
|
19
39
|
UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED,
|
|
20
40
|
className = _ref.className;
|
|
21
|
-
|
|
22
|
-
|
|
41
|
+
var _useState = React.useState(NotificationsStore.createNotificationsStore),
|
|
42
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 1),
|
|
43
|
+
store = _useState2[0];
|
|
44
|
+
var notificationsApi = React.useMemo(function () {
|
|
45
|
+
return NotificationsStore.createNotificationsApi(store);
|
|
46
|
+
}, [store]);
|
|
47
|
+
var _useState3 = React.useState(false),
|
|
48
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
49
|
+
isGlobalPortalActive = _useState4[0],
|
|
50
|
+
setIsGlobalPortalActive = _useState4[1];
|
|
51
|
+
React.useEffect(function () {
|
|
52
|
+
return subscribeGlobalPortalProvider(setIsGlobalPortalActive);
|
|
53
|
+
}, []);
|
|
54
|
+
return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(NotificationsContext.NotificationsContext.Provider, {
|
|
55
|
+
value: notificationsApi
|
|
56
|
+
}, /*#__PURE__*/React__default.default.createElement(react.StoreContext.Provider, {
|
|
57
|
+
value: store
|
|
23
58
|
}, children, /*#__PURE__*/React__default.default.createElement(NotificationsPortal.NotificationsPortal, {
|
|
24
59
|
frame: frame,
|
|
25
60
|
placement: placement,
|
|
26
61
|
config: config,
|
|
27
62
|
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED,
|
|
28
63
|
className: className
|
|
29
|
-
}))
|
|
64
|
+
}))), isGlobalPortalActive && /*#__PURE__*/React__default.default.createElement(NotificationsContext.NotificationsContext.Provider, {
|
|
65
|
+
value: NotificationsStore.GlobalNotificationsApi
|
|
66
|
+
}, /*#__PURE__*/React__default.default.createElement(react.StoreContext.Provider, {
|
|
67
|
+
value: NotificationsStore.NotificationsStore
|
|
68
|
+
}, /*#__PURE__*/React__default.default.createElement(NotificationsPortal.NotificationsPortal, {
|
|
69
|
+
frame: frame,
|
|
70
|
+
placement: placement,
|
|
71
|
+
config: config,
|
|
72
|
+
UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED,
|
|
73
|
+
className: className
|
|
74
|
+
}))));
|
|
30
75
|
};
|
|
31
76
|
|
|
32
77
|
exports.NotificationsProvider = NotificationsProvider;
|
|
@@ -9,59 +9,61 @@ var _excluded = ["id", "onTimeoutClose"];
|
|
|
9
9
|
/**
|
|
10
10
|
* Создает хранилище с ключом `notifications` к массиву с окнами.
|
|
11
11
|
*/
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
12
|
+
var createNotificationsStore = function createNotificationsStore() {
|
|
13
|
+
return storeon.createStoreon([function (store) {
|
|
14
|
+
store.on('@init', function () {
|
|
15
|
+
return {
|
|
16
|
+
notifications: []
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
store.on('add', function (_ref, notif) {
|
|
20
|
+
var notifications = _ref.notifications;
|
|
21
|
+
return {
|
|
22
|
+
notifications: notifications.concat([notif])
|
|
23
|
+
};
|
|
24
|
+
});
|
|
25
|
+
store.on('hide', function (_ref2, id) {
|
|
26
|
+
var notifications = _ref2.notifications;
|
|
27
|
+
return {
|
|
28
|
+
notifications: notifications.map(function (notif) {
|
|
29
|
+
return id === notif.id ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, notif), {}, {
|
|
30
|
+
isHidden: true
|
|
31
|
+
}) : notif;
|
|
32
|
+
})
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
store.on('remove', function (_ref3, id) {
|
|
36
|
+
var notifications = _ref3.notifications;
|
|
37
|
+
return {
|
|
38
|
+
notifications: notifications.filter(function (notif) {
|
|
39
|
+
return id !== notif.id;
|
|
40
|
+
})
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
}]);
|
|
44
|
+
};
|
|
45
|
+
var NotificationsStore = /*#__PURE__*/createNotificationsStore();
|
|
46
|
+
var notificationIdCounter = 0;
|
|
47
|
+
var createNotificationId = function createNotificationId() {
|
|
48
|
+
notificationIdCounter += 1;
|
|
49
|
+
return "plasma-notification-".concat(Date.now(), "-").concat(notificationIdCounter);
|
|
50
|
+
};
|
|
51
|
+
var closeNotificationInStore = function closeNotificationInStore(store, id) {
|
|
52
|
+
var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 380;
|
|
53
|
+
var dispatch = store.dispatch;
|
|
46
54
|
dispatch('hide', id);
|
|
47
55
|
setTimeout(function () {
|
|
48
56
|
return dispatch('remove', id);
|
|
49
57
|
}, delay);
|
|
50
58
|
};
|
|
51
|
-
|
|
52
|
-
/**
|
|
53
|
-
* Открыть новое оповещение.
|
|
54
|
-
* @param props Пропсы всплывающего оповещения
|
|
55
|
-
* @return Идентификатор нового оповещения
|
|
56
|
-
*/
|
|
57
|
-
function addNotification(_ref4) {
|
|
59
|
+
var addNotificationToStore = function addNotificationToStore(store, _ref4) {
|
|
58
60
|
var externalId = _ref4.id,
|
|
59
61
|
onTimeoutClose = _ref4.onTimeoutClose,
|
|
60
62
|
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded);
|
|
61
|
-
var timeout = arguments.length >
|
|
62
|
-
var id = externalId ||
|
|
63
|
-
var dispatch =
|
|
64
|
-
get =
|
|
63
|
+
var timeout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2000;
|
|
64
|
+
var id = externalId || createNotificationId();
|
|
65
|
+
var dispatch = store.dispatch,
|
|
66
|
+
get = store.get;
|
|
65
67
|
dispatch('add', _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
|
|
66
68
|
id: id,
|
|
67
69
|
isHidden: false
|
|
@@ -78,13 +80,43 @@ function addNotification(_ref4) {
|
|
|
78
80
|
if (!notification) {
|
|
79
81
|
return;
|
|
80
82
|
}
|
|
81
|
-
|
|
83
|
+
closeNotificationInStore(store, id);
|
|
82
84
|
onTimeoutClose === null || onTimeoutClose === void 0 || onTimeoutClose();
|
|
83
85
|
}, timeout);
|
|
84
86
|
}
|
|
85
87
|
return id;
|
|
86
|
-
}
|
|
88
|
+
};
|
|
89
|
+
var createNotificationsApi = function createNotificationsApi(store) {
|
|
90
|
+
return {
|
|
91
|
+
addNotification: function (props) {
|
|
92
|
+
var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
|
|
93
|
+
return addNotificationToStore(store, props, timeout);
|
|
94
|
+
},
|
|
95
|
+
closeNotification: function (id) {
|
|
96
|
+
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 380;
|
|
97
|
+
return closeNotificationInStore(store, id, delay);
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
var GlobalNotificationsApi = /*#__PURE__*/createNotificationsApi(NotificationsStore);
|
|
102
|
+
var closeNotification = function closeNotification(id) {
|
|
103
|
+
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 380;
|
|
104
|
+
return closeNotificationInStore(NotificationsStore, id, delay);
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* Открыть новое оповещение.
|
|
109
|
+
* @param props Пропсы всплывающего оповещения
|
|
110
|
+
* @return Идентификатор нового оповещения
|
|
111
|
+
*/
|
|
112
|
+
var addNotification = function addNotification(props) {
|
|
113
|
+
var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2000;
|
|
114
|
+
return addNotificationToStore(NotificationsStore, props, timeout);
|
|
115
|
+
};
|
|
87
116
|
|
|
117
|
+
exports.GlobalNotificationsApi = GlobalNotificationsApi;
|
|
88
118
|
exports.NotificationsStore = NotificationsStore;
|
|
89
119
|
exports.addNotification = addNotification;
|
|
90
120
|
exports.closeNotification = closeNotification;
|
|
121
|
+
exports.createNotificationsApi = createNotificationsApi;
|
|
122
|
+
exports.createNotificationsStore = createNotificationsStore;
|