@salutejs/plasma-new-hope 0.377.0 → 0.377.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.css +13 -11
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +53 -21
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +38 -17
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_2z3bya.css +13 -0
- package/dist/css/cjs/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/dist/css/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/css/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/dist/css/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/css/cjs/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/dist/css/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/css/{es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_xtwy39.css → cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_89vxxx.css} +1 -1
- package/dist/css/cjs/components/Combobox/Combobox.js +4 -2
- package/dist/css/cjs/components/Combobox/hooks/useValue.js +1 -3
- package/dist/css/cjs/components/DatePicker/FloatingPopover.css +4 -4
- package/dist/css/cjs/components/DatePicker/FloatingPopover.js +9 -0
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/dist/css/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/dist/css/cjs/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +4 -4
- package/dist/css/cjs/components/DateTimePicker/DateTimePicker.js +8 -2
- package/dist/css/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +4 -4
- package/dist/css/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js +38 -0
- package/dist/css/cjs/components/Drawer/Drawer.js +8 -2
- package/dist/css/cjs/components/LinkButton/LinkButton.js +6 -1
- package/dist/css/cjs/components/Modal/Modal.js +3 -2
- package/dist/css/cjs/components/Notification/NotificationsContext.js +17 -0
- package/dist/css/cjs/components/Notification/NotificationsPortal.js +4 -2
- package/dist/css/cjs/components/Notification/NotificationsProvider.js +48 -3
- package/dist/css/cjs/components/Notification/NotificationsStore.js +79 -47
- package/dist/css/cjs/components/Range/Range.js +5 -1
- package/dist/css/cjs/components/Slider/Slider.css +22 -22
- package/dist/css/cjs/components/Slider/Slider.tokens.js +1 -2
- package/dist/css/cjs/components/Slider/components/Double/Double.css +5 -5
- package/dist/css/cjs/components/Slider/components/Single/Single.css +21 -21
- package/dist/css/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/dist/css/{es/components/Slider/components/Single/Single.styles_lq73e.css → cjs/components/Slider/components/Single/Single.styles_zvnci5.css} +1 -1
- package/dist/css/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +3 -3
- package/dist/css/cjs/components/Slider/components/SliderBase/SliderBase.styles_1tgiro8.css +5 -0
- package/dist/css/cjs/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/css/cjs/components/Tabs/tokens.js +8 -0
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +6 -3
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +6 -3
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_ky24mi.css → HorizontalTabItem.styles_1roz7kf.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_1fid86o.css → base_gmecta.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +4 -4
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +19 -12
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +12 -12
- package/dist/css/cjs/components/Tabs/ui/horizontal/HorizontalTabs/{HorizontalTabs.styles_8pald2.css → HorizontalTabs.styles_1u09hh6.css} +2 -2
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +3 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +26 -22
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -3
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oriwr4.css → VerticalTabItem.styles_1e5t4lm.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +8 -0
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base_bdsakt.css +1 -0
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/{base_1vc3wr5.css → base_173mywh.css} +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +6 -4
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +16 -7
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_srb8tu.css → VerticalTabs.styles_w9m78u.css} +2 -2
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +8 -0
- package/dist/css/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base_1xgdjua.css +1 -0
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +14 -14
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.styles.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/{TextFieldSlider.styles_k8bwkh.css → TextFieldSlider.styles_ysvz3a.css} +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.css +1 -1
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.styles.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.styles_q0385f.css +1 -0
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.css +4 -4
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js +9 -4
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.styles_zekbly.css +4 -0
- package/dist/css/cjs/components/TimePicker/FloatingPopover.css +5 -5
- package/dist/css/cjs/components/TimePicker/TimePicker.css +5 -5
- package/dist/css/cjs/components/TimePicker/TimePicker.styles.js +1 -1
- package/dist/css/cjs/components/TimePicker/TimePicker.styles_6yblkc.css +7 -0
- package/dist/css/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/cjs/components/Tooltip/Tooltip.js +37 -1
- package/dist/css/cjs/components/Tooltip/hooks/useDelayedTooltip.js +13 -8
- package/dist/css/cjs/components/Tour/Tour.css +4 -4
- package/dist/css/cjs/components/Tour/components/Card/Card.css +13 -12
- package/dist/css/cjs/components/Tour/components/Card/Card.js +51 -19
- package/dist/css/cjs/components/Tour/components/Card/Card.styles.js +49 -35
- package/dist/css/cjs/components/Tour/components/Card/{Card.styles_m0p57t.css → Card.styles_1iom4f3.css} +8 -7
- package/dist/css/cjs/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/css/cjs/components/_Icon/Icon.assets/ChevronDown.js +26 -0
- package/dist/css/cjs/components/_Icon/Icons/IconChevronDown.js +29 -0
- package/dist/css/cjs/components/_Icon/Icons/IconClose.js +6 -3
- package/dist/css/cjs/components/_beta/Popover/Popover.styles.js +1 -1
- package/dist/css/cjs/components/_beta/Popover/{Popover.styles_wo1y9u.css → Popover.styles_1go1jhe.css} +1 -1
- package/dist/css/cjs/hooks/useFocusTrap.js +12 -5
- package/dist/css/cjs/index.css +101 -94
- package/dist/css/cjs/index.js +5 -0
- package/dist/css/cjs/mixins/applySliderThumb.js +33 -0
- package/dist/css/cjs/utils/focusManager.js +26 -9
- package/dist/css/cjs/utils/focusScope.js +36 -0
- package/dist/css/cjs/utils/scopeTab.js +6 -6
- package/dist/css/es/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.css +13 -11
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.js +54 -22
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +38 -18
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_2z3bya.css +13 -0
- package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.css +4 -4
- package/dist/css/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/css/es/components/Calendar/CalendarDouble/CalendarDouble.css +4 -4
- package/dist/css/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/css/es/components/Calendar/ui/CalendarDays/CalendarDays.css +4 -4
- package/dist/css/es/components/Calendar/ui/CalendarMonths/CalendarMonths.css +4 -4
- package/dist/css/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.css +4 -4
- package/dist/css/es/components/Calendar/ui/CalendarYears/CalendarYears.css +4 -4
- package/dist/css/es/components/Calendar/ui/DateStructureItem/DateStructureItem.css +4 -4
- package/dist/css/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/css/{cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_xtwy39.css → es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles_89vxxx.css} +1 -1
- package/dist/css/es/components/Combobox/Combobox.js +4 -2
- package/dist/css/es/components/Combobox/hooks/useValue.js +1 -3
- package/dist/css/es/components/DatePicker/FloatingPopover.css +4 -4
- package/dist/css/es/components/DatePicker/FloatingPopover.js +10 -1
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/dist/css/es/components/DatePicker/RangeDate/RangeDate.js +11 -2
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +4 -4
- package/dist/css/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -0
- package/dist/css/es/components/DatePicker/SingleDate/SingleDate.css +4 -4
- package/dist/css/es/components/DateTimePicker/DateTimePicker.css +4 -4
- package/dist/css/es/components/DateTimePicker/DateTimePicker.js +9 -3
- package/dist/css/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.css +4 -4
- package/dist/css/es/components/DateTimePicker/utils/getCalendarEdgeDates.js +34 -0
- package/dist/css/es/components/Drawer/Drawer.js +9 -3
- package/dist/css/es/components/LinkButton/LinkButton.js +5 -1
- package/dist/css/es/components/Modal/Modal.js +3 -2
- package/dist/css/es/components/Notification/NotificationsContext.js +12 -0
- package/dist/css/es/components/Notification/NotificationsPortal.js +3 -1
- package/dist/css/es/components/Notification/NotificationsProvider.js +50 -5
- package/dist/css/es/components/Notification/NotificationsStore.js +78 -49
- package/dist/css/es/components/Range/Range.js +5 -1
- package/dist/css/es/components/Slider/Slider.css +22 -22
- package/dist/css/es/components/Slider/Slider.tokens.js +1 -2
- package/dist/css/es/components/Slider/components/Double/Double.css +5 -5
- package/dist/css/es/components/Slider/components/Single/Single.css +21 -21
- package/dist/css/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/dist/css/{cjs/components/Slider/components/Single/Single.styles_lq73e.css → es/components/Slider/components/Single/Single.styles_zvnci5.css} +1 -1
- package/dist/css/es/components/Slider/components/SliderBase/SliderBase.styles.js +3 -3
- package/dist/css/es/components/Slider/components/SliderBase/SliderBase.styles_1tgiro8.css +5 -0
- package/dist/css/es/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/css/es/components/Tabs/tokens.js +8 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +5 -3
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +5 -3
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/{HorizontalTabItem.styles_ky24mi.css → HorizontalTabItem.styles_1roz7kf.css} +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/{base_1fid86o.css → base_gmecta.css} +1 -1
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.css +4 -4
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +12 -6
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +13 -13
- package/dist/css/es/components/Tabs/ui/horizontal/HorizontalTabs/{HorizontalTabs.styles_8pald2.css → HorizontalTabs.styles_1u09hh6.css} +2 -2
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +3 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +26 -22
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +14 -3
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/{VerticalTabItem.styles_oriwr4.css → VerticalTabItem.styles_1e5t4lm.css} +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +4 -0
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base_bdsakt.css +1 -0
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/{base_1vc3wr5.css → base_173mywh.css} +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +6 -4
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +17 -8
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_srb8tu.css → VerticalTabs.styles_w9m78u.css} +2 -2
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +4 -0
- package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base_1xgdjua.css +1 -0
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +14 -14
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.styles.js +1 -1
- package/dist/css/es/components/TextFieldSlider/{TextFieldSlider.styles_k8bwkh.css → TextFieldSlider.styles_ysvz3a.css} +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.css +1 -1
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.styles.js +1 -1
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.styles_q0385f.css +1 -0
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.css +4 -4
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.styles.js +9 -4
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.styles_zekbly.css +4 -0
- package/dist/css/es/components/TimePicker/FloatingPopover.css +5 -5
- package/dist/css/es/components/TimePicker/TimePicker.css +5 -5
- package/dist/css/es/components/TimePicker/TimePicker.styles.js +1 -1
- package/dist/css/es/components/TimePicker/TimePicker.styles_6yblkc.css +7 -0
- package/dist/css/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/css/es/components/Tooltip/Tooltip.js +38 -2
- package/dist/css/es/components/Tooltip/hooks/useDelayedTooltip.js +14 -9
- package/dist/css/es/components/Tour/Tour.css +4 -4
- package/dist/css/es/components/Tour/components/Card/Card.css +13 -12
- package/dist/css/es/components/Tour/components/Card/Card.js +54 -22
- package/dist/css/es/components/Tour/components/Card/Card.styles.js +49 -36
- package/dist/css/es/components/Tour/components/Card/{Card.styles_m0p57t.css → Card.styles_1iom4f3.css} +8 -7
- package/dist/css/es/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/css/es/components/_Icon/Icon.assets/ChevronDown.js +18 -0
- package/dist/css/es/components/_Icon/Icons/IconChevronDown.js +21 -0
- package/dist/css/es/components/_Icon/Icons/IconClose.js +6 -3
- package/dist/css/es/components/_beta/Popover/Popover.styles.js +1 -1
- package/dist/css/es/components/_beta/Popover/{Popover.styles_wo1y9u.css → Popover.styles_1go1jhe.css} +1 -1
- package/dist/css/es/hooks/useFocusTrap.js +12 -5
- package/dist/css/es/index.css +101 -94
- package/dist/css/es/index.js +2 -0
- package/dist/css/es/mixins/applySliderThumb.js +28 -0
- package/dist/css/es/utils/focusManager.js +26 -9
- package/dist/css/es/utils/focusScope.js +31 -0
- package/dist/css/es/utils/scopeTab.js +3 -3
- package/dist/emotion/cjs/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +54 -20
- package/dist/emotion/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +27 -16
- package/dist/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/emotion/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/emotion/cjs/components/Combobox/Combobox.js +4 -2
- package/dist/emotion/cjs/components/Combobox/hooks/useValue.js +1 -2
- package/dist/emotion/cjs/components/DatePicker/FloatingPopover.js +12 -1
- package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.js +9 -2
- package/dist/emotion/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js +33 -0
- package/dist/emotion/cjs/components/DateTimePicker/utils/index.js +1 -0
- package/dist/emotion/cjs/components/Drawer/Drawer.js +7 -2
- package/dist/emotion/cjs/components/LinkButton/LinkButton.js +10 -1
- package/dist/emotion/cjs/components/Modal/Modal.js +2 -2
- package/dist/emotion/cjs/components/Notification/NotificationsContext.js +27 -0
- package/dist/emotion/cjs/components/Notification/NotificationsPortal.js +4 -3
- package/dist/emotion/cjs/components/Notification/NotificationsProvider.js +80 -7
- package/dist/emotion/cjs/components/Notification/NotificationsStore.js +56 -34
- package/dist/emotion/cjs/components/Notification/index.js +4 -0
- package/dist/emotion/cjs/components/Range/Range.js +3 -1
- package/dist/emotion/cjs/components/Slider/Slider.tokens.js +1 -2
- package/dist/emotion/cjs/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +19 -6
- package/dist/emotion/cjs/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/emotion/cjs/components/Tabs/tokens.js +10 -0
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +9 -3
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +9 -3
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +16 -4
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +7 -7
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +18 -5
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +13 -0
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -1
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +7 -7
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +13 -0
- package/dist/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +1 -1
- package/dist/emotion/cjs/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/emotion/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/emotion/cjs/components/TextFieldSlider/ui/Input/Input.styles.js +2 -2
- package/dist/emotion/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js +23 -7
- package/dist/emotion/cjs/components/TimePicker/TimePicker.styles.js +7 -7
- package/dist/emotion/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/cjs/components/Tooltip/Tooltip.js +40 -3
- package/dist/emotion/cjs/components/Tooltip/hooks/useDelayedTooltip.js +23 -8
- package/dist/emotion/cjs/components/Tour/components/Card/Card.js +39 -12
- package/dist/emotion/cjs/components/Tour/components/Card/Card.styles.js +34 -17
- package/dist/emotion/cjs/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/emotion/cjs/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/emotion/cjs/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/emotion/cjs/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/emotion/cjs/hooks/useFocusTrap.js +10 -6
- package/dist/emotion/cjs/mixins/applySliderThumb.js +41 -0
- package/dist/emotion/cjs/mixins/index.js +1 -0
- package/dist/emotion/cjs/utils/focusManager.js +20 -9
- package/dist/emotion/cjs/utils/focusScope.js +48 -0
- package/dist/emotion/cjs/utils/scopeTab.js +3 -3
- package/dist/emotion/es/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js +55 -21
- package/dist/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +25 -17
- package/dist/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/emotion/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +5 -5
- package/dist/emotion/es/components/Combobox/Combobox.js +4 -2
- package/dist/emotion/es/components/Combobox/hooks/useValue.js +1 -2
- package/dist/emotion/es/components/DatePicker/FloatingPopover.js +13 -2
- package/dist/emotion/es/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/emotion/es/components/DateTimePicker/DateTimePicker.js +10 -3
- package/dist/emotion/es/components/DateTimePicker/utils/getCalendarEdgeDates.js +28 -0
- package/dist/emotion/es/components/DateTimePicker/utils/index.js +1 -0
- package/dist/emotion/es/components/Drawer/Drawer.js +7 -2
- package/dist/emotion/es/components/LinkButton/LinkButton.js +5 -1
- package/dist/emotion/es/components/Modal/Modal.js +2 -2
- package/dist/emotion/es/components/Notification/NotificationsContext.js +9 -0
- package/dist/emotion/es/components/Notification/NotificationsPortal.js +3 -2
- package/dist/emotion/es/components/Notification/NotificationsProvider.js +42 -5
- package/dist/emotion/es/components/Notification/NotificationsStore.js +51 -38
- package/dist/emotion/es/components/Notification/index.js +1 -0
- package/dist/emotion/es/components/Range/Range.js +3 -1
- package/dist/emotion/es/components/Slider/Slider.tokens.js +1 -2
- package/dist/emotion/es/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +19 -6
- package/dist/emotion/es/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/emotion/es/components/Tabs/tokens.js +7 -0
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +4 -3
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -3
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +13 -6
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +8 -8
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +11 -3
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +3 -0
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +11 -2
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +8 -8
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +3 -0
- package/dist/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +2 -2
- package/dist/emotion/es/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/emotion/es/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/emotion/es/components/TextFieldSlider/ui/Input/Input.styles.js +2 -2
- package/dist/emotion/es/components/TextFieldSlider/ui/Slider/Slider.styles.js +23 -7
- package/dist/emotion/es/components/TimePicker/TimePicker.styles.js +7 -7
- package/dist/emotion/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/emotion/es/components/Tooltip/Tooltip.js +42 -5
- package/dist/emotion/es/components/Tooltip/hooks/useDelayedTooltip.js +24 -9
- package/dist/emotion/es/components/Tour/components/Card/Card.js +42 -15
- package/dist/emotion/es/components/Tour/components/Card/Card.styles.js +31 -17
- package/dist/emotion/es/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/emotion/es/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/emotion/es/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/emotion/es/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/emotion/es/hooks/useFocusTrap.js +10 -6
- package/dist/emotion/es/mixins/applySliderThumb.js +33 -0
- package/dist/emotion/es/mixins/index.js +1 -0
- package/dist/emotion/es/utils/focusManager.js +20 -9
- package/dist/emotion/es/utils/focusScope.js +30 -0
- package/dist/emotion/es/utils/scopeTab.js +3 -3
- package/dist/styled-components/cjs/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +54 -20
- package/dist/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +41 -20
- package/dist/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +6 -5
- package/dist/styled-components/cjs/components/Combobox/Combobox.js +4 -2
- package/dist/styled-components/cjs/components/Combobox/hooks/useValue.js +1 -2
- package/dist/styled-components/cjs/components/DatePicker/FloatingPopover.js +12 -1
- package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.js +9 -2
- package/dist/styled-components/cjs/components/DateTimePicker/utils/getCalendarEdgeDates.js +33 -0
- package/dist/styled-components/cjs/components/DateTimePicker/utils/index.js +1 -0
- package/dist/styled-components/cjs/components/Drawer/Drawer.js +7 -2
- package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +10 -1
- package/dist/styled-components/cjs/components/Modal/Modal.js +2 -2
- package/dist/styled-components/cjs/components/Notification/NotificationsContext.js +27 -0
- package/dist/styled-components/cjs/components/Notification/NotificationsPortal.js +4 -3
- package/dist/styled-components/cjs/components/Notification/NotificationsProvider.js +80 -7
- package/dist/styled-components/cjs/components/Notification/NotificationsStore.js +56 -34
- package/dist/styled-components/cjs/components/Notification/index.js +4 -0
- package/dist/styled-components/cjs/components/Range/Range.js +3 -1
- package/dist/styled-components/cjs/components/Slider/Slider.tokens.js +1 -2
- package/dist/styled-components/cjs/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +27 -36
- package/dist/styled-components/cjs/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/tokens.js +10 -0
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +9 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +3 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +9 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +6 -6
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +7 -3
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +16 -4
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +18 -14
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +3 -3
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +18 -5
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +6 -6
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +21 -0
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +7 -3
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +10 -1
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +14 -11
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +19 -0
- package/dist/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +3 -2
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/styled-components/cjs/components/TextFieldSlider/ui/Input/Input.styles.js +26 -24
- package/dist/styled-components/cjs/components/TextFieldSlider/ui/Slider/Slider.styles.js +34 -23
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.styles.js +9 -7
- package/dist/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/cjs/components/Tooltip/Tooltip.js +40 -3
- package/dist/styled-components/cjs/components/Tooltip/hooks/useDelayedTooltip.js +23 -8
- package/dist/styled-components/cjs/components/Tour/components/Card/Card.js +39 -12
- package/dist/styled-components/cjs/components/Tour/components/Card/Card.styles.js +47 -21
- package/dist/styled-components/cjs/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/styled-components/cjs/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/styled-components/cjs/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/styled-components/cjs/hooks/useFocusTrap.js +10 -6
- package/dist/styled-components/cjs/mixins/applySliderThumb.js +41 -0
- package/dist/styled-components/cjs/mixins/index.js +1 -0
- package/dist/styled-components/cjs/utils/focusManager.js +20 -9
- package/dist/styled-components/cjs/utils/focusScope.js +48 -0
- package/dist/styled-components/cjs/utils/scopeTab.js +3 -3
- package/dist/styled-components/es/components/Accordion/Accordion.tokens.js +2 -0
- package/dist/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +55 -21
- package/dist/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +39 -21
- package/dist/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +1 -1
- package/dist/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +1 -1
- package/dist/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js +6 -5
- package/dist/styled-components/es/components/Combobox/Combobox.js +4 -2
- package/dist/styled-components/es/components/Combobox/hooks/useValue.js +1 -2
- package/dist/styled-components/es/components/DatePicker/FloatingPopover.js +13 -2
- package/dist/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +9 -2
- package/dist/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -1
- package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.js +10 -3
- package/dist/styled-components/es/components/DateTimePicker/utils/getCalendarEdgeDates.js +28 -0
- package/dist/styled-components/es/components/DateTimePicker/utils/index.js +1 -0
- package/dist/styled-components/es/components/Drawer/Drawer.js +7 -2
- package/dist/styled-components/es/components/LinkButton/LinkButton.js +5 -1
- package/dist/styled-components/es/components/Modal/Modal.js +2 -2
- package/dist/styled-components/es/components/Notification/NotificationsContext.js +9 -0
- package/dist/styled-components/es/components/Notification/NotificationsPortal.js +3 -2
- package/dist/styled-components/es/components/Notification/NotificationsProvider.js +42 -5
- package/dist/styled-components/es/components/Notification/NotificationsStore.js +51 -38
- package/dist/styled-components/es/components/Notification/index.js +1 -0
- package/dist/styled-components/es/components/Range/Range.js +3 -1
- package/dist/styled-components/es/components/Slider/Slider.tokens.js +1 -2
- package/dist/styled-components/es/components/Slider/components/Single/Single.styles.js +17 -17
- package/dist/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +27 -36
- package/dist/styled-components/es/components/Tabs/hooks/useTabItem.js +3 -2
- package/dist/styled-components/es/components/Tabs/tokens.js +7 -0
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +4 -4
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +7 -7
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_pilled/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.js +8 -4
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +13 -6
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js +19 -15
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +2 -1
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +4 -4
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +11 -3
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +7 -7
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.js +11 -0
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.js +8 -4
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +11 -2
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +15 -12
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.js +9 -0
- package/dist/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_size/base.js +4 -3
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.styles.js +9 -9
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.tokens.js +7 -3
- package/dist/styled-components/es/components/TextFieldSlider/ui/Input/Input.styles.js +26 -24
- package/dist/styled-components/es/components/TextFieldSlider/ui/Slider/Slider.styles.js +34 -23
- package/dist/styled-components/es/components/TimePicker/TimePicker.styles.js +9 -7
- package/dist/styled-components/es/components/TimePicker/TimePicker.tokens.js +1 -0
- package/dist/styled-components/es/components/Tooltip/Tooltip.js +42 -5
- package/dist/styled-components/es/components/Tooltip/hooks/useDelayedTooltip.js +24 -9
- package/dist/styled-components/es/components/Tour/components/Card/Card.js +42 -15
- package/dist/styled-components/es/components/Tour/components/Card/Card.styles.js +44 -21
- package/dist/styled-components/es/components/Tour/components/Card/Card.tokens.js +9 -0
- package/dist/styled-components/es/components/_Icon/Icons/IconChevronDown.js +3 -2
- package/dist/styled-components/es/components/_Icon/Icons/IconClose.js +3 -2
- package/dist/styled-components/es/components/_beta/Popover/Popover.styles.js +4 -4
- package/dist/styled-components/es/hooks/useFocusTrap.js +10 -6
- package/dist/styled-components/es/mixins/applySliderThumb.js +33 -0
- package/dist/styled-components/es/mixins/index.js +1 -0
- package/dist/styled-components/es/utils/focusManager.js +20 -9
- package/dist/styled-components/es/utils/focusScope.js +30 -0
- package/dist/styled-components/es/utils/scopeTab.js +3 -3
- package/package.json +5 -5
- package/types/components/Accordion/Accordion.tokens.d.ts +2 -0
- package/types/components/Accordion/Accordion.tokens.d.ts.map +1 -1
- package/types/components/Accordion/index.d.ts +1 -0
- package/types/components/Accordion/index.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +2 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +1 -0
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +16 -3
- package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +1 -1
- package/types/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/hooks/useValue.d.ts +1 -2
- package/types/components/Combobox/hooks/useValue.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.types.d.ts +1 -0
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/FloatingPopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +2 -0
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +36 -0
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +6 -1
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts +2 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.types.d.ts.map +1 -1
- package/types/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
- package/types/components/DateTimePicker/utils/getCalendarEdgeDates.d.ts +12 -0
- package/types/components/DateTimePicker/utils/getCalendarEdgeDates.d.ts.map +1 -0
- package/types/components/DateTimePicker/utils/index.d.ts +1 -0
- package/types/components/DateTimePicker/utils/index.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.d.ts +2 -0
- package/types/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.types.d.ts +7 -0
- package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
- package/types/components/Drawer/index.d.ts +1 -1
- package/types/components/Drawer/index.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Modal/Modal.types.d.ts +6 -1
- package/types/components/Modal/Modal.types.d.ts.map +1 -1
- package/types/components/Notification/NotificationsContext.d.ts +8 -0
- package/types/components/Notification/NotificationsContext.d.ts.map +1 -0
- package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
- package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
- package/types/components/Notification/NotificationsStore.d.ts +14 -2
- package/types/components/Notification/NotificationsStore.d.ts.map +1 -1
- package/types/components/Notification/index.d.ts +1 -0
- package/types/components/Notification/index.d.ts.map +1 -1
- package/types/components/Range/Range.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +10 -0
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +0 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +1 -2
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
- package/types/components/Tabs/TabItem.types.d.ts +12 -2
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/Tabs.types.d.ts +6 -1
- package/types/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/types/components/Tabs/hooks/useTabItem.d.ts +2 -1
- package/types/components/Tabs/hooks/useTabItem.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +7 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/variations/_size/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/variations/_size/base.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +3 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base.d.ts.map +1 -0
- package/types/components/TextFieldSlider/TextFieldSlider.tokens.d.ts +7 -3
- package/types/components/TextFieldSlider/TextFieldSlider.tokens.d.ts.map +1 -1
- package/types/components/TextFieldSlider/ui/Input/Input.styles.d.ts.map +1 -1
- package/types/components/TextFieldSlider/ui/Slider/Slider.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts +1 -0
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.d.ts +9 -3
- package/types/components/Tour/components/Card/Card.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.styles.d.ts +3 -0
- package/types/components/Tour/components/Card/Card.styles.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.tokens.d.ts +9 -0
- package/types/components/Tour/components/Card/Card.tokens.d.ts.map +1 -1
- package/types/components/Tour/components/Card/Card.types.d.ts +21 -0
- package/types/components/Tour/components/Card/Card.types.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconClose.d.ts.map +1 -1
- package/types/components/_beta/Popover/Popover.styles.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.d.ts +4 -0
- package/types/examples/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/components/Drawer/Drawer.d.ts +1 -0
- package/types/examples/components/Drawer/Drawer.d.ts.map +1 -1
- package/types/examples/components/Range/Range.d.ts +144 -0
- package/types/examples/components/Range/Range.d.ts.map +1 -1
- package/types/examples/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/TabItem.d.ts +4 -2
- package/types/examples/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/components/TextFieldSlider/TextFieldSlider.clear.config.d.ts.map +1 -1
- package/types/examples/components/TextFieldSlider/TextFieldSlider.config.d.ts.map +1 -1
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/examples/components/Tokens/Colors/Colors.styles.d.ts.map +1 -1
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts +2 -0
- package/types/examples/components/Tokens/Typography/Typography.styles.d.ts.map +1 -1
- package/types/hooks/useFocusTrap.d.ts +2 -1
- package/types/hooks/useFocusTrap.d.ts.map +1 -1
- package/types/mixins/applySliderThumb.d.ts +49 -0
- package/types/mixins/applySliderThumb.d.ts.map +1 -0
- package/types/mixins/index.d.ts +1 -0
- package/types/mixins/index.d.ts.map +1 -1
- package/types/utils/focusManager.d.ts +4 -2
- package/types/utils/focusManager.d.ts.map +1 -1
- package/types/utils/focusScope.d.ts +4 -0
- package/types/utils/focusScope.d.ts.map +1 -0
- package/types/utils/scopeTab.d.ts +2 -1
- package/types/utils/scopeTab.d.ts.map +1 -1
- package/dist/css/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles_jmhhzd.css +0 -11
- package/dist/css/cjs/components/Slider/components/SliderBase/SliderBase.styles_p7vtw4.css +0 -5
- package/dist/css/cjs/components/TextFieldSlider/ui/Input/Input.styles_oj8ltc.css +0 -1
- package/dist/css/cjs/components/TextFieldSlider/ui/Slider/Slider.styles_3sgm4p.css +0 -4
- package/dist/css/cjs/components/TimePicker/TimePicker.styles_8ghe7e.css +0 -7
- package/dist/css/es/components/Accordion/ui/AccordionItem/AccordionItem.styles_jmhhzd.css +0 -11
- package/dist/css/es/components/Slider/components/SliderBase/SliderBase.styles_p7vtw4.css +0 -5
- package/dist/css/es/components/TextFieldSlider/ui/Input/Input.styles_oj8ltc.css +0 -1
- package/dist/css/es/components/TextFieldSlider/ui/Slider/Slider.styles_3sgm4p.css +0 -4
- package/dist/css/es/components/TimePicker/TimePicker.styles_8ghe7e.css +0 -7
|
@@ -10,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);}
|
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef, useRef, useContext } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import cls from 'classnames';
|
|
4
4
|
import { useTabItem } from '../../../hooks/useTabItem.js';
|
|
5
5
|
import { classes } from '../../../tokens.js';
|
|
6
6
|
import { LeftContent, StyledContent, TabItemValue, RightContent, ActionContent, base } from './VerticalTabItem.styles.js';
|
|
7
7
|
import { base as base$2 } from './variations/_view/base.js';
|
|
8
8
|
import { base as base$1 } from './variations/_size/base.js';
|
|
9
|
+
import { base as base$4 } from './variations/_pilled/base.js';
|
|
9
10
|
import { base as base$3 } from './variations/_disabled/base.js';
|
|
10
11
|
import { useForkRef } from '../../../../../hooks/useForkRef.js';
|
|
11
12
|
import { TabsContext } from '../../../TabsContext.js';
|
|
12
13
|
|
|
13
|
-
var _excluded = ["size", "view", "selected", "disabled", "children", "value", "contentLeft", "contentRight", "actionContent", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
|
|
14
|
+
var _excluded = ["size", "view", "selected", "disableScroll", "disabled", "pilled", "children", "value", "contentLeft", "contentRight", "actionContent", "onIndexChange", "itemIndex", "tabIndex", "className", "onClick", "maxItemWidth"];
|
|
14
15
|
var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
15
16
|
return /*#__PURE__*/forwardRef(function (props, outerRef) {
|
|
16
17
|
var size = props.size,
|
|
17
18
|
view = props.view,
|
|
18
19
|
selected = props.selected,
|
|
20
|
+
disableScroll = props.disableScroll,
|
|
19
21
|
_props$disabled = props.disabled,
|
|
20
22
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
23
|
+
_props$pilled = props.pilled,
|
|
24
|
+
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
|
21
25
|
children = props.children,
|
|
22
26
|
value = props.value,
|
|
23
27
|
contentLeft = props.contentLeft,
|
|
@@ -35,6 +39,8 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
|
35
39
|
var ref = useForkRef(outerRef, innerRef);
|
|
36
40
|
var refs = useContext(TabsContext);
|
|
37
41
|
var role = 'tab';
|
|
42
|
+
var pilledAttr = view !== 'clear' && pilled;
|
|
43
|
+
var pilledClass = pilledAttr ? classes.tabsPilled : undefined;
|
|
38
44
|
var selectedClass = selected ? classes.selectedTabsItem : undefined;
|
|
39
45
|
var truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;
|
|
40
46
|
var _useTabItem = useTabItem({
|
|
@@ -42,6 +48,7 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
|
42
48
|
innerRef: innerRef,
|
|
43
49
|
itemIndex: itemIndex,
|
|
44
50
|
selected: selected,
|
|
51
|
+
disableScroll: disableScroll,
|
|
45
52
|
disabled: disabled,
|
|
46
53
|
onIndexChange: onIndexChange,
|
|
47
54
|
onClick: onClick,
|
|
@@ -54,12 +61,13 @@ var verticalTabItemRoot = function verticalTabItemRoot(Root) {
|
|
|
54
61
|
return /*#__PURE__*/React__default.createElement(Root, _extends({
|
|
55
62
|
ref: ref,
|
|
56
63
|
disabled: disabled,
|
|
64
|
+
pilled: pilled,
|
|
57
65
|
role: role,
|
|
58
66
|
view: view,
|
|
59
67
|
size: size,
|
|
60
68
|
onFocus: onItemFocus,
|
|
61
69
|
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
|
62
|
-
className:
|
|
70
|
+
className: cls(pilledClass, selectedClass, truncateClass, className),
|
|
63
71
|
onClick: handleClick
|
|
64
72
|
}, rest, {
|
|
65
73
|
style: _objectSpread2(_objectSpread2({}, rest.style), {}, {
|
|
@@ -89,6 +97,9 @@ var verticalTabItemConfig = {
|
|
|
89
97
|
disabled: {
|
|
90
98
|
css: base$3,
|
|
91
99
|
attrs: true
|
|
100
|
+
},
|
|
101
|
+
pilled: {
|
|
102
|
+
css: base$4
|
|
92
103
|
}
|
|
93
104
|
},
|
|
94
105
|
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/es/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);}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
2
|
import React__default, { forwardRef, useState, useMemo, useRef, useCallback, useLayoutEffect } from 'react';
|
|
3
3
|
import cls from 'classnames';
|
|
4
|
-
import { classes } from '../../../tokens.js';
|
|
4
|
+
import { classes, tokens } from '../../../tokens.js';
|
|
5
5
|
import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
|
|
6
6
|
import { IconDisclosureLeft } from '../../../../_Icon/Icons/IconDisclosureLeft.js';
|
|
7
7
|
import { IconDisclosureRight } from '../../../../_Icon/Icons/IconDisclosureRight.js';
|
|
@@ -10,10 +10,10 @@ import { StyledContentWrapper, StyledContent, base, StyledArrow } from './Vertic
|
|
|
10
10
|
import { base as base$1 } from './variations/_size/base.js';
|
|
11
11
|
import { base as base$2 } from './variations/_view/base.js';
|
|
12
12
|
import { base as base$3 } from './variations/_disabled/base.js';
|
|
13
|
+
import { base as base$4 } from './variations/_pilled/base.js';
|
|
13
14
|
import { safeUseId } from '../../../../../utils/react.js';
|
|
14
15
|
|
|
15
|
-
var
|
|
16
|
-
var _excluded = ["id", "disabled", "clip", "dividerAlign", "size", "view", "children", "index", "className", "orientation", "hasDivider"];
|
|
16
|
+
var _excluded = ["id", "disabled", "clip", "dividerAlign", "size", "view", "children", "index", "className", "orientation", "hasDivider", "pilled"];
|
|
17
17
|
var Keys = /*#__PURE__*/function (Keys) {
|
|
18
18
|
Keys[Keys["end"] = 35] = "end";
|
|
19
19
|
Keys[Keys["home"] = 36] = "home";
|
|
@@ -38,6 +38,8 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
38
38
|
orientation = props.orientation,
|
|
39
39
|
_props$hasDivider = props.hasDivider,
|
|
40
40
|
hasDivider = _props$hasDivider === void 0 ? true : _props$hasDivider,
|
|
41
|
+
_props$pilled = props.pilled,
|
|
42
|
+
pilled = _props$pilled === void 0 ? false : _props$pilled,
|
|
41
43
|
rest = _objectWithoutProperties(props, _excluded);
|
|
42
44
|
var _useState = useState(true),
|
|
43
45
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -58,6 +60,7 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
58
60
|
}, []);
|
|
59
61
|
var uniqId = safeUseId();
|
|
60
62
|
var tabsId = id || uniqId;
|
|
63
|
+
var pilledAttr = view !== 'clear' && pilled;
|
|
61
64
|
var scrollRef = useRef(null);
|
|
62
65
|
var trackRef = useRef(null);
|
|
63
66
|
var upArrowRef = useRef(null);
|
|
@@ -99,18 +102,20 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
99
102
|
tabIndex: disabled ? -1 : 0,
|
|
100
103
|
disabled: disabled,
|
|
101
104
|
ref: upArrowRef
|
|
102
|
-
},
|
|
105
|
+
}, /*#__PURE__*/React__default.createElement(IconDisclosureLeft, {
|
|
106
|
+
sizeCustomProperty: tokens.arrowSize,
|
|
103
107
|
color: "inherit"
|
|
104
|
-
}))
|
|
108
|
+
}));
|
|
105
109
|
var NextButton = /*#__PURE__*/React__default.createElement(StyledArrow, {
|
|
106
110
|
type: "button",
|
|
107
111
|
"aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
|
|
108
112
|
onClick: onNext,
|
|
109
113
|
tabIndex: disabled ? -1 : 0,
|
|
110
114
|
disabled: disabled
|
|
111
|
-
},
|
|
115
|
+
}, /*#__PURE__*/React__default.createElement(IconDisclosureRight, {
|
|
116
|
+
sizeCustomProperty: tokens.arrowSize,
|
|
112
117
|
color: "inherit"
|
|
113
|
-
}))
|
|
118
|
+
}));
|
|
114
119
|
var handleScroll = useCallback(function (event) {
|
|
115
120
|
event.stopPropagation();
|
|
116
121
|
var scrollElStyle = getComputedStyle(event.currentTarget);
|
|
@@ -179,7 +184,8 @@ var verticalTabsRoot = function verticalTabsRoot(Root) {
|
|
|
179
184
|
id: tabsId,
|
|
180
185
|
ref: outerRef,
|
|
181
186
|
disabled: disabled,
|
|
182
|
-
|
|
187
|
+
pilled: pilled,
|
|
188
|
+
className: cls(className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.tabsPilled, pilledAttr), classes.tabsNoDivider, !hasDivider), classes.tabsHasTopArrow, !firstItemVisible), classes.tabsHasBottomArrow, !lastItemVisible), classes.dividerAlignRight, dividerAlign === 'right')),
|
|
183
189
|
onKeyDown: onKeyDown,
|
|
184
190
|
orientation: orientation
|
|
185
191
|
}, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/React__default.createElement(StyledContentWrapper, {
|
|
@@ -206,6 +212,9 @@ var verticalTabsConfig = {
|
|
|
206
212
|
disabled: {
|
|
207
213
|
css: base$3,
|
|
208
214
|
attrs: true
|
|
215
|
+
},
|
|
216
|
+
pilled: {
|
|
217
|
+
css: base$4
|
|
209
218
|
}
|
|
210
219
|
},
|
|
211
220
|
defaults: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.brtophc{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;}
|
|
1
|
+
.brtophc{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);}
|
|
2
2
|
.s6szo2t{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;}
|
|
3
3
|
.syn72dj{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;}.syn72dj.tabs-clip-scroll{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.syn72dj.tabs-clip-scroll::-webkit-scrollbar{display:none;}.syn72dj.tabs-clip-scroll .s6szo2t{margin-top:auto;}.syn72dj.tabs-clip-show-all{overflow:visible;}
|
|
4
|
-
.sfn11bj{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);
|
|
4
|
+
.sfn11bj{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;}.sfn11bj::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;}.sfn11bj.focus-visible:focus::before,.sfn11bj[data-focus-visible-added]::before{outline-color:var(--plasma-tabs-outline-focus-color);}.sfn11bj[disabled]{cursor:not-allowed;}.sfn11bj:hover{color:var(--plasma-tabs-arrow-color-hover);}.sfn11bj:active{color:var(--plasma-tabs-arrow-color-active);}
|
package/dist/css/es/components/Tabs/ui/vertical/VerticalTabs/variations/_pilled/base_1xgdjua.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.bhosqag.tabs-pilled{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}
|
|
@@ -76,23 +76,23 @@
|
|
|
76
76
|
|
|
77
77
|
.TextField_3e2yx_b1hj3vpd__8f4d9a05{display:block;}
|
|
78
78
|
|
|
79
|
-
.Input_styles_oj8ltc_s1xleziu__c2f461fa{--plasma-textfield-color:var(--plasma-textfield-slider-color);--plasma-textfield__placeholder-color:var(--plasma-textfield-slider-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-textfield-slider__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-textfield-slider-caret-color);--plasma-textfield-focus-color:var(--plasma-textfield-slider-focus-color);--plasma-textfield-bg-color:var(--plasma-textfield-slider-background-color);--plasma-textfield-bg-color-hover:var(--plasma-textfield-slider-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-textfield-slider-background-color-focus);--plasma-textfield-border-width:var(--plasma-textfield-slider-border-width);--plasma-textfield-border-radius:var(--plasma-textfield-slider-border-radius);--plasma-textfield-border-color:var(--plasma-textfield-slider-border-color);--plasma-textfield-border-color-hover:var(--plasma-textfield-slider-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-textfield-slider-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-textfield-slider-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-textfield-slider-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-textfield-slider-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-textfield-slider-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-textfield-slider-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-textfield-slider-height);--plasma-textfield-padding:var(--plasma-textfield-slider-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-textfield-slider-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-textfield-slider-placement_inner__content-padding);--plasma-textfield__optional-color:var(--plasma-textfield-slider__optional-color);--plasma-textfield__label-offset:var(--plasma-textfield-slider__label-offset);--plasma-textfield__label-font-family:var(--plasma-textfield-slider__label-font-family);--plasma-textfield__label-font-style:var(--plasma-textfield-slider__label-font-style);--plasma-textfield__label-font-size:var(--plasma-textfield-slider__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-textfield-slider__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-textfield-slider__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-textfield-slider__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-textfield-slider-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-textfield-slider-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-textfield-slider-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-textfield-slider-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-textfield-slider-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-textfield-slider-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-textfield-slider__label-color-readonly);--plasma-textfield__title-caption-color:var(--plasma-textfield-slider__title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-textfield-slider__title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-textfield-slider__title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-textfield-slider__title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-textfield-slider__title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-textfield-slider__title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-textfield-slider__title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-textfield-slider__title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-textfield-slider__title-caption-line-height);--plasma-textfield__indicator-color:var(--plasma-textfield-slider__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-textfield-slider__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-textfield-slider__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-textfield-slider__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-textfield-slider__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-textfield-slider__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-textfield-slider__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-textfield-slider__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-textfield-slider__right-content-margin);--plasma-textfield-font-family:var(--plasma-textfield-slider-font-family);--plasma-textfield-font-size:var(--plasma-textfield-slider-font-size);--plasma-textfield-font-style:var(--plasma-textfield-slider-font-style);--plasma-textfield-font-weight:var(--plasma-textfield-slider-font-weight);--plasma-textfield-letter-spacing:var(--plasma-textfield-slider-letter-spacing);--plasma-textfield-line-height:var(--plasma-textfield-slider-line-height);--plasma-textfield-disabled-opacity:var(--plasma-textfield-slider-disabled-opacity);--plasma-textfield-disabled-background-opacity:var(--plasma-textfield-slider-disabled-background-opacity);--plasma-textfield-disabled-inner-content-opacity:var(--plasma-textfield-slider-disabled-inner-content-opacity);--plasma-textfield__before-text-color:var(--plasma-textfield-slider__before-text-color);--plasma-textfield__after-text-color:var(--plasma-textfield-slider__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-textfield-slider__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-textfield-slider__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-textfield-slider__content-color,var(--plasma-textfield-slider-color));--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-slider__content-color-hover,var(--plasma-textfield-slider-color));--plasma-textfield-content-slot-color-active:var(--plasma-textfield-slider__content-color-active,var(--plasma-textfield-slider-color));--plasma-textfield-content-right-slot-color:var(--plasma-textfield-slider__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-textfield-slider__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-textfield-slider__content-right-opacity-readonly);--plasma-textfield__hint-margin:var(--plasma-textfield-slider-info-wrapper-hint-margin);--plasma-textfield__hint-target-size:var(--plasma-textfield-slider-info-wrapper-hint-target-size);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-textfield-slider-info-wrapper-hint-custom-icon-target-size);--plasma-textfield__hint-icon-color:var(--plasma-textfield-slider-info-wrapper-hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-textfield-slider_old_hint-inner-label-placement-offset);--plasma-textfield__tooltip-padding-top:var(--plasma-textfield-slider-hint-tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-textfield-slider-hint-tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-textfield-slider-hint-tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-textfield-slider-hint-tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-textfield-slider-hint-tooltip-min-height);--plasma-textfield__tooltip-background-color:var(--plasma-textfield-slider-hint-tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-textfield-slider-hint-tooltip-box-shadow);--plasma-textfield__tooltip-border-radius:var(--plasma-textfield-slider-hint-tooltip-border-radius);--plasma-textfield__tooltip-color:var(--plasma-textfield-slider-hint-tooltip-color);--plasma-textfield__tooltip-text-font-family:var(--plasma-textfield-slider-hint-tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-textfield-slider-hint-tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-textfield-slider-hint-tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-textfield-slider-hint-tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-textfield-slider-hint-tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-textfield-slider-hint-tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-textfield-slider-hint-tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-textfield-slider-hint-tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-textfield-slider-hint-tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-textfield-slider-hint-tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-background:var(--plasma-textfield-slider-hint-tooltip-arrow-background);--plasma-textfield__tooltip-arrow-height:var(--plasma-textfield-slider-hint-tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-textfield-slider-hint-tooltip-arrow-edge-margin);}
|
|
79
|
+
.Input_styles_q0385f_s1xleziu__45b94081{--plasma-textfield-color:var(--plasma-textfield-slider-color);--plasma-textfield__placeholder-color:var(--plasma-textfield-slider-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-textfield-slider__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-textfield-slider-caret-color);--plasma-textfield-focus-color:var(--plasma-textfield-slider-focus-color);--plasma-textfield-bg-color:var(--plasma-textfield-slider-background-color);--plasma-textfield-bg-color-hover:var(--plasma-textfield-slider-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-textfield-slider-background-color-focus);--plasma-textfield-border-width:var(--plasma-textfield-slider-border-width);--plasma-textfield-border-radius:var(--plasma-textfield-slider-border-radius);--plasma-textfield-border-color:var(--plasma-textfield-slider-border-color);--plasma-textfield-border-color-hover:var(--plasma-textfield-slider-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-textfield-slider-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-textfield-slider-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-textfield-slider-background-color-readonly);--plasma-textfield-readonly-opacity:var(--plasma-textfield-slider-readonly-opacity);--plasma-textfield-border-color-readonly:var(--plasma-textfield-slider-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-textfield-slider-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-textfield-slider-height);--plasma-textfield-padding:var(--plasma-textfield-slider-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-textfield-slider-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-textfield-slider-placement_inner__content-padding);--plasma-textfield__optional-color:var(--plasma-textfield-slider__optional-color);--plasma-textfield__label-offset:var(--plasma-textfield-slider__label-offset);--plasma-textfield__label-font-family:var(--plasma-textfield-slider__label-font-family);--plasma-textfield__label-font-style:var(--plasma-textfield-slider__label-font-style);--plasma-textfield__label-font-size:var(--plasma-textfield-slider__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-textfield-slider__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-textfield-slider__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-textfield-slider__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-textfield-slider-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-textfield-slider-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-textfield-slider-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-textfield-slider-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-textfield-slider-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-textfield-slider-placement_inner__label-line-height);--plasma-textfield__label-color:var(--plasma-textfield-slider__label-color);--plasma-textfield__label-color-readonly:var(--plasma-textfield-slider__label-color-readonly);--plasma-textfield__title-caption-color:var(--plasma-textfield-slider__title-caption-color);--plasma-textfield__title-caption-color-readonly:var(--plasma-textfield-slider__title-caption-color-readonly);--plasma-textfield__title-caption-label-inner-offset:var(--plasma-textfield-slider__title-caption-label-inner-offset);--plasma-textfield__title-caption-font-family:var(--plasma-textfield-slider__title-caption-font-family);--plasma-textfield__title-caption-font-style:var(--plasma-textfield-slider__title-caption-font-style);--plasma-textfield__title-caption-font-size:var(--plasma-textfield-slider__title-caption-font-size);--plasma-textfield__title-caption-font-weight:var(--plasma-textfield-slider__title-caption-font-weight);--plasma-textfield__title-caption-letter-spacing:var(--plasma-textfield-slider__title-caption-letter-spacing);--plasma-textfield__title-caption-line-height:var(--plasma-textfield-slider__title-caption-line-height);--plasma-textfield__indicator-color:var(--plasma-textfield-slider__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-textfield-slider__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-textfield-slider__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-textfield-slider__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-textfield-slider__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-textfield-slider__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-textfield-slider__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-textfield-slider__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-textfield-slider__right-content-margin);--plasma-textfield-font-family:var(--plasma-textfield-slider-font-family);--plasma-textfield-font-size:var(--plasma-textfield-slider-font-size);--plasma-textfield-font-style:var(--plasma-textfield-slider-font-style);--plasma-textfield-font-weight:var(--plasma-textfield-slider-font-weight);--plasma-textfield-letter-spacing:var(--plasma-textfield-slider-letter-spacing);--plasma-textfield-line-height:var(--plasma-textfield-slider-line-height);--plasma-textfield-disabled-opacity:var(--plasma-textfield-slider-disabled-opacity);--plasma-textfield-disabled-background-opacity:var(--plasma-textfield-slider-disabled-background-opacity);--plasma-textfield-disabled-inner-content-opacity:var(--plasma-textfield-slider-disabled-inner-content-opacity);--plasma-textfield__before-text-color:var(--plasma-textfield-slider__before-text-color);--plasma-textfield__after-text-color:var(--plasma-textfield-slider__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-textfield-slider__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-textfield-slider__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-textfield-slider__content-color,var(--plasma-textfield-slider-color));--plasma-textfield-content-slot-color-hover:var(--plasma-textfield-slider__content-color-hover,var(--plasma-textfield-slider-color));--plasma-textfield-content-slot-color-active:var(--plasma-textfield-slider__content-color-active,var(--plasma-textfield-slider-color));--plasma-textfield-content-right-slot-color:var(--plasma-textfield-slider__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-textfield-slider__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));--plasma-textfield-right-content-opacity-readonly:var(--plasma-textfield-slider__content-right-opacity-readonly);--plasma-textfield__hint-margin:var(--plasma-textfield-slider-info-wrapper-hint-margin);--plasma-textfield__hint-target-size:var(--plasma-textfield-slider-info-wrapper-hint-target-size);--plasma-textfield__hint-custom-icon-target-size:var(--plasma-textfield-slider-info-wrapper-hint-custom-icon-target-size);--plasma-textfield__hint-icon-color:var(--plasma-textfield-slider-info-wrapper-hint-icon-color);--plasma-textfield__hint-inner-label-placement-offset:var(--plasma-textfield-slider_old_hint-inner-label-placement-offset);--plasma-textfield__tooltip-padding-top:var(--plasma-textfield-slider-hint-tooltip-padding-top);--plasma-textfield__tooltip-padding-right:var(--plasma-textfield-slider-hint-tooltip-padding-right);--plasma-textfield__tooltip-padding-bottom:var(--plasma-textfield-slider-hint-tooltip-padding-bottom);--plasma-textfield__tooltip-padding-left:var(--plasma-textfield-slider-hint-tooltip-padding-left);--plasma-textfield__tooltip-min-height:var(--plasma-textfield-slider-hint-tooltip-min-height);--plasma-textfield__tooltip-background-color:var(--plasma-textfield-slider-hint-tooltip-background-color);--plasma-textfield__tooltip-box-shadow:var(--plasma-textfield-slider-hint-tooltip-box-shadow);--plasma-textfield__tooltip-border-radius:var(--plasma-textfield-slider-hint-tooltip-border-radius);--plasma-textfield__tooltip-color:var(--plasma-textfield-slider-hint-tooltip-color);--plasma-textfield__tooltip-text-font-family:var(--plasma-textfield-slider-hint-tooltip-text-font-family);--plasma-textfield__tooltip-text-font-size:var(--plasma-textfield-slider-hint-tooltip-text-font-size);--plasma-textfield__tooltip-text-font-style:var(--plasma-textfield-slider-hint-tooltip-text-font-style);--plasma-textfield__tooltip-text-font-weight:var(--plasma-textfield-slider-hint-tooltip-text-font-weight);--plasma-textfield__tooltip-text-font-letter-spacing:var(--plasma-textfield-slider-hint-tooltip-text-font-letter-spacing);--plasma-textfield__tooltip-text-font-line-height:var(--plasma-textfield-slider-hint-tooltip-text-font-line-height);--plasma-textfield__tooltip-content-left-margin:var(--plasma-textfield-slider-hint-tooltip-content-left-margin);--plasma-textfield__tooltip-arrow-mask-width:var(--plasma-textfield-slider-hint-tooltip-arrow-mask-width);--plasma-textfield__tooltip-arrow-mask-height:var(--plasma-textfield-slider-hint-tooltip-arrow-mask-height);--plasma-textfield__tooltip-arrow-mask-image:var(--plasma-textfield-slider-hint-tooltip-arrow-mask-image);--plasma-textfield__tooltip-arrow-background:var(--plasma-textfield-slider-hint-tooltip-arrow-background);--plasma-textfield__tooltip-arrow-height:var(--plasma-textfield-slider-hint-tooltip-arrow-height);--plasma-textfield__tooltip-arrow-edge-margin:var(--plasma-textfield-slider-hint-tooltip-arrow-edge-margin);}
|
|
80
80
|
|
|
81
|
-
.
|
|
82
|
-
.
|
|
83
|
-
.
|
|
84
|
-
.
|
|
81
|
+
.Slider_styles_zekbly_skli2pq__0fc7d30c{position:relative;display:grid;}
|
|
82
|
+
.Slider_styles_zekbly_s1062jrb__0fc7d30c{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:transparent;border:none;height:var(--plasma-textfield-slider__slider-track-height);width:100%;z-index:2;margin:0;cursor:pointer;opacity:var(--s1062jrb-0);}.Slider_styles_zekbly_s1062jrb__0fc7d30c:disabled{cursor:not-allowed;}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-webkit-slider-runnable-track{background:transparent;}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-webkit-slider-thumb{-webkit-appearance:none;outline:none;box-sizing:content-box;width:var(--plasma-textfield-slider__slider-thumb-width);height:var(--plasma-textfield-slider__slider-thumb-height,var(--plasma-textfield-slider__slider-thumb-width));border-radius:var(--plasma-textfield-slider__slider-thumb-border-radius,50%);cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;border-style:solid;border-color:transparent;border-width:var(--plasma-textfield-slider__slider-thumb-border-width,0);-webkit-transition:background-color 0.1s ease-in-out,background-image 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,background-image 0.1s ease-in-out;background:none no-repeat center,linear-gradient(var(--plasma-textfield-slider__slider-thumb-background,transparent),var(--plasma-textfield-slider__slider-thumb-background,transparent)) padding-box,var(--plasma-textfield-slider__slider-thumb-border-color,transparent) border-box;}.Slider_styles_zekbly_s1062jrb__0fc7d30c:not(:disabled)::-webkit-slider-thumb:hover,.Slider_styles_zekbly_s1062jrb__0fc7d30c:not(:disabled)::-webkit-slider-thumb:active,.Slider_styles_zekbly_s1062jrb__0fc7d30c:focus-visible::-webkit-slider-thumb{background:var(--plasma-textfield-slider__slider-thumb-inner-content,none) no-repeat center,linear-gradient(var(--plasma-textfield-slider__slider-thumb-background,transparent),var(--plasma-textfield-slider__slider-thumb-background,transparent)) padding-box,var(--plasma-textfield-slider__slider-thumb-focus-border-color,transparent) border-box;}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-moz-range-track{background:transparent;height:var(--plasma-textfield-slider__slider-track-height);}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-moz-range-progress{background:transparent;}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-moz-range-thumb{box-sizing:content-box;width:var(--plasma-textfield-slider__slider-thumb-width);height:var(--plasma-textfield-slider__slider-thumb-height,var(--plasma-textfield-slider__slider-thumb-width));border-radius:var(--plasma-textfield-slider__slider-thumb-border-radius,50%);cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;border-style:solid;border-color:transparent;border-width:var(--plasma-textfield-slider__slider-thumb-border-width,0);-webkit-transition:background-color 0.1s ease-in-out,background-image 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,background-image 0.1s ease-in-out;background:none no-repeat center,linear-gradient(var(--plasma-textfield-slider__slider-thumb-background,transparent),var(--plasma-textfield-slider__slider-thumb-background,transparent)) padding-box,var(--plasma-textfield-slider__slider-thumb-border-color,transparent) border-box;}.Slider_styles_zekbly_s1062jrb__0fc7d30c:not(:disabled)::-moz-range-thumb:hover,.Slider_styles_zekbly_s1062jrb__0fc7d30c:not(:disabled)::-moz-range-thumb:active,.Slider_styles_zekbly_s1062jrb__0fc7d30c:focus-visible::-moz-range-thumb{background:var(--plasma-textfield-slider__slider-thumb-inner-content,none) no-repeat center,linear-gradient(var(--plasma-textfield-slider__slider-thumb-background,transparent),var(--plasma-textfield-slider__slider-thumb-background,transparent)) padding-box,var(--plasma-textfield-slider__slider-thumb-focus-border-color,transparent) border-box;}.Slider_styles_zekbly_s1062jrb__0fc7d30c::-moz-range-thumb:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}.Slider_styles_zekbly_s1062jrb__0fc7d30c:disabled::-webkit-slider-thumb,.Slider_styles_zekbly_s1062jrb__0fc7d30c:disabled::-webkit-slider-thumb:active,.Slider_styles_zekbly_s1062jrb__0fc7d30c:disabled::-moz-range-thumb,.Slider_styles_zekbly_s1062jrb__0fc7d30c:disabled::-moz-range-thumb:active{cursor:not-allowed;}
|
|
83
|
+
.Slider_styles_zekbly_s1m6uqi2__0fc7d30c{position:absolute;top:50%;left:calc(var(--plasma-textfield-slider__slider-thumb-width) / 2);right:calc(var(--plasma-textfield-slider__slider-thumb-width) / 2);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:var(--plasma-textfield-slider__slider-track-height);border-radius:var(--plasma-textfield-slider__slider-track-border-radius,0.5rem);background-color:var(--plasma-textfield-slider__slider-track-background);}
|
|
84
|
+
.Slider_styles_zekbly_s15fxb3u__0fc7d30c{position:absolute;top:50%;left:calc(var(--plasma-textfield-slider__slider-thumb-width) / 2);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--s15fxb3u-0);height:var(--plasma-textfield-slider__slider-track-height);border-radius:var(--plasma-textfield-slider__slider-track-border-radius,0.5rem);background:var(--plasma-textfield-slider__slider-progress-background);}
|
|
85
85
|
|
|
86
86
|
.base_1ioyhgb_b1gm3q7k__b6ddb1f4[disabled]{opacity:var(--plasma-textfield-slider-disabled-opacity);cursor:not-allowed;}.base_1ioyhgb_b1gm3q7k__b6ddb1f4[disabled] .base_1ioyhgb_s1062jrb__b6ddb1f4{cursor:not-allowed;pointer-events:none;}.base_1ioyhgb_b1gm3q7k__b6ddb1f4[disabled] .base_1ioyhgb_s1062jrb__b6ddb1f4::-webkit-slider-thumb{cursor:not-allowed;pointer-events:none;}.base_1ioyhgb_b1gm3q7k__b6ddb1f4[disabled] .base_1ioyhgb_s1062jrb__b6ddb1f4::-moz-range-thumb{cursor:not-allowed;pointer-events:none;}
|
|
87
87
|
|
|
88
88
|
.base_1v4uf04_b1qwxni3__68f74ecc[readonly]{cursor:default;}.base_1v4uf04_b1qwxni3__68f74ecc[readonly] .base_1v4uf04_s1062jrb__68f74ecc{cursor:default;pointer-events:none;}.base_1v4uf04_b1qwxni3__68f74ecc[readonly] .base_1v4uf04_s1062jrb__68f74ecc::-webkit-slider-thumb{cursor:default;pointer-events:none;}.base_1v4uf04_b1qwxni3__68f74ecc[readonly] .base_1v4uf04_s1062jrb__68f74ecc::-moz-range-thumb{cursor:default;pointer-events:none;}
|
|
89
89
|
|
|
90
|
-
.
|
|
91
|
-
.
|
|
92
|
-
.
|
|
93
|
-
.
|
|
94
|
-
.
|
|
95
|
-
.
|
|
96
|
-
.
|
|
97
|
-
.
|
|
98
|
-
.
|
|
90
|
+
.TextFieldSlider_styles_ysvz3a_sjuynsf__67b1b3dc{position:relative;overflow:visible;height:var(--plasma-textfield-slider__scale-value-line-height);margin-top:calc(var(--plasma-textfield-slider__scale-wrapper-offset) + var(--plasma-textfield-slider__scale-wrapper-padding-top));margin-left:calc(var(--plasma-textfield-slider__slider-container-offset) + var(--plasma-textfield-slider__slider-thumb-width) / 2);margin-right:calc(var(--plasma-textfield-slider__slider-container-offset) + var(--plasma-textfield-slider__slider-thumb-width) / 2);}
|
|
91
|
+
.TextFieldSlider_styles_ysvz3a_s1ofhlww__67b1b3dc{position:absolute;top:0;bottom:0;width:0;overflow:visible;cursor:pointer;}
|
|
92
|
+
.TextFieldSlider_styles_ysvz3a_s5sygbk__67b1b3dc{position:absolute;left:0;top:calc( -1 * (var(--plasma-textfield-slider__scale-wrapper-offset) + var(--plasma-textfield-slider__scale-wrapper-padding-top)) - var( --plasma-textfield-slider__slider-track-height ) / 2 - var(--plasma-textfield-slider__scale-tick-size) / 2 );-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;width:var(--plasma-textfield-slider__scale-tick-size);height:var(--plasma-textfield-slider__scale-tick-size);border-radius:50%;background-color:var(--s5sygbk-0);}
|
|
93
|
+
.TextFieldSlider_styles_ysvz3a_shxa4k5__67b1b3dc{position:absolute;top:0;left:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;color:var(--plasma-textfield-slider__scale-value-color);font-family:var(--plasma-textfield-slider__scale-value-font-family);font-size:var(--plasma-textfield-slider__scale-value-font-size);font-style:var(--plasma-textfield-slider__scale-value-font-style);font-weight:var(--plasma-textfield-slider__scale-value-font-weight);-webkit-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);line-height:var(--plasma-textfield-slider__scale-value-line-height);}
|
|
94
|
+
.TextFieldSlider_styles_ysvz3a_s1qpys9v__67b1b3dc{position:absolute;bottom:0;left:var(--plasma-textfield-slider__slider-container-offset,0);right:var(--plasma-textfield-slider__slider-container-offset,0);}
|
|
95
|
+
.TextFieldSlider_styles_ysvz3a_s4kcycj__67b1b3dc{position:relative;}
|
|
96
|
+
.TextFieldSlider_styles_ysvz3a_sgvzxcr__67b1b3dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--plasma-textfield-slider__scale-wrapper-offset);padding-top:var(--plasma-textfield-slider__scale-wrapper-padding-top);}
|
|
97
|
+
.TextFieldSlider_styles_ysvz3a_sjg1y5u__67b1b3dc{color:var(--plasma-textfield-slider__scale-value-color);font-size:var(--plasma-textfield-slider__scale-value-font-size);line-height:var(--plasma-textfield-slider__scale-value-line-height);font-weight:var(--plasma-textfield-slider__scale-value-font-weight);font-family:var(--plasma-textfield-slider__scale-value-font-family);-webkit-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);}
|
|
98
|
+
.TextFieldSlider_styles_ysvz3a_b3zpjkk__67b1b3dc{box-sizing:border-box;display:inline-block;}.TextFieldSlider_styles_ysvz3a_b3zpjkk__67b1b3dc.TextFieldSlider_styles_ysvz3a_b3zpjkk__67b1b3dc .TextFieldSlider_styles_ysvz3a_s1xleziu__67b1b3dc.TextFieldSlider_styles_ysvz3a_errorAnimation__67b1b3dc{--plasma-textfield-bg-color:var(--plasma-textfield-slider_background_error-color);--plasma-textfield-bg-color-hover:var(--plasma-textfield-slider_background_error-color);--plasma-textfield-bg-color-focus:var(--plasma-textfield-slider_background_error-color);--plasma-textfield-border-color:var(--plasma-textfield-slider_border_error-color);--plasma-textfield-border-color-hover:var(--plasma-textfield-slider_border_error-color);--plasma-textfield-border-color-focus:var(--plasma-textfield-slider_border_error-color);--plasma-textfield-color:var(--plasma-textfield-slider_border_error-color);-webkit-animation:TextFieldSlider_styles_ysvz3a_shakingErrorB3zpjkk__67b1b3dc 0.3s forwards;animation:TextFieldSlider_styles_ysvz3a_shakingErrorB3zpjkk__67b1b3dc 0.3s forwards;}.TextFieldSlider_styles_ysvz3a_b3zpjkk__67b1b3dc.TextFieldSlider_styles_ysvz3a_b3zpjkk__67b1b3dc .TextFieldSlider_styles_ysvz3a_s1xleziu__67b1b3dc.TextFieldSlider_styles_ysvz3a_errorAnimation__67b1b3dc .TextFieldSlider_styles_ysvz3a_i1eth5mm__67b1b3dc{-webkit-animation:TextFieldSlider_styles_ysvz3a_fadeErrorB3zpjkk__67b1b3dc 0.3s forwards;animation:TextFieldSlider_styles_ysvz3a_fadeErrorB3zpjkk__67b1b3dc 0.3s forwards;}@-webkit-keyframes TextFieldSlider_styles_ysvz3a_shakingErrorB3zpjkk__67b1b3dc{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes TextFieldSlider_styles_ysvz3a_shakingErrorB3zpjkk__67b1b3dc{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes TextFieldSlider_styles_ysvz3a_fadeErrorB3zpjkk__67b1b3dc{50%{opacity:1;}100%{opacity:0;}}@keyframes TextFieldSlider_styles_ysvz3a_fadeErrorB3zpjkk__67b1b3dc{50%{opacity:1;}100%{opacity:0;}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.sjuynsf{position:relative;overflow:visible;height:var(--plasma-textfield-slider__scale-value-line-height);margin-top:calc(var(--plasma-textfield-slider__scale-wrapper-offset) + var(--plasma-textfield-slider__scale-wrapper-padding-top));margin-left:calc(var(--plasma-textfield-slider__slider-container-offset) + var(--plasma-textfield-slider__slider-thumb-
|
|
1
|
+
.sjuynsf{position:relative;overflow:visible;height:var(--plasma-textfield-slider__scale-value-line-height);margin-top:calc(var(--plasma-textfield-slider__scale-wrapper-offset) + var(--plasma-textfield-slider__scale-wrapper-padding-top));margin-left:calc(var(--plasma-textfield-slider__slider-container-offset) + var(--plasma-textfield-slider__slider-thumb-width) / 2);margin-right:calc(var(--plasma-textfield-slider__slider-container-offset) + var(--plasma-textfield-slider__slider-thumb-width) / 2);}
|
|
2
2
|
.s1ofhlww{position:absolute;top:0;bottom:0;width:0;overflow:visible;cursor:pointer;}
|
|
3
3
|
.s5sygbk{position:absolute;left:0;top:calc( -1 * (var(--plasma-textfield-slider__scale-wrapper-offset) + var(--plasma-textfield-slider__scale-wrapper-padding-top)) - var( --plasma-textfield-slider__slider-track-height ) / 2 - var(--plasma-textfield-slider__scale-tick-size) / 2 );-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;width:var(--plasma-textfield-slider__scale-tick-size);height:var(--plasma-textfield-slider__scale-tick-size);border-radius:50%;background-color:var(--s5sygbk-0);}
|
|
4
4
|
.shxa4k5{position:absolute;top:0;left:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;color:var(--plasma-textfield-slider__scale-value-color);font-family:var(--plasma-textfield-slider__scale-value-font-family);font-size:var(--plasma-textfield-slider__scale-value-font-size);font-style:var(--plasma-textfield-slider__scale-value-font-style);font-weight:var(--plasma-textfield-slider__scale-value-font-weight);-webkit-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);letter-spacing:var(--plasma-textfield-slider__scale-value-letter-spacing);line-height:var(--plasma-textfield-slider__scale-value-line-height);}
|
|
@@ -129,10 +129,14 @@ var tokens = {
|
|
|
129
129
|
sliderTrackBackground: '--plasma-textfield-slider__slider-track-background',
|
|
130
130
|
sliderTrackBorderRadius: '--plasma-textfield-slider__slider-track-border-radius',
|
|
131
131
|
sliderProgressBackground: '--plasma-textfield-slider__slider-progress-background',
|
|
132
|
-
|
|
132
|
+
sliderThumbWidth: '--plasma-textfield-slider__slider-thumb-width',
|
|
133
|
+
sliderThumbHeight: '--plasma-textfield-slider__slider-thumb-height',
|
|
133
134
|
sliderThumbBackground: '--plasma-textfield-slider__slider-thumb-background',
|
|
134
|
-
|
|
135
|
-
|
|
135
|
+
sliderThumbInnerContent: '--plasma-textfield-slider__slider-thumb-inner-content',
|
|
136
|
+
sliderThumbBorderWidth: '--plasma-textfield-slider__slider-thumb-border-width',
|
|
137
|
+
sliderThumbBorderRadius: '--plasma-textfield-slider__slider-thumb-border-radius',
|
|
138
|
+
sliderThumbBorderColor: '--plasma-textfield-slider__slider-thumb-border-color',
|
|
139
|
+
sliderThumbFocusBorderColor: '--plasma-textfield-slider__slider-thumb-focus-border-color',
|
|
136
140
|
/* токены для scale */
|
|
137
141
|
scaleWrapperOffset: '--plasma-textfield-slider__scale-wrapper-offset',
|
|
138
142
|
scaleWrapperPaddingTop: '--plasma-textfield-slider__scale-wrapper-padding-top',
|