@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
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5{width:100%;}.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1br3rgv__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5 > button{width:100%;margin-left:0;}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
13
|
+
.HorizontalTabs_styles_1u09hh6_b1o35yic__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:var(--plasma-tabs-padding,0);}
|
|
14
|
+
.HorizontalTabs_styles_1u09hh6_s1luevts__ad04af64{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
15
|
+
.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipShowAll__ad04af64{overflow:visible;}
|
|
16
|
+
.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64.HorizontalTabs_styles_1u09hh6_focusVisible__ad04af64:focus::before,.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
17
17
|
|
|
18
18
|
.base_1gpilrg_b1m06q2a__f6e51aea{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1gpilrg_b1m06q2a__f6e51aea:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_1gpilrg_b1m06q2a__f6e51aea:active{color:var(--plasma-tab-item-color-active);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_tabItemAnimated__f6e51aea{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea:hover::after{background-color:var(--plasma-tab-item-selected-hover-divider-color);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
|
|
19
19
|
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
.HorizontalIconTabItem_styles_4fhu6l_a10ilp4b__5649e1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
26
26
|
.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3:first-child{margin-left:0;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3.HorizontalIconTabItem_styles_4fhu6l_focusVisible__5649e1d3:focus::before,.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}
|
|
27
27
|
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
28
|
+
.VerticalTabs_styles_w9m78u_brtophc__cfe2fe7b{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-tabs-padding,0);}
|
|
29
|
+
.VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
30
|
+
.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b::-webkit-scrollbar{display:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b .VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{margin-top:auto;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipShowAll__cfe2fe7b{overflow:visible;}
|
|
31
|
+
.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);color:var(--plasma-tabs-arrow-color);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);position:relative;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b.VerticalTabs_styles_w9m78u_focusVisible__cfe2fe7b:focus::before,.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[disabled]{cursor:not-allowed;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
32
32
|
|
|
33
33
|
.base_b64an6_b1oivp5t__1bb9c819{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
|
34
34
|
|
|
@@ -36,16 +36,20 @@
|
|
|
36
36
|
|
|
37
37
|
.base_1t652tn_bxymuzj__fad95c30{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
38
38
|
|
|
39
|
-
.
|
|
40
|
-
|
|
41
|
-
.
|
|
42
|
-
.
|
|
43
|
-
.
|
|
44
|
-
.
|
|
39
|
+
.base_1xgdjua_bhosqag__0abc6b8c.base_1xgdjua_tabsPilled__0abc6b8c{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
|
|
40
|
+
|
|
41
|
+
.VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
42
|
+
.VerticalTabItem_styles_1e5t4lm_t1dgsexe__b849fb7b{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
43
|
+
.VerticalTabItem_styles_1e5t4lm_r6on9ix__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_r6on9ix__b849fb7b:hover{color:inherit;}
|
|
44
|
+
.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b:hover{color:inherit;}
|
|
45
|
+
.VerticalTabItem_styles_1e5t4lm_a1ehxi62__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
46
|
+
.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_focusVisible__b849fb7b:focus::before,.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_t1dgsexe__b849fb7b{overflow:hidden;text-overflow:ellipsis;}
|
|
45
47
|
|
|
46
48
|
.base_ncl068_bf7cuwr__3fc317af{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ncl068_bf7cuwr__3fc317af:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af:hover .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af:active{color:var(--plasma-tab-item-color-active);}.base_ncl068_bf7cuwr__3fc317af:active .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-active);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_tabItemAnimated__3fc317af{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}.base_ncl068_dividerAlignRight__3fc317af .base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::after{left:unset;right:0;}
|
|
47
49
|
|
|
48
|
-
.
|
|
50
|
+
.base_173mywh_biwyi61__78812d05{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}.base_173mywh_biwyi61__78812d05.base_173mywh_selectedTabsItem__78812d05{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
|
|
51
|
+
|
|
52
|
+
.base_bdsakt_b1hyv5td__0ad0789e.base_bdsakt_tabsPilled__0ad0789e{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled,var(--plasma-tab-item-padding-orientation-vertical));}
|
|
49
53
|
|
|
50
54
|
.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-value-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-selected-value-color);}
|
|
51
55
|
|
|
@@ -61,15 +65,15 @@
|
|
|
61
65
|
|
|
62
66
|
.base_dbyw5c_b17pnrtx__1122e2b5{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_dbyw5c_b17pnrtx__1122e2b5:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:hover .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:active{color:var(--plasma-tab-item-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5:active .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_tabItemAnimated__1122e2b5{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
|
|
63
67
|
|
|
64
|
-
.
|
|
68
|
+
.base_gmecta_brd5u59__f08eef4c{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}.base_gmecta_brd5u59__f08eef4c.base_gmecta_selectedTabsItem__f08eef4c{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
|
|
65
69
|
|
|
66
70
|
.base_1n47nel_b1qni0z7__43b989b3.base_1n47nel_tabsPilled__43b989b3{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
|
|
67
71
|
|
|
68
72
|
.base_152tdr6_b19uafm__8ffd04ed[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-value-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-selected-value-color);}
|
|
69
73
|
|
|
70
|
-
.
|
|
71
|
-
.
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
75
|
+
.HorizontalTabItem_styles_1roz7kf_t19raezp__db1e9c85{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
76
|
+
.HorizontalTabItem_styles_1roz7kf_r1adqbze__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_r1adqbze__db1e9c85:hover{color:inherit;}
|
|
77
|
+
.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85:hover{color:inherit;}
|
|
78
|
+
.HorizontalTabItem_styles_1roz7kf_a1r3bdpx__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
79
|
+
.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85:first-child{margin-left:0;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_focusVisible__db1e9c85:focus::before,.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_t19raezp__db1e9c85{overflow:hidden;text-overflow:ellipsis;}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef, useRef, useContext } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import cls from 'classnames';
|
|
4
4
|
import { classes } from '../../../tokens.js';
|
|
5
5
|
import { useTabItem } from '../../../hooks/useTabItem.js';
|
|
6
6
|
import { base as base$2 } from './variations/_view/base.js';
|
|
@@ -11,13 +11,14 @@ import { LeftContent, StyledContent, TabItemValue, RightContent, ActionContent,
|
|
|
11
11
|
import { useForkRef } from '../../../../../hooks/useForkRef.js';
|
|
12
12
|
import { TabsContext } from '../../../TabsContext.js';
|
|
13
13
|
|
|
14
|
-
var _excluded = ["size", "view", "isActive", "selected", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
|
|
14
|
+
var _excluded = ["size", "view", "isActive", "selected", "disableScroll", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "animated", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
|
|
15
15
|
var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
|
16
16
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
|
17
17
|
var size = props.size,
|
|
18
18
|
view = props.view,
|
|
19
19
|
isActive = props.isActive,
|
|
20
20
|
selected = props.selected,
|
|
21
|
+
disableScroll = props.disableScroll,
|
|
21
22
|
_props$disabled = props.disabled,
|
|
22
23
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
23
24
|
_props$pilled = props.pilled,
|
|
@@ -51,6 +52,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
|
|
51
52
|
innerRef: innerRef,
|
|
52
53
|
itemIndex: itemIndex,
|
|
53
54
|
selected: selected,
|
|
55
|
+
disableScroll: disableScroll,
|
|
54
56
|
disabled: disabled,
|
|
55
57
|
onIndexChange: onIndexChange,
|
|
56
58
|
onClick: onClick,
|
|
@@ -71,7 +73,7 @@ var horizontalTabItemRoot = function horizontalTabItemRoot(Root) {
|
|
|
71
73
|
size: size,
|
|
72
74
|
onFocus: onItemFocus,
|
|
73
75
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
|
74
|
-
className:
|
|
76
|
+
className: cls(pilledClass, selectedClass, animatedClass, truncateClass, className),
|
|
75
77
|
onClick: handleClick
|
|
76
78
|
}, rest, {
|
|
77
79
|
style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
.r1adqbze{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r1adqbze:hover{color:inherit;}
|
|
4
4
|
.lqpbixy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.lqpbixy:hover{color:inherit;}
|
|
5
5
|
.a1r3bdpx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
6
|
-
.bfzfmt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bfzfmt5:first-child{margin-left:0;}.bfzfmt5::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m
|
|
6
|
+
.bfzfmt5{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.bfzfmt5:first-child{margin-left:0;}.bfzfmt5::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.bfzfmt5.focus-visible:focus::before,.bfzfmt5[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.bfzfmt5.tabs-truncate .s4bz58{overflow:hidden;text-overflow:ellipsis;}.bfzfmt5.tabs-truncate .t19raezp{overflow:hidden;text-overflow:ellipsis;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.brd5u59{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}
|
|
1
|
+
.brd5u59{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}.brd5u59.selected-tabs-item{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5{width:100%;}.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1br3rgv__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5 > button{width:100%;margin-left:0;}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
13
|
+
.HorizontalTabs_styles_1u09hh6_b1o35yic__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:var(--plasma-tabs-padding,0);}
|
|
14
|
+
.HorizontalTabs_styles_1u09hh6_s1luevts__ad04af64{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
15
|
+
.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipShowAll__ad04af64{overflow:visible;}
|
|
16
|
+
.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64.HorizontalTabs_styles_1u09hh6_focusVisible__ad04af64:focus::before,.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef, useState, useMemo, useRef, useCallback, useLayoutEffect } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import cls from 'classnames';
|
|
4
4
|
import { IconDisclosureLeft } from '../../../../_Icon/Icons/IconDisclosureLeft.js';
|
|
5
5
|
import { IconDisclosureRight } from '../../../../_Icon/Icons/IconDisclosureRight.js';
|
|
6
|
-
import { classes } from '../../../tokens.js';
|
|
6
|
+
import { tokens, classes } from '../../../tokens.js';
|
|
7
7
|
import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
|
|
8
8
|
import { getFirstOverflowingTab, getLastOverflowingTab } from '../../../utils/index.js';
|
|
9
9
|
import { base as base$1 } from './variations/_size/base.js';
|
|
@@ -120,6 +120,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
|
120
120
|
isLeftArrow: true
|
|
121
121
|
}, /*#__PURE__*/React__default.createElement(IconDisclosureLeft, {
|
|
122
122
|
size: getIconSize(size),
|
|
123
|
+
sizeCustomProperty: tokens.arrowSize,
|
|
123
124
|
color: "inherit"
|
|
124
125
|
}));
|
|
125
126
|
}, [onPrev, size, disabled, isFilled]);
|
|
@@ -133,6 +134,7 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
|
133
134
|
isFilled: isFilled
|
|
134
135
|
}, /*#__PURE__*/React__default.createElement(IconDisclosureRight, {
|
|
135
136
|
size: getIconSize(size),
|
|
137
|
+
sizeCustomProperty: tokens.arrowSize,
|
|
136
138
|
color: "inherit"
|
|
137
139
|
}));
|
|
138
140
|
}, [onNext, size, disabled, isFilled]);
|
|
@@ -189,9 +191,13 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
|
189
191
|
if (firstItemVisible || !shouldTriggerAdditionalScroll || !scrollRef.current || !leftArrowRef.current) {
|
|
190
192
|
return;
|
|
191
193
|
}
|
|
192
|
-
var
|
|
194
|
+
var scrollStyle = getComputedStyle(scrollRef.current);
|
|
195
|
+
var arrowStyle = getComputedStyle(leftArrowRef.current);
|
|
196
|
+
var root = scrollRef.current.parentElement;
|
|
197
|
+
var rootGap = root ? parseInt(getComputedStyle(root).columnGap, 10) : 0;
|
|
198
|
+
var arrowOccupiedWidth = leftArrowRef.current.offsetWidth + parseInt(arrowStyle.marginLeft, 10) + parseInt(arrowStyle.marginRight, 10) + rootGap;
|
|
193
199
|
scrollRef.current.scrollTo({
|
|
194
|
-
left: Math.round(scrollRef.current.scrollLeft +
|
|
200
|
+
left: Math.round(scrollRef.current.scrollLeft + arrowOccupiedWidth + parseInt(scrollStyle.paddingLeft, 10))
|
|
195
201
|
});
|
|
196
202
|
setShouldTriggerAdditionalScroll(false);
|
|
197
203
|
}, [firstItemVisible, shouldTriggerAdditionalScroll, scrollRef, leftArrowRef]);
|
|
@@ -207,10 +213,10 @@ var horizontalTabsRoot = function horizontalTabsRoot(Root) {
|
|
|
207
213
|
id: tabsId,
|
|
208
214
|
ref: outerRef,
|
|
209
215
|
disabled: disabled,
|
|
210
|
-
className:
|
|
216
|
+
className: cls(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
|
|
211
217
|
onKeyDown: onKeyDown
|
|
212
218
|
}, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
|
|
213
|
-
className:
|
|
219
|
+
className: cls(clipScrollClass, clipShowAllClass),
|
|
214
220
|
ref: scrollRef,
|
|
215
221
|
onScroll: handleScroll
|
|
216
222
|
}, /*#__PURE__*/React__default.createElement(StyledContent, {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import './HorizontalTabs.
|
|
1
|
+
import './HorizontalTabs.styles_1u09hh6.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
|
-
import { tokens } from '../../../tokens.js';
|
|
3
|
+
import { tokens, privateTokens } from '../../../tokens.js';
|
|
4
4
|
|
|
5
5
|
var base = "b1o35yic";
|
|
6
6
|
var StyledContent = /*#__PURE__*/styled('div')({
|
|
@@ -13,22 +13,22 @@ var StyledContentWrapper = /*#__PURE__*/styled('div')({
|
|
|
13
13
|
"class": "s1br3rgv",
|
|
14
14
|
propsAsIs: false
|
|
15
15
|
});
|
|
16
|
-
var
|
|
16
|
+
var _exp5 = function _exp5() {
|
|
17
17
|
return function (_ref) {
|
|
18
|
-
var
|
|
19
|
-
return
|
|
18
|
+
var isLeftArrow = _ref.isLeftArrow;
|
|
19
|
+
return isLeftArrow ? "var(".concat(tokens.arrowInnerPadding, ")") : "var(".concat(privateTokens.outerPadding, ")");
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var _exp6 = function _exp6() {
|
|
23
23
|
return function (_ref2) {
|
|
24
24
|
var isLeftArrow = _ref2.isLeftArrow;
|
|
25
|
-
return isLeftArrow ? "var(".concat(
|
|
25
|
+
return isLeftArrow ? "var(".concat(privateTokens.outerPadding, ")") : "var(".concat(tokens.arrowInnerPadding, ")");
|
|
26
26
|
};
|
|
27
27
|
};
|
|
28
|
-
var
|
|
28
|
+
var _exp0 = function _exp0() {
|
|
29
29
|
return function (_ref3) {
|
|
30
|
-
var
|
|
31
|
-
return
|
|
30
|
+
var isFilled = _ref3.isFilled;
|
|
31
|
+
return isFilled ? "var(".concat(tokens.arrowOuterPadding, ")") : '';
|
|
32
32
|
};
|
|
33
33
|
};
|
|
34
34
|
var StyledArrow = /*#__PURE__*/styled('button')({
|
|
@@ -36,9 +36,9 @@ var StyledArrow = /*#__PURE__*/styled('button')({
|
|
|
36
36
|
"class": "s1ye0qv7",
|
|
37
37
|
propsAsIs: false,
|
|
38
38
|
vars: {
|
|
39
|
-
"s1ye0qv7-0": [/*#__PURE__*/
|
|
40
|
-
"s1ye0qv7-1": [/*#__PURE__*/
|
|
41
|
-
"s1ye0qv7-2": [/*#__PURE__*/
|
|
39
|
+
"s1ye0qv7-0": [/*#__PURE__*/_exp5()],
|
|
40
|
+
"s1ye0qv7-1": [/*#__PURE__*/_exp6()],
|
|
41
|
+
"s1ye0qv7-2": [/*#__PURE__*/_exp0()]
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
44
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.b1o35yic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
|
|
1
|
+
.b1o35yic{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:var(--plasma-tabs-padding,0);}
|
|
2
2
|
.s1luevts{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
3
3
|
.s1br3rgv{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.s1br3rgv.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s1br3rgv.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s1br3rgv.tabs-clip-show-all{overflow:visible;}
|
|
4
|
-
.s1ye0qv7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;
|
|
4
|
+
.s1ye0qv7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.s1ye0qv7::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.s1ye0qv7.focus-visible:focus::before,.s1ye0qv7[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.s1ye0qv7[disabled]{cursor:not-allowed;}.s1ye0qv7:hover{color:var(--plasma-tabs-arrow-color-hover);}.s1ye0qv7:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
@@ -10,25 +10,25 @@
|
|
|
10
10
|
|
|
11
11
|
.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5{width:100%;}.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1br3rgv__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5,.base_1gfn87u_bzjvhf7__0ce69fa5.base_1gfn87u_tabsStretched__0ce69fa5 .base_1gfn87u_s1luevts__0ce69fa5 > button{width:100%;margin-left:0;}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
13
|
+
.HorizontalTabs_styles_1u09hh6_b1o35yic__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:var(--plasma-tabs-padding,0);}
|
|
14
|
+
.HorizontalTabs_styles_1u09hh6_s1luevts__ad04af64{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
15
|
+
.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipScroll__ad04af64::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1u09hh6_s1br3rgv__ad04af64.HorizontalTabs_styles_1u09hh6_tabsClipShowAll__ad04af64{overflow:visible;}
|
|
16
|
+
.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;color:var(--plasma-tabs-arrow-color);margin-right:var(--s1ye0qv7-0);margin-left:var(--s1ye0qv7-1);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);--plasma_private-outer-padding:var(--s1ye0qv7-2);position:relative;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64.HorizontalTabs_styles_1u09hh6_focusVisible__ad04af64:focus::before,.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1u09hh6_s1ye0qv7__ad04af64:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
17
17
|
|
|
18
18
|
.base_dbyw5c_b17pnrtx__1122e2b5{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_dbyw5c_b17pnrtx__1122e2b5:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:hover .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5:active{color:var(--plasma-tab-item-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5:active .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-value-color-active);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_tabItemAnimated__1122e2b5{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5 .base_dbyw5c_t19raezp__1122e2b5:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_dbyw5c_b17pnrtx__1122e2b5.base_dbyw5c_selectedTabsItem__1122e2b5::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
|
|
19
19
|
|
|
20
|
-
.
|
|
20
|
+
.base_gmecta_brd5u59__f08eef4c{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:var(--plasma-tab-item-width);height:var(--plasma-tab-item-height);}.base_gmecta_brd5u59__f08eef4c.base_gmecta_selectedTabsItem__f08eef4c{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
|
|
21
21
|
|
|
22
22
|
.base_1n47nel_b1qni0z7__43b989b3.base_1n47nel_tabsPilled__43b989b3{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled);}
|
|
23
23
|
|
|
24
24
|
.base_152tdr6_b19uafm__8ffd04ed[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled]:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-value-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_152tdr6_b19uafm__8ffd04ed[disabled].base_152tdr6_selectedTabsItem__8ffd04ed:hover .base_152tdr6_t19raezp__8ffd04ed{color:var(--plasma-tab-item-selected-value-color);}
|
|
25
25
|
|
|
26
|
-
.
|
|
27
|
-
.
|
|
28
|
-
.
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
26
|
+
.HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
27
|
+
.HorizontalTabItem_styles_1roz7kf_t19raezp__db1e9c85{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
28
|
+
.HorizontalTabItem_styles_1roz7kf_r1adqbze__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_r1adqbze__db1e9c85:hover{color:inherit;}
|
|
29
|
+
.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_1roz7kf_lqpbixy__db1e9c85:hover{color:inherit;}
|
|
30
|
+
.HorizontalTabItem_styles_1roz7kf_a1r3bdpx__db1e9c85{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
31
|
+
.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85:first-child{margin-left:0;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_focusVisible__db1e9c85:focus::before,.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_s4bz58__db1e9c85{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_1roz7kf_bfzfmt5__db1e9c85.HorizontalTabItem_styles_1roz7kf_tabsTruncate__db1e9c85 .HorizontalTabItem_styles_1roz7kf_t19raezp__db1e9c85{overflow:hidden;text-overflow:ellipsis;}
|
|
32
32
|
|
|
33
33
|
.base_1gpilrg_b1m06q2a__f6e51aea{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1gpilrg_b1m06q2a__f6e51aea:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_1gpilrg_b1m06q2a__f6e51aea:active{color:var(--plasma-tab-item-color-active);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_tabItemAnimated__f6e51aea{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea:hover::after{background-color:var(--plasma-tab-item-selected-hover-divider-color);}.base_1gpilrg_b1m06q2a__f6e51aea.base_1gpilrg_selectedTabsItem__f6e51aea::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
|
|
34
34
|
|
|
@@ -40,10 +40,10 @@
|
|
|
40
40
|
.HorizontalIconTabItem_styles_4fhu6l_a10ilp4b__5649e1d3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
41
41
|
.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3:first-child{margin-left:0;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3.HorizontalIconTabItem_styles_4fhu6l_focusVisible__5649e1d3:focus::before,.HorizontalIconTabItem_styles_4fhu6l_b185zjh0__5649e1d3[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}
|
|
42
42
|
|
|
43
|
-
.
|
|
44
|
-
.
|
|
45
|
-
.
|
|
46
|
-
.
|
|
43
|
+
.VerticalTabs_styles_w9m78u_brtophc__cfe2fe7b{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-tabs-padding,0);}
|
|
44
|
+
.VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
|
|
45
|
+
.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b::-webkit-scrollbar{display:none;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipScroll__cfe2fe7b .VerticalTabs_styles_w9m78u_s6szo2t__cfe2fe7b{margin-top:auto;}.VerticalTabs_styles_w9m78u_syn72dj__cfe2fe7b.VerticalTabs_styles_w9m78u_tabsClipShowAll__cfe2fe7b{overflow:visible;}
|
|
46
|
+
.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);color:var(--plasma-tabs-arrow-color);--plasma_private-outline-radius:var(--plasma-tab-arrow-border-radius,inherit);position:relative;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);outline:0.063rem solid transparent;outline-offset:0;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b.VerticalTabs_styles_w9m78u_focusVisible__cfe2fe7b:focus::before,.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b[disabled]{cursor:not-allowed;}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_w9m78u_sfn11bj__cfe2fe7b:active{color:var(--plasma-tabs-arrow-color-active);}
|
|
47
47
|
|
|
48
48
|
.base_b64an6_b1oivp5t__1bb9c819{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
|
|
49
49
|
|
|
@@ -51,16 +51,20 @@
|
|
|
51
51
|
|
|
52
52
|
.base_1t652tn_bxymuzj__fad95c30{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
53
53
|
|
|
54
|
-
.
|
|
55
|
-
|
|
56
|
-
.
|
|
57
|
-
.
|
|
58
|
-
.
|
|
59
|
-
.
|
|
54
|
+
.base_1xgdjua_bhosqag__0abc6b8c.base_1xgdjua_tabsPilled__0abc6b8c{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
|
|
55
|
+
|
|
56
|
+
.VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
|
|
57
|
+
.VerticalTabItem_styles_1e5t4lm_t1dgsexe__b849fb7b{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
|
|
58
|
+
.VerticalTabItem_styles_1e5t4lm_r6on9ix__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_r6on9ix__b849fb7b:hover{color:inherit;}
|
|
59
|
+
.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1e5t4lm_l10qof4o__b849fb7b:hover{color:inherit;}
|
|
60
|
+
.VerticalTabItem_styles_1e5t4lm_a1ehxi62__b849fb7b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
61
|
+
.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--plasma-tab-item-outline-radius,var(--border-radius-m,calc(var(--plasma_private-outline-radius) + 0.063rem)));outline:0.063rem solid transparent;outline-offset:-0.063rem;-webkit-transition:outline-color 0.2s ease-in-out;transition:outline-color 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_focusVisible__b849fb7b:focus::before,.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_sqdp20x__b849fb7b{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1e5t4lm_bzsjrr1__b849fb7b.VerticalTabItem_styles_1e5t4lm_tabsTruncate__b849fb7b .VerticalTabItem_styles_1e5t4lm_t1dgsexe__b849fb7b{overflow:hidden;text-overflow:ellipsis;}
|
|
60
62
|
|
|
61
63
|
.base_ncl068_bf7cuwr__3fc317af{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ncl068_bf7cuwr__3fc317af:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af:hover .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af:active{color:var(--plasma-tab-item-color-active);}.base_ncl068_bf7cuwr__3fc317af:active .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-value-color-active);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_tabItemAnimated__3fc317af{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af .base_ncl068_t1dgsexe__3fc317af:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}.base_ncl068_dividerAlignRight__3fc317af .base_ncl068_bf7cuwr__3fc317af.base_ncl068_selectedTabsItem__3fc317af::after{left:unset;right:0;}
|
|
62
64
|
|
|
63
|
-
.
|
|
65
|
+
.base_173mywh_biwyi61__78812d05{font-family:var(--plasma-tab-item-font-family);font-size:var(--plasma-tab-item-font-size);font-style:var(--plasma-tab-item-font-style);font-weight:var(--plasma-tab-item-font-weight);-webkit-letter-spacing:var(--plasma-tab-item-letter-spacing);-moz-letter-spacing:var(--plasma-tab-item-letter-spacing);-ms-letter-spacing:var(--plasma-tab-item-letter-spacing);letter-spacing:var(--plasma-tab-item-letter-spacing);line-height:var(--plasma-tab-item-lineheight);--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);width:100%;height:var(--plasma-tab-item-height);}.base_173mywh_biwyi61__78812d05.base_173mywh_selectedTabsItem__78812d05{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
|
|
66
|
+
|
|
67
|
+
.base_bdsakt_b1hyv5td__0ad0789e.base_bdsakt_tabsPilled__0ad0789e{--plasma_private-outline-radius:var(--plasma-tab-item-pilled-border-radius);border-radius:var(--plasma-tab-item-pilled-border-radius);padding:var(--plasma-tab-item-padding-pilled,var(--plasma-tab-item-padding-orientation-vertical));}
|
|
64
68
|
|
|
65
69
|
.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]{cursor:not-allowed;opacity:var(--plasma-tabs-disabled-opacity);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled]:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-value-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}.base_1fl8vq0_b8z0kt4__7e1ba92b[disabled].base_1fl8vq0_selectedTabsItem__7e1ba92b:hover .base_1fl8vq0_t1dgsexe__7e1ba92b{color:var(--plasma-tab-item-selected-value-color);}
|
|
66
70
|
|
|
@@ -10,12 +10,13 @@ import { StyledContent, ActionContent, base } from './VerticalIconTabItem.styles
|
|
|
10
10
|
import { useForkRef } from '../../../../../hooks/useForkRef.js';
|
|
11
11
|
import { TabsContext } from '../../../TabsContext.js';
|
|
12
12
|
|
|
13
|
-
var _excluded = ["size", "view", "selected", "disabled", "children", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick"];
|
|
13
|
+
var _excluded = ["size", "view", "selected", "disableScroll", "disabled", "children", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick"];
|
|
14
14
|
var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
|
|
15
15
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
|
16
16
|
var size = props.size,
|
|
17
17
|
view = props.view,
|
|
18
18
|
selected = props.selected,
|
|
19
|
+
disableScroll = props.disableScroll,
|
|
19
20
|
_props$disabled = props.disabled,
|
|
20
21
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
21
22
|
children = props.children,
|
|
@@ -35,6 +36,7 @@ var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
|
|
|
35
36
|
innerRef: innerRef,
|
|
36
37
|
itemIndex: itemIndex,
|
|
37
38
|
selected: selected,
|
|
39
|
+
disableScroll: disableScroll,
|
|
38
40
|
disabled: disabled,
|
|
39
41
|
onIndexChange: onIndexChange,
|
|
40
42
|
onClick: onClick,
|