@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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./HorizontalTabs.
|
|
1
|
+
require('./HorizontalTabs.styles_1u09hh6.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -17,22 +17,22 @@ var StyledContentWrapper = /*#__PURE__*/react.styled('div')({
|
|
|
17
17
|
"class": "s1br3rgv",
|
|
18
18
|
propsAsIs: false
|
|
19
19
|
});
|
|
20
|
-
var
|
|
20
|
+
var _exp5 = function _exp5() {
|
|
21
21
|
return function (_ref) {
|
|
22
|
-
var
|
|
23
|
-
return
|
|
22
|
+
var isLeftArrow = _ref.isLeftArrow;
|
|
23
|
+
return isLeftArrow ? "var(".concat(tokens.tokens.arrowInnerPadding, ")") : "var(".concat(tokens.privateTokens.outerPadding, ")");
|
|
24
24
|
};
|
|
25
25
|
};
|
|
26
|
-
var
|
|
26
|
+
var _exp6 = function _exp6() {
|
|
27
27
|
return function (_ref2) {
|
|
28
28
|
var isLeftArrow = _ref2.isLeftArrow;
|
|
29
|
-
return isLeftArrow ? "var(".concat(tokens.
|
|
29
|
+
return isLeftArrow ? "var(".concat(tokens.privateTokens.outerPadding, ")") : "var(".concat(tokens.tokens.arrowInnerPadding, ")");
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
|
-
var
|
|
32
|
+
var _exp0 = function _exp0() {
|
|
33
33
|
return function (_ref3) {
|
|
34
|
-
var
|
|
35
|
-
return
|
|
34
|
+
var isFilled = _ref3.isFilled;
|
|
35
|
+
return isFilled ? "var(".concat(tokens.tokens.arrowOuterPadding, ")") : '';
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
38
|
var StyledArrow = /*#__PURE__*/react.styled('button')({
|
|
@@ -40,9 +40,9 @@ var StyledArrow = /*#__PURE__*/react.styled('button')({
|
|
|
40
40
|
"class": "s1ye0qv7",
|
|
41
41
|
propsAsIs: false,
|
|
42
42
|
vars: {
|
|
43
|
-
"s1ye0qv7-0": [/*#__PURE__*/
|
|
44
|
-
"s1ye0qv7-1": [/*#__PURE__*/
|
|
45
|
-
"s1ye0qv7-2": [/*#__PURE__*/
|
|
43
|
+
"s1ye0qv7-0": [/*#__PURE__*/_exp5()],
|
|
44
|
+
"s1ye0qv7-1": [/*#__PURE__*/_exp6()],
|
|
45
|
+
"s1ye0qv7-2": [/*#__PURE__*/_exp0()]
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
|
|
@@ -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);}
|
package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css
CHANGED
|
@@ -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
|
|
|
@@ -19,12 +19,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
19
19
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
20
20
|
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
21
21
|
|
|
22
|
-
var _excluded = ["size", "view", "selected", "disabled", "children", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick"];
|
|
22
|
+
var _excluded = ["size", "view", "selected", "disableScroll", "disabled", "children", "actionContent", "itemIndex", "tabIndex", "className", "onIndexChange", "onClick"];
|
|
23
23
|
var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
|
|
24
24
|
return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
|
|
25
25
|
var size = props.size,
|
|
26
26
|
view = props.view,
|
|
27
27
|
selected = props.selected,
|
|
28
|
+
disableScroll = props.disableScroll,
|
|
28
29
|
_props$disabled = props.disabled,
|
|
29
30
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
30
31
|
children = props.children,
|
|
@@ -44,6 +45,7 @@ var verticalIconTabItemRoot = function verticalIconTabItemRoot(Root) {
|
|
|
44
45
|
innerRef: innerRef,
|
|
45
46
|
itemIndex: itemIndex,
|
|
46
47
|
selected: selected,
|
|
48
|
+
disableScroll: disableScroll,
|
|
47
49
|
disabled: disabled,
|
|
48
50
|
onIndexChange: onIndexChange,
|
|
49
51
|
onClick: onClick,
|
|
@@ -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,6 +51,8 @@
|
|
|
51
51
|
|
|
52
52
|
.base_1t652tn_bxymuzj__fad95c30{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
53
53
|
|
|
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
|
+
|
|
54
56
|
.base_7a7qyl_b12m6hw1__2e2d3e3f{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7a7qyl_b12m6hw1__2e2d3e3f:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7a7qyl_b12m6hw1__2e2d3e3f:active{color:var(--plasma-tab-item-color-active);}.base_7a7qyl_b12m6hw1__2e2d3e3f.base_7a7qyl_selectedTabsItem__2e2d3e3f{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7a7qyl_b12m6hw1__2e2d3e3f.base_7a7qyl_selectedTabsItem__2e2d3e3f:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7a7qyl_b12m6hw1__2e2d3e3f.base_7a7qyl_selectedTabsItem__2e2d3e3f:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7a7qyl_b12m6hw1__2e2d3e3f.base_7a7qyl_selectedTabsItem__2e2d3e3f::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_7a7qyl_dividerAlignRight__2e2d3e3f .base_7a7qyl_b12m6hw1__2e2d3e3f.base_7a7qyl_selectedTabsItem__2e2d3e3f{width:100%;}.base_7a7qyl_dividerAlignRight__2e2d3e3f .base_7a7qyl_b12m6hw1__2e2d3e3f.base_7a7qyl_selectedTabsItem__2e2d3e3f::after{left:unset;right:0;}
|
|
55
57
|
|
|
56
58
|
.base_pyu2m5_bblk5rx__470c13d6{--plasma_private-outline-radius:var(--plasma-tab-item-border-radius);border-radius:var(--plasma-tab-item-border-radius);padding:var(--plasma-tab-item-padding-orientation-vertical);}
|
|
@@ -61,15 +63,17 @@
|
|
|
61
63
|
.VerticalIconTabItem_styles_1rxzy33_avruf7t__6f58593c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
62
64
|
.VerticalIconTabItem_styles_1rxzy33_b1gg72o4__6f58593c{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);-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;}.VerticalIconTabItem_styles_1rxzy33_b1gg72o4__6f58593c::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;}.VerticalIconTabItem_styles_1rxzy33_b1gg72o4__6f58593c.VerticalIconTabItem_styles_1rxzy33_focusVisible__6f58593c:focus::before,.VerticalIconTabItem_styles_1rxzy33_b1gg72o4__6f58593c[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}
|
|
63
65
|
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
66
|
+
.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));}
|
|
67
|
+
.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));}
|
|
68
|
+
.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;}
|
|
69
|
+
.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;}
|
|
70
|
+
.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);}
|
|
71
|
+
.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;}
|
|
70
72
|
|
|
71
73
|
.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;}
|
|
72
74
|
|
|
73
|
-
.
|
|
75
|
+
.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));}
|
|
76
|
+
|
|
77
|
+
.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));}
|
|
74
78
|
|
|
75
79
|
.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);}
|
|
@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
6
|
var React = require('react');
|
|
7
|
-
var
|
|
7
|
+
var cls = require('classnames');
|
|
8
8
|
var useTabItem = require('../../../hooks/useTabItem.js');
|
|
9
9
|
var tokens = require('../../../tokens.js');
|
|
10
10
|
var VerticalTabItem_styles = require('./VerticalTabItem.styles.js');
|
|
11
11
|
var base$1 = require('./variations/_view/base.js');
|
|
12
12
|
var base = require('./variations/_size/base.js');
|
|
13
|
+
var base$3 = require('./variations/_pilled/base.js');
|
|
13
14
|
var base$2 = require('./variations/_disabled/base.js');
|
|
14
15
|
var useForkRef = require('../../../../../hooks/useForkRef.js');
|
|
15
16
|
var TabsContext = require('../../../TabsContext.js');
|
|
@@ -17,15 +18,19 @@ var TabsContext = require('../../../TabsContext.js');
|
|
|
17
18
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
19
|
|
|
19
20
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
21
|
+
var cls__default = /*#__PURE__*/_interopDefault(cls);
|
|
20
22
|
|
|
21
|
-
var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "actionContent", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
|
|
23
|
+
var _excluded = ["size", "view", "selected", "disableScroll", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
|
|
22
24
|
var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
23
25
|
return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
|
|
24
26
|
var size = props.size,
|
|
25
27
|
view = props.view,
|
|
26
28
|
selected = props.selected,
|
|
29
|
+
disableScroll = props.disableScroll,
|
|
27
30
|
_props$disabled = props.disabled,
|
|
28
31
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
32
|
+
_props$pilled = props.pilled,
|
|
33
|
+
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
|
29
34
|
children = props.children,
|
|
30
35
|
value = props.value,
|
|
31
36
|
contentLeft = props.contentLeft,
|
|
@@ -43,6 +48,8 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
|
43
48
|
var ref = useForkRef.useForkRef(outerRef, innerRef);
|
|
44
49
|
var refs = React.useContext(TabsContext.TabsContext);
|
|
45
50
|
var role = 'tab';
|
|
51
|
+
var pilledAttr = view !== 'clear' && pilled;
|
|
52
|
+
var pilledClass = pilledAttr ? tokens.classes.tabsPilled : undefined;
|
|
46
53
|
var selectedClass = selected ? tokens.classes.selectedTabsItem : undefined;
|
|
47
54
|
var truncateClass = maxWidth !== 'auto' ? tokens.classes.tabsTruncate : undefined;
|
|
48
55
|
var _useTabItem = useTabItem.useTabItem({
|
|
@@ -50,6 +57,7 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
|
50
57
|
innerRef: innerRef,
|
|
51
58
|
itemIndex: itemIndex,
|
|
52
59
|
selected: selected,
|
|
60
|
+
disableScroll: disableScroll,
|
|
53
61
|
disabled: disabled,
|
|
54
62
|
onIndexChange: onIndexChange,
|
|
55
63
|
onClick: onClick,
|
|
@@ -62,12 +70,13 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
|
62
70
|
return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
|
63
71
|
ref: ref,
|
|
64
72
|
disabled: disabled,
|
|
73
|
+
pilled: pilled,
|
|
65
74
|
role: role,
|
|
66
75
|
view: view,
|
|
67
76
|
size: size,
|
|
68
77
|
onFocus: onItemFocus,
|
|
69
78
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
|
70
|
-
className:
|
|
79
|
+
className: cls__default.default(pilledClass, selectedClass, truncateClass, className),
|
|
71
80
|
onClick: handleClick
|
|
72
81
|
}, rest, {
|
|
73
82
|
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest.style), {}, {
|
|
@@ -97,6 +106,9 @@ var verticalTabItemConfig = {
|
|
|
97
106
|
disabled: {
|
|
98
107
|
css: base$2.base,
|
|
99
108
|
attrs: true
|
|
109
|
+
},
|
|
110
|
+
pilled: {
|
|
111
|
+
css: base$3.base
|
|
100
112
|
}
|
|
101
113
|
},
|
|
102
114
|
defaults: {
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
.r6on9ix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.r6on9ix:hover{color:inherit;}
|
|
4
4
|
.l10qof4o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.l10qof4o:hover{color:inherit;}
|
|
5
5
|
.a1ehxi62{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
|
|
6
|
-
.bzsjrr1{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;}.bzsjrr1::before{content:'';position:absolute;inset:0;z-index:1;border-radius:var(--border-radius-m
|
|
6
|
+
.bzsjrr1{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;}.bzsjrr1::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;}.bzsjrr1.focus-visible:focus::before,.bzsjrr1[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.bzsjrr1.tabs-truncate .sqdp20x{overflow:hidden;text-overflow:ellipsis;}.bzsjrr1.tabs-truncate .t1dgsexe{overflow:hidden;text-overflow:ellipsis;}
|
package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base_bdsakt.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.b1hyv5td.tabs-pilled{--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));}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.biwyi61{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);}
|
|
1
|
+
.biwyi61{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);}.biwyi61.selected-tabs-item{font-weight:var(--plasma-tab-item-font-weight-selected,var(--plasma-tab-item-font-weight));}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
.IconRoot_1oipl65_saiei96__3591cf96{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--saiei96-0);height:var(--saiei96-0);-webkit-flex:0 0 var(--saiei96-0);-ms-flex:0 0 var(--saiei96-0);flex:0 0 var(--saiei96-0);}
|
|
2
2
|
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
3
|
+
.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);}
|
|
4
|
+
.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;}
|
|
5
|
+
.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;}
|
|
6
|
+
.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);}
|
|
7
7
|
|
|
8
8
|
.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);}
|
|
9
9
|
|
|
10
10
|
.base_opo0sz_bg5jtez__b8799e64{background-color:var(--plasma-tabs-background-color);}.base_opo0sz_bg5jtez__b8799e64::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_opo0sz_bg5jtez__b8799e64.base_opo0sz_dividerAlignRight__b8799e64::after{left:unset;right:0;}.base_opo0sz_bg5jtez__b8799e64.base_opo0sz_tabsHasTopArrow__b8799e64::after{top:1.5rem;}.base_opo0sz_bg5jtez__b8799e64.base_opo0sz_tabsHasBottomArrow__b8799e64::after{bottom:1.5rem;}.base_opo0sz_bg5jtez__b8799e64.base_opo0sz_tabsNoDivider__b8799e64::after{width:0;}
|
|
11
11
|
|
|
12
12
|
.base_1t652tn_bxymuzj__fad95c30{opacity:var(--plasma-tabs-disabled-opacity);}
|
|
13
|
+
|
|
14
|
+
.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);}
|