@salutejs/plasma-new-hope 0.335.0-canary.2199.17384366399.0 → 0.335.0-canary.2203.17432366342.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_10sa0ht.css → DatePickerBase.styles_1fnt3hc.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1n0dbxm.css → RangeDatePopover.styles_160e4y4.css} +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/Drawer/Drawer.css +2 -2
- package/cjs/components/Drawer/Drawer.styles.js +1 -1
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles_h5od79.css +2 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.js +86 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.js.map +1 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.styles.js +29 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.styles.js.map +1 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.styles_1fqy1s9.css +4 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js +77 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js.map +1 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer_x642ct.css +1 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.css +39 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js +53 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +64 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles_1jc86lh.css +7 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.css +48 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.js +52 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.styles.js +49 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.styles.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.styles_147bzzp.css +6 -0
- package/cjs/components/NavigationDrawer/variations/_size/base.js +9 -0
- package/cjs/components/NavigationDrawer/variations/_size/base.js.map +1 -0
- package/cjs/components/NavigationDrawer/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/NavigationDrawer/variations/_view/base.js +9 -0
- package/cjs/components/NavigationDrawer/variations/_view/base.js.map +1 -0
- package/cjs/components/NavigationDrawer/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Popup/Popup.js +8 -67
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/ui/Draggable/Draggable.js +33 -0
- package/cjs/components/Popup/ui/Draggable/Draggable.js.map +1 -0
- package/cjs/components/Popup/ui/Resizable/Resizable.js +79 -0
- package/cjs/components/Popup/ui/Resizable/Resizable.js.map +1 -0
- package/cjs/components/Slider/ui/Handler/Handler.js +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Tabs/hooks/useTabItem.js +93 -0
- package/cjs/components/Tabs/hooks/useTabItem.js.map +1 -0
- package/cjs/components/Tabs/tokens.js +2 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +99 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +23 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles_1yj92p8.css +3 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base_16mymb5.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base_hc3fil.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base_ktj8kt.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +18 -57
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +8 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css +6 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +95 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +23 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css +3 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base_am98dh.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base_dpccup.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base_1gxej53.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -57
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +8 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css +6 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +3 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_1khdtzl.css → VerticalTabs.styles_16pdfpo.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +1 -0
- package/cjs/components/Tooltip/Tooltip.js +22 -45
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/hooks/useDelayedTooltip.js +49 -0
- package/cjs/components/Tooltip/hooks/useDelayedTooltip.js.map +1 -0
- package/cjs/components/Tree/Tree.css +6 -6
- package/cjs/components/Tree/Tree.js +9 -2
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +1 -1
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_6sla5y.css +7 -0
- package/cjs/components/Tree/Tree.tokens.js +2 -1
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconClose.js +3 -1
- package/cjs/components/_Icon/Icons/IconClose.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js +6 -3
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/cjs/examples/components/Link/Link.config.js +33 -0
- package/cjs/examples/components/Link/Link.config.js.map +1 -0
- package/cjs/examples/components/Link/Link.config_zeymp2.css +11 -0
- package/cjs/examples/components/Link/Link.css +19 -0
- package/cjs/examples/components/Link/Link.js +13 -0
- package/cjs/examples/components/Link/Link.js.map +1 -0
- package/cjs/index.css +81 -27
- package/cjs/index.js +11 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/cjs/components/Drawer/Drawer.styles.js +5 -5
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.js +183 -0
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.styles.js +45 -0
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js +87 -0
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.types.js +4 -0
- package/emotion/cjs/components/NavigationDrawer/index.js +23 -0
- package/emotion/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js +44 -0
- package/emotion/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +76 -0
- package/emotion/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +4 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/Section.js +214 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/Section.styles.js +63 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/Section.types.js +4 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/index.js +11 -0
- package/emotion/cjs/components/NavigationDrawer/variations/_size/base.js +12 -0
- package/emotion/cjs/components/NavigationDrawer/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Popup/Popup.js +7 -69
- package/emotion/cjs/components/Popup/ui/Draggable/Draggable.js +75 -0
- package/emotion/cjs/components/Popup/ui/Resizable/Resizable.js +114 -0
- package/emotion/cjs/components/Popup/ui/index.js +20 -0
- package/emotion/cjs/components/Tabs/hooks/useTabItem.js +98 -0
- package/emotion/cjs/components/Tabs/index.js +14 -0
- package/emotion/cjs/components/Tabs/tokens.js +2 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +193 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +45 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -66
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +16 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +190 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +45 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -66
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +16 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tooltip/Tooltip.js +19 -41
- package/emotion/cjs/components/Tooltip/hooks/index.js +11 -0
- package/emotion/cjs/components/Tooltip/hooks/useDelayedTooltip.js +93 -0
- package/emotion/cjs/components/Tree/Tree.js +7 -2
- package/emotion/cjs/components/Tree/Tree.styles.js +13 -13
- package/emotion/cjs/components/Tree/Tree.tokens.js +2 -1
- package/emotion/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +56 -0
- package/emotion/cjs/components/_Icon/Icons/IconClose.js +2 -1
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/emotion/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +29 -0
- package/emotion/cjs/components/_Icon/index.js +4 -0
- package/emotion/cjs/examples/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -13
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/components/NavigationDrawer/NavigationDrawer.config.js +27 -0
- package/emotion/cjs/examples/components/NavigationDrawer/NavigationDrawer.js +15 -0
- package/emotion/cjs/examples/components/Tabs/TabItem.js +56 -3
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +40 -0
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/cjs/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +32 -0
- package/emotion/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/emotion/cjs/index.js +1 -0
- package/emotion/es/components/Calendar/Calendar.tokens.js +1 -0
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/es/components/Drawer/Drawer.styles.js +5 -5
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.js +119 -0
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.styles.js +16 -0
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.tokens.js +69 -0
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.types.js +1 -0
- package/emotion/es/components/NavigationDrawer/index.js +2 -0
- package/emotion/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +29 -0
- package/emotion/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +38 -0
- package/emotion/es/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +1 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/Section.js +158 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/Section.styles.js +28 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/Section.types.js +1 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/index.js +1 -0
- package/emotion/es/components/NavigationDrawer/variations/_size/base.js +2 -0
- package/emotion/es/components/NavigationDrawer/variations/_view/base.js +2 -0
- package/emotion/es/components/Popup/Popup.js +6 -63
- package/emotion/es/components/Popup/ui/Draggable/Draggable.js +19 -0
- package/emotion/es/components/Popup/ui/Resizable/Resizable.js +63 -0
- package/emotion/es/components/Popup/ui/index.js +2 -0
- package/emotion/es/components/Tabs/hooks/useTabItem.js +88 -0
- package/emotion/es/components/Tabs/index.js +2 -0
- package/emotion/es/components/Tabs/tokens.js +2 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +134 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +19 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +16 -68
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -9
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +131 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +19 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +17 -68
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -9
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/es/components/Tooltip/Tooltip.js +20 -42
- package/emotion/es/components/Tooltip/hooks/index.js +1 -0
- package/emotion/es/components/Tooltip/hooks/useDelayedTooltip.js +83 -0
- package/emotion/es/components/Tree/Tree.js +7 -2
- package/emotion/es/components/Tree/Tree.styles.js +13 -13
- package/emotion/es/components/Tree/Tree.tokens.js +2 -1
- package/emotion/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +41 -0
- package/emotion/es/components/_Icon/Icons/IconClose.js +2 -1
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/emotion/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +14 -0
- package/emotion/es/components/_Icon/index.js +1 -0
- package/emotion/es/examples/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/components/Chip/Chip.config.js +14 -13
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/components/NavigationDrawer/NavigationDrawer.config.js +17 -0
- package/emotion/es/examples/components/NavigationDrawer/NavigationDrawer.js +7 -0
- package/emotion/es/examples/components/Tabs/TabItem.js +46 -1
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +30 -0
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/es/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +22 -0
- package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/emotion/es/index.js +1 -0
- package/es/components/Calendar/Calendar.tokens.js +1 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_10sa0ht.css → DatePickerBase.styles_1fnt3hc.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1n0dbxm.css → RangeDatePopover.styles_160e4y4.css} +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/Drawer/Drawer.css +2 -2
- package/es/components/Drawer/Drawer.styles.js +1 -1
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.styles_h5od79.css +2 -0
- package/es/components/NavigationDrawer/NavigationDrawer.js +76 -0
- package/es/components/NavigationDrawer/NavigationDrawer.js.map +1 -0
- package/es/components/NavigationDrawer/NavigationDrawer.styles.js +22 -0
- package/es/components/NavigationDrawer/NavigationDrawer.styles.js.map +1 -0
- package/es/components/NavigationDrawer/NavigationDrawer.styles_1fqy1s9.css +4 -0
- package/es/components/NavigationDrawer/NavigationDrawer.tokens.js +72 -0
- package/es/components/NavigationDrawer/NavigationDrawer.tokens.js.map +1 -0
- package/es/components/NavigationDrawer/NavigationDrawer_x642ct.css +1 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.css +39 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +44 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map +1 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +54 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js.map +1 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles_1jc86lh.css +7 -0
- package/es/components/NavigationDrawer/ui/Section/Section.css +48 -0
- package/es/components/NavigationDrawer/ui/Section/Section.js +43 -0
- package/es/components/NavigationDrawer/ui/Section/Section.js.map +1 -0
- package/es/components/NavigationDrawer/ui/Section/Section.styles.js +40 -0
- package/es/components/NavigationDrawer/ui/Section/Section.styles.js.map +1 -0
- package/es/components/NavigationDrawer/ui/Section/Section.styles_147bzzp.css +6 -0
- package/es/components/NavigationDrawer/variations/_size/base.js +5 -0
- package/es/components/NavigationDrawer/variations/_size/base.js.map +1 -0
- package/es/components/NavigationDrawer/variations/_size/base_x642ct.css +1 -0
- package/es/components/NavigationDrawer/variations/_view/base.js +5 -0
- package/es/components/NavigationDrawer/variations/_view/base.js.map +1 -0
- package/es/components/NavigationDrawer/variations/_view/base_x642ct.css +1 -0
- package/es/components/Popup/Popup.js +7 -65
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/ui/Draggable/Draggable.js +24 -0
- package/es/components/Popup/ui/Draggable/Draggable.js.map +1 -0
- package/es/components/Popup/ui/Resizable/Resizable.js +71 -0
- package/es/components/Popup/ui/Resizable/Resizable.js.map +1 -0
- package/es/components/Slider/ui/Handler/Handler.js +2 -2
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Tabs/hooks/useTabItem.js +89 -0
- package/es/components/Tabs/hooks/useTabItem.js.map +1 -0
- package/es/components/Tabs/tokens.js +2 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +9 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +90 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +17 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles_1yj92p8.css +3 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base_16mymb5.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base_hc3fil.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base_ktj8kt.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -59
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +8 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css +6 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +9 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +86 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +17 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css +3 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base_am98dh.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base_dpccup.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base_1gxej53.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +21 -59
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +8 -3
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css +6 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +3 -3
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_1khdtzl.css → VerticalTabs.styles_16pdfpo.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +1 -0
- package/es/components/Tooltip/Tooltip.js +23 -46
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tooltip/hooks/useDelayedTooltip.js +45 -0
- package/es/components/Tooltip/hooks/useDelayedTooltip.js.map +1 -0
- package/es/components/Tree/Tree.css +6 -6
- package/es/components/Tree/Tree.js +9 -2
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +1 -1
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_6sla5y.css +7 -0
- package/es/components/Tree/Tree.tokens.js +2 -1
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/components/_Icon/Icons/IconClose.js +3 -1
- package/es/components/_Icon/Icons/IconClose.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeft.js +6 -3
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/es/examples/components/Link/Link.config.js +29 -0
- package/es/examples/components/Link/Link.config.js.map +1 -0
- package/es/examples/components/Link/Link.config_zeymp2.css +11 -0
- package/es/examples/components/Link/Link.css +19 -0
- package/es/examples/components/Link/Link.js +9 -0
- package/es/examples/components/Link/Link.js.map +1 -0
- package/es/index.css +81 -27
- package/es/index.js +4 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/cjs/components/Drawer/Drawer.styles.js +3 -3
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.js +185 -0
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.styles.js +130 -0
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js +87 -0
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.types.js +4 -0
- package/styled-components/cjs/components/NavigationDrawer/index.js +23 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js +44 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +125 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +4 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/Section.js +214 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/Section.styles.js +90 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/Section.types.js +4 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/index.js +11 -0
- package/styled-components/cjs/components/NavigationDrawer/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/NavigationDrawer/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Popup/Popup.js +7 -69
- package/styled-components/cjs/components/Popup/ui/Draggable/Draggable.js +75 -0
- package/styled-components/cjs/components/Popup/ui/Resizable/Resizable.js +114 -0
- package/styled-components/cjs/components/Popup/ui/index.js +20 -0
- package/styled-components/cjs/components/Tabs/hooks/useTabItem.js +98 -0
- package/styled-components/cjs/components/Tabs/index.js +14 -0
- package/styled-components/cjs/components/Tabs/tokens.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +193 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +91 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +20 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +18 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +31 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -66
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +14 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +190 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +91 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +20 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +18 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +29 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -66
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +14 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tooltip/Tooltip.js +18 -40
- package/styled-components/cjs/components/Tooltip/hooks/index.js +11 -0
- package/styled-components/cjs/components/Tooltip/hooks/useDelayedTooltip.js +93 -0
- package/styled-components/cjs/components/Tree/Tree.js +7 -2
- package/styled-components/cjs/components/Tree/Tree.styles.js +13 -10
- package/styled-components/cjs/components/Tree/Tree.tokens.js +2 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +56 -0
- package/styled-components/cjs/components/_Icon/Icons/IconClose.js +2 -1
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/styled-components/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +29 -0
- package/styled-components/cjs/components/_Icon/index.js +4 -0
- package/styled-components/cjs/examples/components/Calendar/CalendarBase.config.js +8 -4
- package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js +8 -4
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +21 -0
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +8 -4
- package/styled-components/cjs/examples/components/NavigationDrawer/NavigationDrawer.config.js +91 -0
- package/styled-components/cjs/examples/components/NavigationDrawer/NavigationDrawer.js +15 -0
- package/styled-components/cjs/examples/components/Tabs/TabItem.js +56 -3
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +161 -0
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +27 -18
- package/styled-components/cjs/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +80 -0
- package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +12 -8
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/es/components/Calendar/Calendar.tokens.js +1 -0
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/es/components/Drawer/Drawer.styles.js +3 -3
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.js +121 -0
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.styles.js +66 -0
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.tokens.js +69 -0
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.types.js +1 -0
- package/styled-components/es/components/NavigationDrawer/index.js +2 -0
- package/styled-components/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +29 -0
- package/styled-components/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +87 -0
- package/styled-components/es/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +1 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/Section.js +158 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/Section.styles.js +55 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/Section.types.js +1 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/index.js +1 -0
- package/styled-components/es/components/NavigationDrawer/variations/_size/base.js +4 -0
- package/styled-components/es/components/NavigationDrawer/variations/_view/base.js +4 -0
- package/styled-components/es/components/Popup/Popup.js +6 -63
- package/styled-components/es/components/Popup/ui/Draggable/Draggable.js +19 -0
- package/styled-components/es/components/Popup/ui/Resizable/Resizable.js +63 -0
- package/styled-components/es/components/Popup/ui/index.js +2 -0
- package/styled-components/es/components/Tabs/hooks/useTabItem.js +88 -0
- package/styled-components/es/components/Tabs/index.js +2 -0
- package/styled-components/es/components/Tabs/tokens.js +2 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +134 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +30 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +10 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +8 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +21 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +16 -68
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +11 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +131 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +30 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +10 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +8 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +19 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +17 -68
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +11 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tooltip/Tooltip.js +19 -41
- package/styled-components/es/components/Tooltip/hooks/index.js +1 -0
- package/styled-components/es/components/Tooltip/hooks/useDelayedTooltip.js +83 -0
- package/styled-components/es/components/Tree/Tree.js +7 -2
- package/styled-components/es/components/Tree/Tree.styles.js +13 -10
- package/styled-components/es/components/Tree/Tree.tokens.js +2 -1
- package/styled-components/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +41 -0
- package/styled-components/es/components/_Icon/Icons/IconClose.js +2 -1
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/styled-components/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +14 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/examples/components/Calendar/CalendarBase.config.js +8 -4
- package/styled-components/es/examples/components/Calendar/CalendarDouble.config.js +8 -4
- package/styled-components/es/examples/components/Chip/Chip.config.js +21 -0
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +8 -4
- package/styled-components/es/examples/components/NavigationDrawer/NavigationDrawer.config.js +81 -0
- package/styled-components/es/examples/components/NavigationDrawer/NavigationDrawer.js +7 -0
- package/styled-components/es/examples/components/Tabs/TabItem.js +46 -1
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +151 -0
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +27 -18
- package/styled-components/es/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +70 -0
- package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +12 -8
- package/styled-components/es/index.js +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/types/components/NavigationDrawer/NavigationDrawer.d.ts +22 -0
- package/types/components/NavigationDrawer/NavigationDrawer.d.ts.map +1 -0
- package/types/components/NavigationDrawer/NavigationDrawer.styles.d.ts +5 -0
- package/types/components/NavigationDrawer/NavigationDrawer.styles.d.ts.map +1 -0
- package/types/components/NavigationDrawer/NavigationDrawer.tokens.d.ts +62 -0
- package/types/components/NavigationDrawer/NavigationDrawer.tokens.d.ts.map +1 -0
- package/types/components/NavigationDrawer/NavigationDrawer.types.d.ts +115 -0
- package/types/components/NavigationDrawer/NavigationDrawer.types.d.ts.map +1 -0
- package/types/components/NavigationDrawer/index.d.ts +4 -0
- package/types/components/NavigationDrawer/index.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.d.ts +4 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts +8 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.types.d.ts +7 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.types.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/Section.d.ts +3 -0
- package/types/components/NavigationDrawer/ui/Section/Section.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts +7 -0
- package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/Section.types.d.ts +10 -0
- package/types/components/NavigationDrawer/ui/Section/Section.types.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/index.d.ts +3 -0
- package/types/components/NavigationDrawer/ui/Section/index.d.ts.map +1 -0
- package/types/components/NavigationDrawer/variations/_size/base.d.ts +2 -0
- package/types/components/NavigationDrawer/variations/_size/base.d.ts.map +1 -0
- package/types/components/NavigationDrawer/variations/_view/base.d.ts +2 -0
- package/types/components/NavigationDrawer/variations/_view/base.d.ts.map +1 -0
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/ui/Draggable/Draggable.d.ts +6 -0
- package/types/components/Popup/ui/Draggable/Draggable.d.ts.map +1 -0
- package/types/components/Popup/ui/Resizable/Resizable.d.ts +7 -0
- package/types/components/Popup/ui/Resizable/Resizable.d.ts.map +1 -0
- package/types/components/Popup/ui/index.d.ts +3 -0
- package/types/components/Popup/ui/index.d.ts.map +1 -0
- package/types/components/Tabs/TabItem.types.d.ts +46 -1
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/hooks/useTabItem.d.ts +19 -0
- package/types/components/Tabs/hooks/useTabItem.d.ts.map +1 -0
- package/types/components/Tabs/index.d.ts +3 -1
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts +26 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.d.ts +4 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts +26 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.d.ts +4 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.types.d.ts +31 -20
- package/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/types/components/Tooltip/hooks/index.d.ts +2 -0
- package/types/components/Tooltip/hooks/index.d.ts.map +1 -0
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts +7 -0
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts.map +1 -0
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +1 -0
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- package/types/components/Tree/Tree.types.d.ts +11 -4
- package/types/components/Tree/Tree.types.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DotsHorizontalOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DotsHorizontalOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconClose.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconDotsHorizontalOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDotsHorizontalOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.config.d.ts +1 -0
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.d.ts +1 -0
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/NavigationDrawer/NavigationDrawer.config.d.ts +16 -0
- package/types/examples/components/NavigationDrawer/NavigationDrawer.config.d.ts.map +1 -0
- package/types/examples/components/NavigationDrawer/NavigationDrawer.d.ts +45 -0
- package/types/examples/components/NavigationDrawer/NavigationDrawer.d.ts.map +1 -0
- package/types/examples/components/Tabs/TabItem.d.ts +41 -3
- package/types/examples/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +29 -0
- package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts.map +1 -0
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/vertical/VerticalIconTabItem.config.d.ts +21 -0
- package/types/examples/components/Tabs/vertical/VerticalIconTabItem.config.d.ts.map +1 -0
- package/types/examples/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Drawer/Drawer.styles_11rwbjh.css +0 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1oadm5t.css +0 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1tc3j1u.css +0 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/cjs/components/Tree/Tree.styles_1w91oy6.css +0 -7
- package/es/components/Drawer/Drawer.styles_11rwbjh.css +0 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1oadm5t.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1tc3j1u.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/es/components/Tree/Tree.styles_1w91oy6.css +0 -7
@@ -87,5 +87,6 @@ export var tokens = {
|
|
87
87
|
valueFontStyle: '--plasma-tab-item-value-font-style',
|
88
88
|
valueFontWeight: '--plasma-tab-item-value-font-weight',
|
89
89
|
valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',
|
90
|
-
valueLineHeight: '--plasma-tab-item-value-lineheight'
|
90
|
+
valueLineHeight: '--plasma-tab-item-value-lineheight',
|
91
|
+
actionContentMarginLeft: '--plasma-tab-item-action-content-margin-left'
|
91
92
|
};
|
package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js
ADDED
@@ -0,0 +1,134 @@
|
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function _object_without_properties(source, excluded) {
|
30
|
+
if (source == null) return {};
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
32
|
+
var key, i;
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
36
|
+
key = sourceSymbolKeys[i];
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
39
|
+
target[key] = source[key];
|
40
|
+
}
|
41
|
+
}
|
42
|
+
return target;
|
43
|
+
}
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
45
|
+
if (source == null) return {};
|
46
|
+
var target = {};
|
47
|
+
var sourceKeys = Object.keys(source);
|
48
|
+
var key, i;
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
50
|
+
key = sourceKeys[i];
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
52
|
+
target[key] = source[key];
|
53
|
+
}
|
54
|
+
return target;
|
55
|
+
}
|
56
|
+
import React, { forwardRef, useRef, useContext } from "react";
|
57
|
+
import { useForkRef } from "@salutejs/plasma-core";
|
58
|
+
import { cx } from "../../../../../utils";
|
59
|
+
import { classes } from "../../../tokens";
|
60
|
+
import { TabsContext } from "../../../TabsContext";
|
61
|
+
import { useTabItem } from "../../../hooks/useTabItem";
|
62
|
+
import { base as viewCSS } from "./variations/_view/base";
|
63
|
+
import { base as sizeCSS } from "./variations/_size/base";
|
64
|
+
import { base as disabledCSS } from "./variations/_disabled/base";
|
65
|
+
import { ActionContent, StyledContent, base } from "./HorizontalIconTabItem.styles";
|
66
|
+
export var horizontalIconTabItemRoot = function(Root) {
|
67
|
+
return /*#__PURE__*/ forwardRef(function(props, outerRef) {
|
68
|
+
var size = props.size, view = props.view, children = props.children, selected = props.selected, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, actionContent = props.actionContent, itemIndex = props.itemIndex, tabIndex = props.tabIndex, className = props.className, onIndexChange = props.onIndexChange, onClick = props.onClick, isActive = props.isActive, _props_animated = props.animated, animated = _props_animated === void 0 ? true : _props_animated, rest = _object_without_properties(props, [
|
69
|
+
"size",
|
70
|
+
"view",
|
71
|
+
"children",
|
72
|
+
"selected",
|
73
|
+
"disabled",
|
74
|
+
"actionContent",
|
75
|
+
"itemIndex",
|
76
|
+
"tabIndex",
|
77
|
+
"className",
|
78
|
+
"onIndexChange",
|
79
|
+
"onClick",
|
80
|
+
"isActive",
|
81
|
+
"animated"
|
82
|
+
]);
|
83
|
+
var innerRef = useRef(null);
|
84
|
+
var ref = useForkRef(outerRef, innerRef);
|
85
|
+
var refs = useContext(TabsContext);
|
86
|
+
var role = 'tab';
|
87
|
+
var animatedClass = animated ? classes.tabItemAnimated : undefined;
|
88
|
+
var selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;
|
89
|
+
var _useTabItem = useTabItem({
|
90
|
+
refs: refs,
|
91
|
+
innerRef: innerRef,
|
92
|
+
itemIndex: itemIndex,
|
93
|
+
selected: selected,
|
94
|
+
disabled: disabled,
|
95
|
+
onIndexChange: onIndexChange,
|
96
|
+
onClick: onClick,
|
97
|
+
orientation: rest.orientation
|
98
|
+
}), hasKeyNavigation = _useTabItem.hasKeyNavigation, navigationTabIndex = _useTabItem.navigationTabIndex, onItemFocus = _useTabItem.onItemFocus, handleClick = _useTabItem.handleClick;
|
99
|
+
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
100
|
+
ref: ref,
|
101
|
+
className: cx(selectedClass, animatedClass, className),
|
102
|
+
disabled: disabled,
|
103
|
+
role: role,
|
104
|
+
view: view,
|
105
|
+
size: size,
|
106
|
+
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
107
|
+
onFocus: onItemFocus,
|
108
|
+
onClick: handleClick
|
109
|
+
}, rest), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(StyledContent, {
|
110
|
+
className: classes.tabContent
|
111
|
+
}, children), actionContent && /*#__PURE__*/ React.createElement(ActionContent, null, actionContent)));
|
112
|
+
});
|
113
|
+
};
|
114
|
+
export var horizontalIconTabItemConfig = {
|
115
|
+
name: 'HorizontalIconTabItem',
|
116
|
+
tag: 'button',
|
117
|
+
layout: horizontalIconTabItemRoot,
|
118
|
+
base: base,
|
119
|
+
variations: {
|
120
|
+
size: {
|
121
|
+
css: sizeCSS
|
122
|
+
},
|
123
|
+
view: {
|
124
|
+
css: viewCSS
|
125
|
+
},
|
126
|
+
disabled: {
|
127
|
+
css: disabledCSS,
|
128
|
+
attrs: true
|
129
|
+
}
|
130
|
+
},
|
131
|
+
defaults: {
|
132
|
+
view: 'default'
|
133
|
+
}
|
134
|
+
};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import styled from "@emotion/styled";
|
2
|
+
import { css } from "@emotion/react";
|
3
|
+
import { addFocus } from "../../../../../mixins";
|
4
|
+
import { tokens } from "../../../tokens";
|
5
|
+
export var StyledContent = /*#__PURE__*/ styled("div", {
|
6
|
+
target: "e5hw17h0",
|
7
|
+
label: "StyledContent"
|
8
|
+
})("display:inline-block;width:fit-content;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL0hvcml6b250YWxJY29uVGFiSXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxJY29uVGFiSXRlbS9Ib3Jpem9udGFsSWNvblRhYkl0ZW0uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5hY3Rpb25Db250ZW50TWFyZ2luTGVmdH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50R2FwfSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIifQ== */");
|
9
|
+
export var ActionContent = /*#__PURE__*/ styled("div", {
|
10
|
+
target: "e5hw17h1",
|
11
|
+
label: "ActionContent"
|
12
|
+
})("display:flex;margin-left:var(", tokens.actionContentMarginLeft, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL0hvcml6b250YWxJY29uVGFiSXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxJY29uVGFiSXRlbS9Ib3Jpem9udGFsSWNvblRhYkl0ZW0uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5hY3Rpb25Db250ZW50TWFyZ2luTGVmdH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50R2FwfSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNkIifQ== */");
|
13
|
+
export var base = /*#__PURE__*/ css("position:relative;display:flex;align-items:center;justify-content:center;gap:var(", tokens.itemContentGap, ");appearance:none;border:none;outline:none;cursor:var(", tokens.itemCursorOverNotSelected, ",var(", tokens.itemCursor, "));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;&:first-child{margin-left:0;}", addFocus({
|
14
|
+
outlineSize: '0.063rem',
|
15
|
+
outlineOffset: '-0.125rem',
|
16
|
+
outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
|
17
|
+
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
18
|
+
customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
|
19
|
+
}), ";", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL0hvcml6b250YWxJY29uVGFiSXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxJY29uVGFiSXRlbS9Ib3Jpem9udGFsSWNvblRhYkl0ZW0uc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnc3JjL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IEFjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWFyZ2luLWxlZnQ6IHZhcigke3Rva2Vucy5hY3Rpb25Db250ZW50TWFyZ2luTGVmdH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50R2FwfSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9CIn0= */");
|
package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js
ADDED
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from "@emotion/react";
|
2
|
+
import { classes, tokens } from "../../../../../tokens";
|
3
|
+
export var base = /*#__PURE__*/ css("&[disabled]{cursor:not-allowed;&:hover{color:var(", tokens.itemColor, ");background-color:var(", tokens.itemBackgroundColor, ");}&.", classes.selectedTabsItem, ":hover{color:var(", tokens.itemSelectedColor, ");background-color:var(", tokens.itemSelectedBackgroundColor, ");}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvVGFicy91aS9ob3Jpem9udGFsL0hvcml6b250YWxJY29uVGFiSXRlbS92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3J9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9yfSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5zZWxlY3RlZFRhYnNJdGVtfTpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9yfSk7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQmFja2dyb3VuZENvbG9yfSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlvQiJ9 */");
|
package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js
ADDED
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from "@emotion/react";
|
2
|
+
import { tokens } from "../../../../../tokens";
|
3
|
+
export var base = /*#__PURE__*/ css("--plasma_private-outline-radius:var(", tokens.itemBorderRadius, ");border-radius:var(", tokens.itemBorderRadius, ");padding:var(", tokens.itemPadding, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXM6IHZhcigke3Rva2Vucy5pdGVtQm9yZGVyUmFkaXVzfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIn0= */");
|
package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js
ADDED
@@ -0,0 +1,3 @@
|
|
1
|
+
import { css } from "@emotion/react";
|
2
|
+
import { classes, tokens } from "../../../../../tokens";
|
3
|
+
export var base = /*#__PURE__*/ css("color:var(", tokens.itemColor, ");background-color:var(", tokens.itemBackgroundColor, ");&:hover{color:var(", tokens.itemColorHover, ");background-color:var(", tokens.itemBackgroundColorHover, ");}&:active{color:var(", tokens.itemColorActive, ");}&.", classes.tabItemAnimated, "{transition:var(", tokens.itemBackgroundTransition, ");}&.", classes.selectedTabsItem, "{color:var(", tokens.itemSelectedColor, ");background-color:var(", tokens.itemSelectedBackgroundColor, ");cursor:var(", tokens.itemCursor, ");&:hover{color:var(", tokens.itemSelectedColorHover, ");background-color:var(", tokens.itemSelectedBackgroundColorHover, ");&::after{background-color:var(", tokens.itemSelectedDividerColorHover, ");}}&::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(", tokens.itemSelectedDividerColor, ");height:var(", tokens.itemSelectedDividerHeight, ");border-radius:0.063rem;}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbEljb25UYWJJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3Rva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kQ29sb3J9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvckhvdmVyfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yQWN0aXZlfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudGFiSXRlbUFuaW1hdGVkfSB7XG4gICAgICAgIHRyYW5zaXRpb246IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFRyYW5zaXRpb259KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5zZWxlY3RlZFRhYnNJdGVtfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbVNlbGVjdGVkQ29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZEJhY2tncm91bmRDb2xvcn0pO1xuICAgICAgICBjdXJzb3I6IHZhcigke3Rva2Vucy5pdGVtQ3Vyc29yfSk7XG5cbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZENvbG9ySG92ZXJ9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWRCYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuXG4gICAgICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJDb2xvckhvdmVyfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5pdGVtU2VsZWN0ZWREaXZpZGVyQ29sb3J9KTtcbiAgICAgICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1TZWxlY3RlZERpdmlkZXJIZWlnaHR9KTtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDAuMDYzcmVtO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJb0IifQ== */");
|
@@ -77,19 +77,20 @@ function _object_without_properties_loose(source, excluded) {
|
|
77
77
|
}
|
78
78
|
return target;
|
79
79
|
}
|
80
|
-
import React, { forwardRef, useRef, useContext
|
80
|
+
import React, { forwardRef, useRef, useContext } from "react";
|
81
81
|
import { useForkRef } from "@salutejs/plasma-core";
|
82
82
|
import { classes } from "../../../tokens";
|
83
83
|
import { cx } from "../../../../../utils";
|
84
84
|
import { TabsContext } from "../../../TabsContext";
|
85
|
+
import { useTabItem } from "../../../hooks/useTabItem";
|
85
86
|
import { base as viewCSS } from "./variations/_view/base";
|
86
87
|
import { base as sizeCSS } from "./variations/_size/base";
|
87
88
|
import { base as pilledCSS } from "./variations/_pilled/base";
|
88
89
|
import { base as disabledCSS } from "./variations/_disabled/base";
|
89
|
-
import { LeftContent, RightContent, StyledContent, TabItemValue, base } from "./HorizontalTabItem.styles";
|
90
|
+
import { ActionContent, LeftContent, RightContent, StyledContent, TabItemValue, base } from "./HorizontalTabItem.styles";
|
90
91
|
export var horizontalTabItemRoot = function(Root) {
|
91
92
|
return /*#__PURE__*/ forwardRef(function(props, outerRef) {
|
92
|
-
var size = props.size, view = props.view, isActive = props.isActive, selected = props.selected, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_pilled = props.pilled, pilled = _props_pilled === void 0 ? false : _props_pilled, children = props.children, value = props.value, contentLeft = props.contentLeft, contentRight = props.contentRight, _props_animated = props.animated, animated = _props_animated === void 0 ? true : _props_animated, onIndexChange = props.onIndexChange, itemIndex = props.itemIndex, tabIndex = props.tabIndex, className = props.className, onClick = props.onClick, tmp = props.maxItemWidth, maxWidth = tmp === void 0 ? 'auto' : tmp, rest = _object_without_properties(props, [
|
93
|
+
var size = props.size, view = props.view, isActive = props.isActive, selected = props.selected, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_pilled = props.pilled, pilled = _props_pilled === void 0 ? false : _props_pilled, children = props.children, value = props.value, contentLeft = props.contentLeft, contentRight = props.contentRight, actionContent = props.actionContent, _props_animated = props.animated, animated = _props_animated === void 0 ? true : _props_animated, onIndexChange = props.onIndexChange, itemIndex = props.itemIndex, tabIndex = props.tabIndex, className = props.className, onClick = props.onClick, tmp = props.maxItemWidth, maxWidth = tmp === void 0 ? 'auto' : tmp, rest = _object_without_properties(props, [
|
93
94
|
"size",
|
94
95
|
"view",
|
95
96
|
"isActive",
|
@@ -100,6 +101,7 @@ export var horizontalTabItemRoot = function(Root) {
|
|
100
101
|
"value",
|
101
102
|
"contentLeft",
|
102
103
|
"contentRight",
|
104
|
+
"actionContent",
|
103
105
|
"animated",
|
104
106
|
"onIndexChange",
|
105
107
|
"itemIndex",
|
@@ -117,70 +119,16 @@ export var horizontalTabItemRoot = function(Root) {
|
|
117
119
|
var pilledClass = pilledAttr ? classes.tabsPilled : undefined;
|
118
120
|
var selectedClass = isActive || selected ? classes.selectedTabsItem : undefined;
|
119
121
|
var truncateClass = maxWidth !== 'auto' ? classes.tabsTruncate : undefined;
|
120
|
-
var
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
}, [
|
131
|
-
refs
|
132
|
-
]);
|
133
|
-
useLayoutEffect(function() {
|
134
|
-
var _innerRef_current_parentElement;
|
135
|
-
if (!selected || !innerRef.current) {
|
136
|
-
return;
|
137
|
-
}
|
138
|
-
var scrollEl = (_innerRef_current_parentElement = innerRef.current.parentElement) === null || _innerRef_current_parentElement === void 0 ? void 0 : _innerRef_current_parentElement.parentElement;
|
139
|
-
if (!scrollEl) {
|
140
|
-
return;
|
141
|
-
}
|
142
|
-
var scrollElStyle = getComputedStyle(scrollEl);
|
143
|
-
scrollEl.scrollTo({
|
144
|
-
left: innerRef.current.offsetLeft - parseInt(scrollElStyle.paddingLeft, 10)
|
145
|
-
});
|
146
|
-
}, [
|
147
|
-
selected
|
148
|
-
]);
|
149
|
-
var onItemFocus = useCallback(function(event) {
|
150
|
-
if (disabled) {
|
151
|
-
return;
|
152
|
-
}
|
153
|
-
if (!hasKeyNavigation && (innerRef === null || innerRef === void 0 ? void 0 : innerRef.current)) {
|
154
|
-
innerRef.current.scrollTo({
|
155
|
-
top: 0,
|
156
|
-
left: innerRef.current.offsetLeft,
|
157
|
-
behavior: 'smooth'
|
158
|
-
});
|
159
|
-
return;
|
160
|
-
}
|
161
|
-
if (!refs) {
|
162
|
-
return;
|
163
|
-
}
|
164
|
-
var focusIndex = refs.items.findIndex(function(itemRef) {
|
165
|
-
return itemRef.current === event.target;
|
166
|
-
});
|
167
|
-
if (focusIndex === refs.current) {
|
168
|
-
return;
|
169
|
-
}
|
170
|
-
onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(focusIndex);
|
171
|
-
refs.setCurrent(focusIndex);
|
172
|
-
}, [
|
173
|
-
refs,
|
174
|
-
innerRef,
|
175
|
-
onIndexChange,
|
176
|
-
disabled
|
177
|
-
]);
|
178
|
-
var handleClick = function(event) {
|
179
|
-
if (!onClick) {
|
180
|
-
return;
|
181
|
-
}
|
182
|
-
onClick(event);
|
183
|
-
};
|
122
|
+
var _useTabItem = useTabItem({
|
123
|
+
refs: refs,
|
124
|
+
innerRef: innerRef,
|
125
|
+
itemIndex: itemIndex,
|
126
|
+
selected: selected,
|
127
|
+
disabled: disabled,
|
128
|
+
onIndexChange: onIndexChange,
|
129
|
+
onClick: onClick,
|
130
|
+
orientation: rest.orientation
|
131
|
+
}), hasKeyNavigation = _useTabItem.hasKeyNavigation, navigationTabIndex = _useTabItem.navigationTabIndex, onItemFocus = _useTabItem.onItemFocus, handleClick = _useTabItem.handleClick;
|
184
132
|
return /*#__PURE__*/ React.createElement(Root, _object_spread_props(_object_spread({
|
185
133
|
ref: ref,
|
186
134
|
disabled: disabled,
|
@@ -203,7 +151,7 @@ export var horizontalTabItemRoot = function(Root) {
|
|
203
151
|
className: classes.tabContent
|
204
152
|
}, children), !contentRight && value && /*#__PURE__*/ React.createElement(TabItemValue, null, value), !value && contentRight && /*#__PURE__*/ React.createElement(RightContent, {
|
205
153
|
className: classes.tabRightContent
|
206
|
-
}, contentRight)));
|
154
|
+
}, contentRight), actionContent && /*#__PURE__*/ React.createElement(ActionContent, null, actionContent)));
|
207
155
|
});
|
208
156
|
};
|
209
157
|
export var horizontalTabItemConfig = {
|
package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js
CHANGED
@@ -3,25 +3,29 @@ import { css } from "@emotion/react";
|
|
3
3
|
import { addFocus } from "../../../../../mixins";
|
4
4
|
import { classes, tokens } from "../../../tokens";
|
5
5
|
export var StyledContent = /*#__PURE__*/ styled("div", {
|
6
|
-
target: "
|
6
|
+
target: "e1m31ntz0",
|
7
7
|
label: "StyledContent"
|
8
|
-
})("display:inline-block;width:fit-content;padding:0 var(", tokens.itemContentPaddingClear, ",var(", tokens.itemContentPadding, "));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
8
|
+
})("display:inline-block;width:fit-content;padding:0 var(", tokens.itemContentPaddingClear, ",var(", tokens.itemContentPadding, "));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS9Ib3Jpem9udGFsVGFiSXRlbS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJJdGVtVmFsdWUgPSBzdHlsZWQuc3BhbmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1WYWx1ZUNvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udEZhbWlseX0sIHZhcigke3Rva2Vucy5mb250RmFtaWx5fSkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFNpemV9LCB2YXIoJHt0b2tlbnMuZm9udFNpemV9KSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFN0eWxlfSwgdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pKTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFdlaWdodH0sIHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSkpO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudmFsdWVMZXR0ZXJTcGFjaW5nfSwgdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy52YWx1ZUxpbmVIZWlnaHR9LCB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuYWN0aW9uQ29udGVudE1hcmdpbkxlZnR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMudGFic1RydW5jYXRlfSB7XG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUYWJJdGVtVmFsdWV9IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTZCIn0= */");
|
9
9
|
export var TabItemValue = /*#__PURE__*/ styled("span", {
|
10
|
-
target: "
|
10
|
+
target: "e1m31ntz1",
|
11
11
|
label: "TabItemValue"
|
12
|
-
})("color:var(", tokens.itemValueColor, ");font-family:var(", tokens.valueFontFamily, ",var(", tokens.fontFamily, "));font-size:var(", tokens.valueFontSize, ",var(", tokens.fontSize, "));font-style:var(", tokens.valueFontStyle, ",var(", tokens.fontStyle, "));font-weight:var(", tokens.valueFontWeight, ",var(", tokens.fontWeight, "));letter-spacing:var(", tokens.valueLetterSpacing, ",var(", tokens.letterSpacing, "));line-height:var(", tokens.valueLineHeight, ",var(", tokens.lineHeight, "));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
12
|
+
})("color:var(", tokens.itemValueColor, ");font-family:var(", tokens.valueFontFamily, ",var(", tokens.fontFamily, "));font-size:var(", tokens.valueFontSize, ",var(", tokens.fontSize, "));font-style:var(", tokens.valueFontStyle, ",var(", tokens.fontStyle, "));font-weight:var(", tokens.valueFontWeight, ",var(", tokens.fontWeight, "));letter-spacing:var(", tokens.valueLetterSpacing, ",var(", tokens.letterSpacing, "));line-height:var(", tokens.valueLineHeight, ",var(", tokens.lineHeight, "));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS9Ib3Jpem9udGFsVGFiSXRlbS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJJdGVtVmFsdWUgPSBzdHlsZWQuc3BhbmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1WYWx1ZUNvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udEZhbWlseX0sIHZhcigke3Rva2Vucy5mb250RmFtaWx5fSkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFNpemV9LCB2YXIoJHt0b2tlbnMuZm9udFNpemV9KSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFN0eWxlfSwgdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pKTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFdlaWdodH0sIHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSkpO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudmFsdWVMZXR0ZXJTcGFjaW5nfSwgdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy52YWx1ZUxpbmVIZWlnaHR9LCB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuYWN0aW9uQ29udGVudE1hcmdpbkxlZnR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMudGFic1RydW5jYXRlfSB7XG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUYWJJdGVtVmFsdWV9IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIn0= */");
|
13
13
|
export var RightContent = /*#__PURE__*/ styled("div", {
|
14
|
-
target: "
|
14
|
+
target: "e1m31ntz2",
|
15
15
|
label: "RightContent"
|
16
|
-
})("display:flex;color:inherit;&:hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
16
|
+
})("display:flex;color:inherit;&:hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS9Ib3Jpem9udGFsVGFiSXRlbS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJJdGVtVmFsdWUgPSBzdHlsZWQuc3BhbmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1WYWx1ZUNvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udEZhbWlseX0sIHZhcigke3Rva2Vucy5mb250RmFtaWx5fSkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFNpemV9LCB2YXIoJHt0b2tlbnMuZm9udFNpemV9KSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFN0eWxlfSwgdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pKTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFdlaWdodH0sIHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSkpO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudmFsdWVMZXR0ZXJTcGFjaW5nfSwgdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy52YWx1ZUxpbmVIZWlnaHR9LCB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuYWN0aW9uQ29udGVudE1hcmdpbkxlZnR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMudGFic1RydW5jYXRlfSB7XG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUYWJJdGVtVmFsdWV9IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I0QiJ9 */");
|
17
17
|
export var LeftContent = /*#__PURE__*/ styled("div", {
|
18
|
-
target: "
|
18
|
+
target: "e1m31ntz3",
|
19
19
|
label: "LeftContent"
|
20
|
-
})("display:flex;color:inherit;&:hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
20
|
+
})("display:flex;color:inherit;&:hover{color:inherit;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS9Ib3Jpem9udGFsVGFiSXRlbS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJJdGVtVmFsdWUgPSBzdHlsZWQuc3BhbmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1WYWx1ZUNvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udEZhbWlseX0sIHZhcigke3Rva2Vucy5mb250RmFtaWx5fSkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFNpemV9LCB2YXIoJHt0b2tlbnMuZm9udFNpemV9KSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFN0eWxlfSwgdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pKTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFdlaWdodH0sIHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSkpO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudmFsdWVMZXR0ZXJTcGFjaW5nfSwgdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy52YWx1ZUxpbmVIZWlnaHR9LCB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuYWN0aW9uQ29udGVudE1hcmdpbkxlZnR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMudGFic1RydW5jYXRlfSB7XG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUYWJJdGVtVmFsdWV9IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUMyQiJ9 */");
|
21
|
+
export var ActionContent = /*#__PURE__*/ styled("div", {
|
22
|
+
target: "e1m31ntz4",
|
23
|
+
label: "ActionContent"
|
24
|
+
})("display:flex;margin-left:var(", tokens.actionContentMarginLeft, ");", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS9Ib3Jpem9udGFsVGFiSXRlbS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJJdGVtVmFsdWUgPSBzdHlsZWQuc3BhbmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1WYWx1ZUNvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udEZhbWlseX0sIHZhcigke3Rva2Vucy5mb250RmFtaWx5fSkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFNpemV9LCB2YXIoJHt0b2tlbnMuZm9udFNpemV9KSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFN0eWxlfSwgdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pKTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFdlaWdodH0sIHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSkpO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudmFsdWVMZXR0ZXJTcGFjaW5nfSwgdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy52YWx1ZUxpbmVIZWlnaHR9LCB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuYWN0aW9uQ29udGVudE1hcmdpbkxlZnR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMudGFic1RydW5jYXRlfSB7XG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUYWJJdGVtVmFsdWV9IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM2QiJ9 */");
|
21
25
|
export var base = /*#__PURE__*/ css("position:relative;display:flex;align-items:center;justify-content:center;gap:var(", tokens.itemContentGap, ");padding:var(", tokens.itemPaddingClear, ",var(", tokens.itemPadding, "));appearance:none;border:none;outline:none;cursor:var(", tokens.itemCursorOverNotSelected, ",var(", tokens.itemCursor, "));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;&:first-child{margin-left:0;}", addFocus({
|
22
26
|
outlineSize: '0.063rem',
|
23
27
|
outlineOffset: '-0.125rem',
|
24
28
|
outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
|
25
29
|
outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
|
26
30
|
customFocusRules: "\n &.focus-visible:focus,\n &[data-focus-visible-added] {\n &::before {\n z-index: 1;\n outline: none;\n box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n }\n }\n ")
|
27
|
-
}), ";&.", classes.tabsTruncate, "{", StyledContent, "{overflow:hidden;text-overflow:ellipsis;}", TabItemValue, "{overflow:hidden;text-overflow:ellipsis;}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
31
|
+
}), ";&.", classes.tabsTruncate, "{", StyledContent, "{overflow:hidden;text-overflow:ellipsis;}", TabItemValue, "{overflow:hidden;text-overflow:ellipsis;}}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9UYWJzL3VpL2hvcml6b250YWwvSG9yaXpvbnRhbFRhYkl0ZW0vSG9yaXpvbnRhbFRhYkl0ZW0uc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1RhYnMvdWkvaG9yaXpvbnRhbC9Ib3Jpem9udGFsVGFiSXRlbS9Ib3Jpem9udGFsVGFiSXRlbS5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL21peGlucyc7XG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi8uLi90b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgIHBhZGRpbmc6IDAgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ0NsZWFyfSwgdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UGFkZGluZ30pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWJJdGVtVmFsdWUgPSBzdHlsZWQuc3BhbmBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1WYWx1ZUNvbG9yfSk7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udEZhbWlseX0sIHZhcigke3Rva2Vucy5mb250RmFtaWx5fSkpO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFNpemV9LCB2YXIoJHt0b2tlbnMuZm9udFNpemV9KSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFN0eWxlfSwgdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pKTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnZhbHVlRm9udFdlaWdodH0sIHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSkpO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudmFsdWVMZXR0ZXJTcGFjaW5nfSwgdmFyKCR7dG9rZW5zLmxldHRlclNwYWNpbmd9KSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy52YWx1ZUxpbmVIZWlnaHR9LCB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBSaWdodENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIG1hcmdpbi1sZWZ0OiB2YXIoJHt0b2tlbnMuYWN0aW9uQ29udGVudE1hcmdpbkxlZnR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudEdhcH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nQ2xlYXJ9LCB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmd9KSk7XG5cbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogdmFyKCR7dG9rZW5zLml0ZW1DdXJzb3JPdmVyTm90U2VsZWN0ZWR9LCB2YXIoJHt0b2tlbnMuaXRlbUN1cnNvcn0pKTtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICAtd2Via2l0LXRhcC1oaWdobGlnaHQtY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICAgJjpmaXJzdC1jaGlsZCB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYzcmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJy0wLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5vdXRsaW5lRm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJ2NhbGModmFyKC0tcGxhc21hX3ByaXZhdGUtb3V0bGluZS1yYWRpdXMpICsgMC4wNjNyZW0pJyxcbiAgICAgICAgY3VzdG9tRm9jdXNSdWxlczogYFxuICAgICAgICAgICAgJi5mb2N1cy12aXNpYmxlOmZvY3VzLFxuICAgICAgICAgICAgJltkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdIHtcbiAgICAgICAgICAgICAgICAmOjpiZWZvcmUge1xuICAgICAgICAgICAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICAgICAgICAgICAgICBib3gtc2hhZG93OiAwIDAgMCAwLjA2M3JlbSB2YXIoJHt0b2tlbnMub3V0bGluZUZvY3VzQ29sb3J9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIGAsXG4gICAgfSl9O1xuXG4gICAgJi4ke2NsYXNzZXMudGFic1RydW5jYXRlfSB7XG4gICAgICAgICR7U3R5bGVkQ29udGVudH0ge1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtUYWJJdGVtVmFsdWV9IHtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NvQiJ9 */");
|
@@ -287,7 +287,9 @@ export var horizontalTabsRoot = function(Root) {
|
|
287
287
|
useLayoutEffect(function() {
|
288
288
|
var _scrollRef_current, _scrollRef_current1;
|
289
289
|
setLastItemVisible(((_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 ? void 0 : _scrollRef_current.scrollWidth) === ((_scrollRef_current1 = scrollRef.current) === null || _scrollRef_current1 === void 0 ? void 0 : _scrollRef_current1.clientWidth));
|
290
|
-
}, [
|
290
|
+
}, [
|
291
|
+
clip
|
292
|
+
]);
|
291
293
|
// Этот хук компенсирует появление левой стрелки при прокрутке
|
292
294
|
useLayoutEffect(function() {
|
293
295
|
if (firstItemVisible || !shouldTriggerAdditionalScroll || !scrollRef.current || !leftArrowRef.current) {
|
@@ -317,13 +319,13 @@ export var horizontalTabsRoot = function(Root) {
|
|
317
319
|
disabled: disabled,
|
318
320
|
className: cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, noDividerClass, className),
|
319
321
|
onKeyDown: onKeyDown
|
320
|
-
}, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/ React.createElement(StyledContentWrapper, {
|
322
|
+
}, rest), !firstItemVisible && clip === 'scroll' && PreviousButton, /*#__PURE__*/ React.createElement(StyledContentWrapper, {
|
321
323
|
className: cx(clipScrollClass, clipShowAllClass),
|
322
324
|
ref: scrollRef,
|
323
325
|
onScroll: handleScroll
|
324
326
|
}, /*#__PURE__*/ React.createElement(StyledContent, {
|
325
327
|
ref: trackRef
|
326
|
-
}, children)), !lastItemVisible && NextButton));
|
328
|
+
}, children)), !lastItemVisible && clip === 'scroll' && NextButton));
|
327
329
|
});
|
328
330
|
};
|
329
331
|
export var horizontalTabsConfig = {
|
@@ -0,0 +1,131 @@
|
|
1
|
+
function _define_property(obj, key, value) {
|
2
|
+
if (key in obj) {
|
3
|
+
Object.defineProperty(obj, key, {
|
4
|
+
value: value,
|
5
|
+
enumerable: true,
|
6
|
+
configurable: true,
|
7
|
+
writable: true
|
8
|
+
});
|
9
|
+
} else {
|
10
|
+
obj[key] = value;
|
11
|
+
}
|
12
|
+
return obj;
|
13
|
+
}
|
14
|
+
function _object_spread(target) {
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
17
|
+
var ownKeys = Object.keys(source);
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
21
|
+
}));
|
22
|
+
}
|
23
|
+
ownKeys.forEach(function(key) {
|
24
|
+
_define_property(target, key, source[key]);
|
25
|
+
});
|
26
|
+
}
|
27
|
+
return target;
|
28
|
+
}
|
29
|
+
function _object_without_properties(source, excluded) {
|
30
|
+
if (source == null) return {};
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
32
|
+
var key, i;
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
36
|
+
key = sourceSymbolKeys[i];
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
39
|
+
target[key] = source[key];
|
40
|
+
}
|
41
|
+
}
|
42
|
+
return target;
|
43
|
+
}
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
45
|
+
if (source == null) return {};
|
46
|
+
var target = {};
|
47
|
+
var sourceKeys = Object.keys(source);
|
48
|
+
var key, i;
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
50
|
+
key = sourceKeys[i];
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
52
|
+
target[key] = source[key];
|
53
|
+
}
|
54
|
+
return target;
|
55
|
+
}
|
56
|
+
import React, { forwardRef, useRef, useContext } from "react";
|
57
|
+
import { useForkRef } from "@salutejs/plasma-core";
|
58
|
+
import { cx } from "../../../../../utils";
|
59
|
+
import { classes } from "../../../tokens";
|
60
|
+
import { TabsContext } from "../../../TabsContext";
|
61
|
+
import { useTabItem } from "../../../hooks/useTabItem";
|
62
|
+
import { base as viewCSS } from "./variations/_view/base";
|
63
|
+
import { base as sizeCSS } from "./variations/_size/base";
|
64
|
+
import { base as disabledCSS } from "./variations/_disabled/base";
|
65
|
+
import { ActionContent, base, StyledContent } from "./VerticalIconTabItem.styles";
|
66
|
+
export var verticalIconTabItemRoot = function(Root) {
|
67
|
+
return /*#__PURE__*/ forwardRef(function(props, outerRef) {
|
68
|
+
var size = props.size, view = props.view, selected = props.selected, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, children = props.children, actionContent = props.actionContent, itemIndex = props.itemIndex, tabIndex = props.tabIndex, className = props.className, onIndexChange = props.onIndexChange, onClick = props.onClick, rest = _object_without_properties(props, [
|
69
|
+
"size",
|
70
|
+
"view",
|
71
|
+
"selected",
|
72
|
+
"disabled",
|
73
|
+
"children",
|
74
|
+
"actionContent",
|
75
|
+
"itemIndex",
|
76
|
+
"tabIndex",
|
77
|
+
"className",
|
78
|
+
"onIndexChange",
|
79
|
+
"onClick"
|
80
|
+
]);
|
81
|
+
var innerRef = useRef(null);
|
82
|
+
var ref = useForkRef(outerRef, innerRef);
|
83
|
+
var refs = useContext(TabsContext);
|
84
|
+
var role = 'tab';
|
85
|
+
var selectedClass = selected ? classes.selectedTabsItem : undefined;
|
86
|
+
var _useTabItem = useTabItem({
|
87
|
+
refs: refs,
|
88
|
+
innerRef: innerRef,
|
89
|
+
itemIndex: itemIndex,
|
90
|
+
selected: selected,
|
91
|
+
disabled: disabled,
|
92
|
+
onIndexChange: onIndexChange,
|
93
|
+
onClick: onClick,
|
94
|
+
orientation: rest.orientation
|
95
|
+
}), hasKeyNavigation = _useTabItem.hasKeyNavigation, navigationTabIndex = _useTabItem.navigationTabIndex, onItemFocus = _useTabItem.onItemFocus, handleClick = _useTabItem.handleClick;
|
96
|
+
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
97
|
+
ref: ref,
|
98
|
+
className: cx(selectedClass, className),
|
99
|
+
disabled: disabled,
|
100
|
+
role: role,
|
101
|
+
view: view,
|
102
|
+
size: size,
|
103
|
+
tabIndex: hasKeyNavigation ? navigationTabIndex : tabIndex,
|
104
|
+
onFocus: onItemFocus,
|
105
|
+
onClick: handleClick
|
106
|
+
}, rest), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(StyledContent, {
|
107
|
+
className: classes.tabContent
|
108
|
+
}, children), actionContent && /*#__PURE__*/ React.createElement(ActionContent, null, actionContent)));
|
109
|
+
});
|
110
|
+
};
|
111
|
+
export var verticalIconTabItemConfig = {
|
112
|
+
name: 'VerticalTabItem',
|
113
|
+
tag: 'button',
|
114
|
+
layout: verticalIconTabItemRoot,
|
115
|
+
base: base,
|
116
|
+
variations: {
|
117
|
+
size: {
|
118
|
+
css: sizeCSS
|
119
|
+
},
|
120
|
+
view: {
|
121
|
+
css: viewCSS
|
122
|
+
},
|
123
|
+
disabled: {
|
124
|
+
css: disabledCSS,
|
125
|
+
attrs: true
|
126
|
+
}
|
127
|
+
},
|
128
|
+
defaults: {
|
129
|
+
view: 'divider'
|
130
|
+
}
|
131
|
+
};
|