@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2195.17431561580.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/Attach/Attach.css +9 -8
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +9 -8
- package/cjs/components/Autocomplete/Autocomplete.js +4 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/FloatingPopover.js +5 -4
- package/cjs/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/cjs/components/Button/Button.css +9 -8
- package/cjs/components/Button/Button.js +7 -2
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +24 -18
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/Button.styles_8nrwuf.css +9 -0
- package/cjs/components/Button/Button.tokens.js +4 -1
- package/cjs/components/Button/Button.tokens.js.map +1 -1
- package/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.css +9 -8
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.css +9 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.css +9 -8
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.css +9 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +9 -8
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +15 -30
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -8
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +24 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- 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/{es/components/DatePicker/DatePickerBase.styles_10sa0ht.css → cjs/components/DatePicker/DatePickerBase.styles_1fnt3hc.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +13 -12
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -10
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css → cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css} +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +11 -10
- package/cjs/components/Drawer/Drawer.css +11 -10
- 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/Drawer/ui/DrawerContent/DrawerContent.css +9 -8
- package/cjs/components/EmbedIconButton/EmbedIconButton.css +9 -8
- package/cjs/components/EmptyState/EmptyState.css +9 -8
- package/cjs/components/IconButton/IconButton.css +9 -8
- package/cjs/components/LinkButton/LinkButton.css +8 -7
- package/cjs/components/LinkButton/LinkButton.js +3 -2
- package/cjs/components/LinkButton/LinkButton.js.map +1 -1
- package/cjs/components/LinkButton/LinkButton.styles.js +17 -11
- package/cjs/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/cjs/components/LinkButton/{LinkButton.styles_s9st5r.css → LinkButton.styles_1qokm54.css} +7 -6
- package/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- package/cjs/components/LinkButton/LinkButton.tokens.js.map +1 -1
- 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/Note/Note.css +9 -8
- package/cjs/components/Notification/Notification.css +9 -8
- package/cjs/components/Notification/NotificationsProvider.css +9 -8
- package/cjs/components/NumberInput/NumberInput.css +9 -8
- package/cjs/components/Pagination/Pagination.css +9 -8
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -8
- package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css +9 -8
- 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/Select/Select.css +9 -8
- package/cjs/components/Select/ui/Target/Target.css +9 -8
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +9 -8
- package/cjs/components/Slider/ui/Handler/Handler.js +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Table/Table.css +17 -15
- package/cjs/components/Table/ui/Cell/Cell.css +17 -15
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +17 -15
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +17 -15
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +17 -15
- 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/Toast/Toast.css +9 -8
- package/cjs/components/Toast/ToastController.css +9 -8
- package/cjs/components/Toast/ToastNew/ToastNew.css +9 -8
- 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 +98 -42
- package/cjs/index.js +11 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +3 -1
- package/emotion/cjs/components/Autocomplete/FloatingPopover.js +31 -4
- package/emotion/cjs/components/Button/Button.js +12 -3
- package/emotion/cjs/components/Button/Button.styles.js +22 -15
- package/emotion/cjs/components/Button/Button.tokens.js +4 -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/Combobox/ComboboxNew/Combobox.js +26 -44
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- 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/LinkButton/LinkButton.js +4 -3
- package/emotion/cjs/components/LinkButton/LinkButton.styles.js +20 -13
- package/emotion/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- 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/Button/Button.config.js +21 -21
- 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/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/components/LinkButton/LinkButton.config.js +13 -13
- 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/Autocomplete/Autocomplete.js +3 -1
- package/emotion/es/components/Autocomplete/FloatingPopover.js +31 -4
- package/emotion/es/components/Button/Button.js +8 -4
- package/emotion/es/components/Button/Button.styles.js +19 -15
- package/emotion/es/components/Button/Button.tokens.js +4 -1
- 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/Combobox/ComboboxNew/Combobox.js +12 -30
- package/emotion/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- 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/LinkButton/LinkButton.js +5 -4
- package/emotion/es/components/LinkButton/LinkButton.styles.js +17 -13
- package/emotion/es/components/LinkButton/LinkButton.tokens.js +1 -0
- 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/Button/Button.config.js +21 -21
- 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/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/components/LinkButton/LinkButton.config.js +13 -13
- 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/Attach/Attach.css +9 -8
- package/es/components/Attach/components/AttachButton/AttachButton.css +9 -8
- package/es/components/Autocomplete/Autocomplete.js +4 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/FloatingPopover.js +6 -5
- package/es/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/es/components/Button/Button.css +9 -8
- package/es/components/Button/Button.js +8 -4
- package/es/components/Button/Button.js.map +1 -1
- package/es/components/Button/Button.styles.js +24 -19
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Button/Button.styles_8nrwuf.css +9 -0
- package/es/components/Button/Button.tokens.js +4 -1
- package/es/components/Button/Button.tokens.js.map +1 -1
- package/es/components/Calendar/Calendar.tokens.js +1 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.css +9 -8
- package/es/components/Calendar/CalendarDouble/CalendarDouble.css +9 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.css +9 -8
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.css +9 -8
- package/es/components/Combobox/ComboboxNew/Combobox.css +9 -8
- package/es/components/Combobox/ComboboxNew/Combobox.js +15 -30
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +9 -8
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js +20 -0
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- 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/{cjs/components/DatePicker/DatePickerBase.styles_10sa0ht.css → es/components/DatePicker/DatePickerBase.styles_1fnt3hc.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +13 -12
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -10
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/{cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_1n0dbxm.css → es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles_160e4y4.css} +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +11 -10
- package/es/components/Drawer/Drawer.css +11 -10
- 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/Drawer/ui/DrawerContent/DrawerContent.css +9 -8
- package/es/components/EmbedIconButton/EmbedIconButton.css +9 -8
- package/es/components/EmptyState/EmptyState.css +9 -8
- package/es/components/IconButton/IconButton.css +9 -8
- package/es/components/LinkButton/LinkButton.css +8 -7
- package/es/components/LinkButton/LinkButton.js +4 -3
- package/es/components/LinkButton/LinkButton.js.map +1 -1
- package/es/components/LinkButton/LinkButton.styles.js +17 -12
- package/es/components/LinkButton/LinkButton.styles.js.map +1 -1
- package/es/components/LinkButton/{LinkButton.styles_s9st5r.css → LinkButton.styles_1qokm54.css} +7 -6
- package/es/components/LinkButton/LinkButton.tokens.js +1 -0
- package/es/components/LinkButton/LinkButton.tokens.js.map +1 -1
- 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/Note/Note.css +9 -8
- package/es/components/Notification/Notification.css +9 -8
- package/es/components/Notification/NotificationsProvider.css +9 -8
- package/es/components/NumberInput/NumberInput.css +9 -8
- package/es/components/Pagination/Pagination.css +9 -8
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +9 -8
- package/es/components/Panel/ui/PanelHeader/PanelHeader.css +9 -8
- 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/Select/Select.css +9 -8
- package/es/components/Select/ui/Target/Target.css +9 -8
- package/es/components/Select/ui/Target/ui/Button/Button.css +9 -8
- package/es/components/Slider/ui/Handler/Handler.js +2 -2
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Table/Table.css +17 -15
- package/es/components/Table/ui/Cell/Cell.css +17 -15
- package/es/components/Table/ui/EditableCell/EditableCell.css +17 -15
- package/es/components/Table/ui/HeadCell/HeadCell.css +17 -15
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +17 -15
- 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/Toast/Toast.css +9 -8
- package/es/components/Toast/ToastController.css +9 -8
- package/es/components/Toast/ToastNew/ToastNew.css +9 -8
- 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 +98 -42
- package/es/index.js +4 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +3 -1
- package/styled-components/cjs/components/Autocomplete/FloatingPopover.js +31 -4
- package/styled-components/cjs/components/Button/Button.js +12 -3
- package/styled-components/cjs/components/Button/Button.styles.js +22 -10
- package/styled-components/cjs/components/Button/Button.tokens.js +4 -1
- 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/Combobox/ComboboxNew/Combobox.js +26 -44
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- 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/LinkButton/LinkButton.js +4 -3
- package/styled-components/cjs/components/LinkButton/LinkButton.styles.js +16 -6
- package/styled-components/cjs/components/LinkButton/LinkButton.tokens.js +1 -0
- 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/Button/Button.config.js +24 -12
- 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/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +8 -4
- package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js +13 -7
- 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/Autocomplete/Autocomplete.js +3 -1
- package/styled-components/es/components/Autocomplete/FloatingPopover.js +31 -4
- package/styled-components/es/components/Button/Button.js +8 -4
- package/styled-components/es/components/Button/Button.styles.js +19 -10
- package/styled-components/es/components/Button/Button.tokens.js +4 -1
- 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/Combobox/ComboboxNew/Combobox.js +12 -30
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- 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/LinkButton/LinkButton.js +5 -4
- package/styled-components/es/components/LinkButton/LinkButton.styles.js +13 -6
- package/styled-components/es/components/LinkButton/LinkButton.tokens.js +1 -0
- 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/Button/Button.config.js +24 -12
- 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/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +8 -4
- package/styled-components/es/examples/components/LinkButton/LinkButton.config.js +13 -7
- 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/Attach/ui/Button/Button.styles.d.ts +2 -0
- package/types/components/Attach/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts +4 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +6 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Button/Button.d.ts.map +1 -1
- package/types/components/Button/Button.styles.d.ts +1 -0
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Button/Button.tokens.d.ts +3 -0
- package/types/components/Button/Button.tokens.d.ts.map +1 -1
- package/types/components/Button/Button.types.d.ts +4 -0
- package/types/components/Button/Button.types.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts +2 -0
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +4 -0
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.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/EmptyState/EmptyState.styles.d.ts +2 -0
- package/types/components/EmptyState/EmptyState.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.d.ts +2 -0
- package/types/components/LinkButton/LinkButton.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.styles.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.styles.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.tokens.d.ts +1 -0
- package/types/components/LinkButton/LinkButton.tokens.d.ts.map +1 -1
- package/types/components/LinkButton/LinkButton.types.d.ts +4 -0
- package/types/components/LinkButton/LinkButton.types.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/Note/Note.styles.d.ts +2 -0
- package/types/components/Note/Note.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +2 -0
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts +2 -0
- package/types/components/NumberInput/ui/ActionButton/ActionButton.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +4 -0
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts +2 -0
- package/types/components/Panel/ui/PanelHeader/PanelHeader.styles.d.ts.map +1 -1
- 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/Select/ui/Target/ui/Button/Button.styles.d.ts +2 -0
- package/types/components/Select/ui/Target/ui/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts +5 -0
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/Table/ui/EditableCell/EditableCell.styles.d.ts +4 -0
- package/types/components/Table/ui/EditableCell/EditableCell.styles.d.ts.map +1 -1
- 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/Toast/Toast.styles.d.ts +2 -0
- package/types/components/Toast/Toast.styles.d.ts.map +1 -1
- package/types/components/Toast/ToastNew/ToastNew.styles.d.ts +2 -0
- package/types/components/Toast/ToastNew/ToastNew.styles.d.ts.map +1 -1
- package/types/components/Toast/utils.d.ts +2 -0
- package/types/components/Toast/utils.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/Attach/Attach.d.ts +8 -0
- package/types/examples/components/Attach/Attach.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +8 -0
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Button/Button.config.d.ts.map +1 -1
- package/types/examples/components/Button/Button.d.ts +2 -0
- package/types/examples/components/Button/Button.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/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/EmbedIconButton/EmbedIconButton.d.ts +2 -0
- package/types/examples/components/EmbedIconButton/EmbedIconButton.d.ts.map +1 -1
- package/types/examples/components/IconButton/IconButton.d.ts +2 -0
- package/types/examples/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.config.d.ts.map +1 -1
- package/types/examples/components/LinkButton/LinkButton.d.ts +1 -0
- package/types/examples/components/LinkButton/LinkButton.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/Button/Button.styles_uku5l7.css +0 -8
- 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/Button/Button.styles_uku5l7.css +0 -8
- 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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n fullWidthItemSelection: boolean;\n arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n margin: var(${tokens.iconFolderMargin});\n\n ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n line-height: 0;\n`;\n\nexport const base = css`\n .rc-tree {\n margin: 0;\n border: 1px solid transparent;\n }\n .rc-tree-focused:not(.rc-tree-active-focused) {\n border-color: cyan;\n }\n .rc-tree .rc-tree-treenode {\n margin: 0;\n padding: 0;\n line-height: 24px;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n }\n .rc-tree .rc-tree-treenode .draggable {\n color: #333;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n /* Required to make elements draggable in old WebKit */\n }\n .rc-tree .rc-tree-treenode.dragging {\n background: rgba(100, 100, 255, 0.1);\n }\n .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: inset 0 0 0 2px red;\n content: '';\n }\n .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n border-left: 2px solid chocolate;\n }\n .rc-tree .rc-tree-treenode.drop-target {\n background-color: yellowgreen;\n }\n .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n border-left: none;\n }\n .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n color: #a60000 !important;\n font-weight: bold !important;\n }\n .rc-tree .rc-tree-treenode ul {\n margin: 0;\n padding: 0 0 0 18px;\n }\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n position: relative;\n display: inline-block;\n height: 24px;\n margin: 0;\n padding: 0;\n text-decoration: none;\n vertical-align: top;\n cursor: pointer;\n color: var(${tokens.color});\n }\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle {\n cursor: default;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n cursor: pointer;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n background-image: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n margin-right: 2px;\n vertical-align: top;\n background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n no-repeat scroll 0 0 transparent;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n flex: none;\n }\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n display: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n background-position: -93px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n background-position: -75px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n background-position: 0 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n background-position: -14px 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n background-position: -14px -28px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n background-position: 0 -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n background-position: -14px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n position: relative;\n background: #ccc;\n border-radius: 3px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n position: absolute;\n top: 5px;\n left: 3px;\n width: 5px;\n height: 0;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n -webkit-transform: scale(1);\n transform: scale(1);\n content: ' ';\n }\n .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n background: none;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n repeat-y;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n background-position: -56px -18px;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n background-position: -56px -36px;\n }\n .rc-tree-child-tree {\n display: none;\n }\n .rc-tree-child-tree-open {\n display: block;\n }\n .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n .rc-tree-treenode-disabled > a,\n .rc-tree-treenode-disabled > a span {\n color: #767676;\n cursor: not-allowed;\n }\n .rc-tree-treenode-active {\n background: rgba(0, 0, 0, 0.1);\n }\n .rc-tree-node-selected {\n background-color: #ffe6b0;\n box-shadow: 0 0 0 1px #ffb951;\n opacity: 0.8;\n }\n .rc-tree-icon__open {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -16px;\n }\n .rc-tree-icon__close {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px 0;\n }\n .rc-tree-icon__docu {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -32px;\n }\n .rc-tree-icon__customize {\n display: block;\n line-height: 0;\n color: var(${tokens.iconFolderColor});\n margin: var(${tokens.iconFolderMargin});\n }\n .rc-tree-title {\n display: inline-block;\n width: 100%;\n }\n .rc-tree-indent {\n display: inline-flex;\n height: 0;\n vertical-align: bottom;\n }\n .rc-tree-indent-unit {\n display: inline-block;\n width: 16px;\n }\n .rc-tree-draggable-icon {\n display: inline-flex;\n justify-content: center;\n width: 16px;\n }\n\n .rc-tree, .rc-tree-list {\n border: none !important;\n }\n\n .rc-tree .rc-tree-list-holder {\n overflow: hidden auto;\n }\n\n .rc-tree .rc-tree-treenode {\n position: relative;\n z-index: 0;\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n padding: 0;\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n padding: 0 var(${tokens.itemPadding}) !important;\n }\n\n .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n padding: 0 var(${tokens.itemPaddingTight});\n }\n\n .rc-tree .rc-tree-treenode::before {\n content: '';\n position: absolute;\n z-index: -1;\n top: var(${tokens.itemTop});\n bottom: var(${tokens.itemBottom});\n left: var(${tokens.switcherSize});\n right: 0;\n background: transparent;\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox {\n opacity: var(${tokens.itemDisabledOpacity});\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n inset: 0;\n border-radius: 0;\n }\n\n .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-title {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.${classes.treeItemPrimaryBackground}::before {\n background: var(${tokens.itemBackgroundColorPrimary});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n background: var(${tokens.itemBackgroundColorSelected});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before {\n background: var(${tokens.itemBackgroundColorHover});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before {\n background: var(${tokens.itemBackgroundColorActive});\n }\n\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n display: flex;\n align-items: center;\n align-self: stretch;\n height: auto;\n flex: 1;\n min-width: max-content;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n width: var(${tokens.switcherSize});\n height: var(${tokens.switcherSize});\n margin: var(${tokens.switcherMargin});\n line-height: 0;\n vertical-align: 0;\n background: transparent;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n margin: var(${tokens.switcherMarginInverted});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(0);\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 0;\n vertical-align: 0;\n width: var(${tokens.checkboxSize});\n height: var(${tokens.checkboxSize});\n margin: var(${tokens.checkboxMargin});\n background-image: none;\n flex: none;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n content: '';\n display: block;\n width: var(${tokens.checkboxInnerSize});\n height: var(${tokens.checkboxInnerSize});\n border: 0.125rem solid var(${tokens.checkboxBorderColor});\n border-radius: var(${tokens.checkboxBorderRadius});\n box-sizing: border-box;\n background-size: contain;\n background-repeat: no-repeat;\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n }\n\n .rc-tree-title {\n color: var(${tokens.color});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n order: 1;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n left: 0;\n }\n\n .rc-tree-node-selected {\n opacity: 1;\n box-shadow: none;\n background: none;\n }\n\n .rc-tree-node-selected .rc-tree-title {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n color: var(${tokens.itemDisabledColor});\n }\n\n .rc-tree-node-selected .rc-tree-icon__customize {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n color: var(${tokens.itemDisabledColor});;\n }\n\n .rc-tree-indent-unit {\n width: var(${tokens.itemIndent});\n }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;AASO,IAAMA,gBAAgB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,2BAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,UAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,UAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GA6YhB;;;;"}
|
1
|
+
{"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n fullWidthItemSelection: boolean;\n arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n margin: var(${tokens.iconFolderMargin});\n\n ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n line-height: 0;\n`;\n\nexport const base = css`\n .rc-tree {\n margin: 0;\n border: 1px solid transparent;\n }\n .rc-tree-focused:not(.rc-tree-active-focused) {\n border-color: cyan;\n }\n .rc-tree .rc-tree-treenode {\n margin: 0;\n padding: 0;\n line-height: 24px;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n }\n .rc-tree .rc-tree-treenode .draggable {\n color: #333;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n /* Required to make elements draggable in old WebKit */\n }\n .rc-tree .rc-tree-treenode.dragging {\n background: rgba(100, 100, 255, 0.1);\n }\n .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: inset 0 0 0 2px red;\n content: '';\n }\n .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n border-left: 2px solid chocolate;\n }\n .rc-tree .rc-tree-treenode.drop-target {\n background-color: yellowgreen;\n }\n .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n border-left: none;\n }\n .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n color: #a60000 !important;\n font-weight: bold !important;\n }\n .rc-tree .rc-tree-treenode ul {\n margin: 0;\n padding: 0 0 0 18px;\n }\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n position: relative;\n display: inline-block;\n height: 24px;\n margin: 0;\n padding: 0;\n text-decoration: none;\n vertical-align: top;\n cursor: pointer;\n color: var(${tokens.color});\n }\n .rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper {\n cursor: default;\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle {\n cursor: default;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n cursor: pointer;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n background-image: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n margin-right: 2px;\n vertical-align: top;\n background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n no-repeat scroll 0 0 transparent;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n flex: none;\n }\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n display: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n background-position: -93px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n background-position: -75px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n background-position: 0 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n background-position: -14px 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n background-position: -14px -28px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n background-position: 0 -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n background-position: -14px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n position: relative;\n background: #ccc;\n border-radius: 3px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n position: absolute;\n top: 5px;\n left: 3px;\n width: 5px;\n height: 0;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n -webkit-transform: scale(1);\n transform: scale(1);\n content: ' ';\n }\n .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n background: none;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n repeat-y;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n background-position: -56px -18px;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n background-position: -56px -36px;\n }\n .rc-tree-child-tree {\n display: none;\n }\n .rc-tree-child-tree-open {\n display: block;\n }\n .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n .rc-tree-treenode-disabled > a,\n .rc-tree-treenode-disabled > a span {\n color: #767676;\n cursor: not-allowed;\n }\n .rc-tree-treenode-active {\n background: rgba(0, 0, 0, 0.1);\n }\n .rc-tree-node-selected {\n background-color: #ffe6b0;\n box-shadow: 0 0 0 1px #ffb951;\n opacity: 0.8;\n }\n .rc-tree-icon__open {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -16px;\n }\n .rc-tree-icon__close {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px 0;\n }\n .rc-tree-icon__docu {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -32px;\n }\n .rc-tree-icon__customize {\n display: block;\n line-height: 0;\n color: var(${tokens.iconFolderColor});\n margin: var(${tokens.iconFolderMargin});\n }\n .rc-tree-title {\n display: inline-block;\n width: 100%;\n }\n .rc-tree-indent {\n display: inline-flex;\n height: 0;\n vertical-align: bottom;\n }\n .rc-tree-indent-unit {\n display: inline-block;\n width: 16px;\n }\n .rc-tree-draggable-icon {\n display: inline-flex;\n justify-content: center;\n width: 16px;\n }\n\n .rc-tree, .rc-tree-list {\n border: none !important;\n }\n\n .rc-tree .rc-tree-list-holder {\n overflow: hidden auto;\n }\n\n .rc-tree .rc-tree-treenode {\n position: relative;\n z-index: 0;\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n padding: 0;\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n padding: 0 var(${tokens.itemPadding}) !important;\n }\n\n .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n padding: 0 var(${tokens.itemPaddingTight});\n }\n\n .rc-tree .rc-tree-treenode::before {\n content: '';\n position: absolute;\n z-index: -1;\n top: var(${tokens.itemTop});\n bottom: var(${tokens.itemBottom});\n left: var(${tokens.switcherSize});\n right: 0;\n background: transparent;\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox {\n opacity: var(${tokens.itemDisabledOpacity});\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n inset: 0;\n border-radius: 0;\n }\n\n .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-title {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.${classes.treeItemHasSelectedChildren}:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.${classes.treeItemPrimaryBackground}::before {\n background: var(${tokens.itemBackgroundColorPrimary});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n background: var(${tokens.itemBackgroundColorSelected});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):hover::before {\n background: var(${tokens.itemBackgroundColorHover});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.${classes.treeRadioMode} .rc-tree-treenode.rc-tree-treenode-selected):active::before {\n background: var(${tokens.itemBackgroundColorActive});\n }\n\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n display: flex;\n align-items: center;\n align-self: stretch;\n height: auto;\n flex: 1;\n min-width: max-content;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n width: var(${tokens.switcherSize});\n height: var(${tokens.switcherSize});\n margin: var(${tokens.switcherMargin});\n line-height: 0;\n vertical-align: 0;\n background: transparent;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n margin: var(${tokens.switcherMarginInverted});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(0);\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 0;\n vertical-align: 0;\n width: var(${tokens.checkboxSize});\n height: var(${tokens.checkboxSize});\n margin: var(${tokens.checkboxMargin});\n background-image: none;\n flex: none;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n content: '';\n display: block;\n width: var(${tokens.checkboxInnerSize});\n height: var(${tokens.checkboxInnerSize});\n border: 0.125rem solid var(${tokens.checkboxBorderColor});\n border-radius: var(${tokens.checkboxBorderRadius});\n box-sizing: border-box;\n background-size: contain;\n background-repeat: no-repeat;\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n }\n\n .rc-tree-title {\n color: var(${tokens.color});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n order: 1;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n left: 0;\n }\n\n .rc-tree-node-selected {\n opacity: 1;\n box-shadow: none;\n background: none;\n }\n\n .rc-tree-node-selected .rc-tree-title {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n color: var(${tokens.itemDisabledColor});\n }\n\n .rc-tree-node-selected .rc-tree-icon__customize {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n color: var(${tokens.itemDisabledColor});;\n }\n\n .rc-tree-indent-unit {\n width: var(${tokens.itemIndent});\n }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;AASO,IAAMA,gBAAgB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,2BAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,UAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,MAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,UAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GAiZhB;;;;"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
.io9xczg{line-height:0;color:var(--plasma-tree-arrow-color);}.io9xczg:hover{color:var(--plasma-tree-arrow-color-hover);}.io9xczg:active{color:var(--plasma-tree-arrow-color-active);}
|
2
|
+
.smciu6q{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
3
|
+
|
4
|
+
.t1bgqryr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
5
|
+
.t1un80r8{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
6
|
+
.c92yb2c{line-height:0;}
|
7
|
+
.b1njos1z .rc-tree{margin:0;border:1px solid transparent;}.b1njos1z .rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.b1njos1z .rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.b1njos1z .rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.b1njos1z .rc-tree .rc-tree-treenode.dragging{background:rgba(100,100,255,0.1);}.b1njos1z .rc-tree .rc-tree-treenode.drop-container > .draggable::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.b1njos1z .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode{border-left:2px solid chocolate;}.b1njos1z .rc-tree .rc-tree-treenode.drop-target{background-color:yellowgreen;}.b1njos1z .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode{border-left:none;}.b1njos1z .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.b1njos1z .rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.b1njos1z .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.b1njos1z .rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{-webkit-flex:none;-ms-flex:none;flex:none;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.b1njos1z .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.b1njos1z .rc-tree-child-tree{display:none;}.b1njos1z .rc-tree-child-tree-open{display:block;}.b1njos1z .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.b1njos1z .rc-tree-treenode-disabled > a,.b1njos1z .rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.b1njos1z .rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.b1njos1z .rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.b1njos1z .rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.b1njos1z .rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.b1njos1z .rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.b1njos1z .rc-tree-icon__customize{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.b1njos1z .rc-tree-title{display:inline-block;width:100%;}.b1njos1z .rc-tree-indent{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.b1njos1z .rc-tree-indent-unit{display:inline-block;width:16px;}.b1njos1z .rc-tree-draggable-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.b1njos1z .rc-tree,.b1njos1z .rc-tree-list{border:none !important;}.b1njos1z .rc-tree .rc-tree-list-holder{overflow:hidden auto;}.b1njos1z .rc-tree .rc-tree-treenode{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.b1njos1z .rc-tree.tree-item-filled .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding) !important;}.b1njos1z .rc-tree.tree-inverted:not(tree-item-filled) .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding-tight);}.b1njos1z .rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(--plasma-tree-item-disabled-opacity);}.b1njos1z .rc-tree.tree-item-filled .rc-tree-treenode::before{inset:0;border-radius:0;}.b1njos1z .rc-tree .rc-tree-treenode.tree-item-has-selected-children:not(.rc-tree-treenode-disabled) .rc-tree-title{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.tree-item-has-selected-children:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.tree-item-primary-background::before{background:var(--plasma-tree-item-background-color-primary);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(--plasma-tree-item-background-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected):hover::before{background:var(--plasma-tree-item-background-color-hover);}.b1njos1z .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected):active::before{background:var(--plasma-tree-item-background-color-active);}.b1njos1z .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{margin:var(--plasma-tree-switcher-margin-inverted);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.b1njos1z .rc-tree-title{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{-webkit-order:1;-ms-flex-order:1;order:1;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.b1njos1z .rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.b1njos1z .rc-tree-node-selected .rc-tree-title{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(--plasma-tree-item-disabled-color);}.b1njos1z .rc-tree-node-selected .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(--plasma-tree-item-disabled-color);}.b1njos1z .rc-tree-indent-unit{width:var(--plasma-tree-item-indent);}
|
@@ -2,7 +2,8 @@ var classes = {
|
|
2
2
|
treeInverted: 'tree-inverted',
|
3
3
|
treeItemFilled: 'tree-item-filled',
|
4
4
|
treeItemPrimaryBackground: 'tree-item-primary-background',
|
5
|
-
treeItemHasSelectedChildren: 'tree-item-has-selected-children'
|
5
|
+
treeItemHasSelectedChildren: 'tree-item-has-selected-children',
|
6
|
+
treeRadioMode: 'tree-radio-mode'
|
6
7
|
};
|
7
8
|
var treeTokens = {
|
8
9
|
arrowColor: '--plasma-tree-arrow-color',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n treeInverted: 'tree-inverted',\n treeItemFilled: 'tree-item-filled',\n treeItemPrimaryBackground: 'tree-item-primary-background',\n treeItemHasSelectedChildren: 'tree-item-has-selected-children',\n};\n\nexport const treeTokens = {\n arrowColor: '--plasma-tree-arrow-color',\n arrowColorHover: '--plasma-tree-arrow-color-hover',\n arrowColorActive: '--plasma-tree-arrow-color-active',\n color: '--plasma-tree-color',\n colorSelected: '--plasma-tree-color-selected',\n fontFamily: '--plasma-tree-font-family',\n fontSize: '--plasma-tree-font-size',\n fontStyle: '--plasma-tree-font-style',\n fontWeight: '--plasma-tree-font-weight',\n letterSpacing: '--plasma-tree-letter-spacing',\n lineHeight: '--plasma-tree-line-height',\n itemHeight: '--plasma-tree-item-height',\n itemTop: '--plasma-tree-item-top',\n itemBottom: '--plasma-tree-item-bottom',\n itemPadding: '--plasma-tree-item-padding',\n itemPaddingTight: '--plasma-tree-item-padding-tight',\n itemIndent: '--plasma-tree-item-indent',\n itemBorderRadius: '--plasma-tree-item-border-radius',\n iconFolderMargin: '--plasma-tree-icon-folder-margin',\n iconFolderColor: '--plasma-tree-icon-folder-color',\n switcherMargin: '--plasma-tree-switcher-margin',\n switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\n switcherSize: '--plasma-tree-switcher-size',\n checkboxSize: '--plasma-tree-checkbox-size',\n checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n checkboxMargin: '--plasma-tree-checkbox-margin',\n checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',\n itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',\n itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n itemDisabledColor: '--plasma-tree-item-disabled-color',\n itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeItemPrimaryBackground","treeItemHasSelectedChildren","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColorSelected","itemBackgroundColorPrimary","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,2BAA2B,EAAE,
|
1
|
+
{"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n treeInverted: 'tree-inverted',\n treeItemFilled: 'tree-item-filled',\n treeItemPrimaryBackground: 'tree-item-primary-background',\n treeItemHasSelectedChildren: 'tree-item-has-selected-children',\n treeRadioMode: 'tree-radio-mode',\n};\n\nexport const treeTokens = {\n arrowColor: '--plasma-tree-arrow-color',\n arrowColorHover: '--plasma-tree-arrow-color-hover',\n arrowColorActive: '--plasma-tree-arrow-color-active',\n color: '--plasma-tree-color',\n colorSelected: '--plasma-tree-color-selected',\n fontFamily: '--plasma-tree-font-family',\n fontSize: '--plasma-tree-font-size',\n fontStyle: '--plasma-tree-font-style',\n fontWeight: '--plasma-tree-font-weight',\n letterSpacing: '--plasma-tree-letter-spacing',\n lineHeight: '--plasma-tree-line-height',\n itemHeight: '--plasma-tree-item-height',\n itemTop: '--plasma-tree-item-top',\n itemBottom: '--plasma-tree-item-bottom',\n itemPadding: '--plasma-tree-item-padding',\n itemPaddingTight: '--plasma-tree-item-padding-tight',\n itemIndent: '--plasma-tree-item-indent',\n itemBorderRadius: '--plasma-tree-item-border-radius',\n iconFolderMargin: '--plasma-tree-icon-folder-margin',\n iconFolderColor: '--plasma-tree-icon-folder-color',\n switcherMargin: '--plasma-tree-switcher-margin',\n switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\n switcherSize: '--plasma-tree-switcher-size',\n checkboxSize: '--plasma-tree-checkbox-size',\n checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n checkboxMargin: '--plasma-tree-checkbox-margin',\n checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',\n itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',\n itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n itemDisabledColor: '--plasma-tree-item-disabled-color',\n itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeItemPrimaryBackground","treeItemHasSelectedChildren","treeRadioMode","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColorSelected","itemBackgroundColorPrimary","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,2BAA2B,EAAE,iCAAiC;AAC9DC,EAAAA,aAAa,EAAE,iBAAA;AACnB,EAAC;AAEM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,0BAA0B,EAAE,6CAA6C;AACzEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;"}
|
@@ -7,12 +7,14 @@ var IconClose = function IconClose(_ref) {
|
|
7
7
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
8
8
|
color = _ref.color,
|
9
9
|
className = _ref.className,
|
10
|
-
sizeCustomProperty = _ref.sizeCustomProperty
|
10
|
+
sizeCustomProperty = _ref.sizeCustomProperty,
|
11
|
+
sizeCustomValue = _ref.sizeCustomValue;
|
11
12
|
return /*#__PURE__*/React.createElement(IconRoot, {
|
12
13
|
className: className,
|
13
14
|
size: size,
|
14
15
|
color: color,
|
15
16
|
sizeCustomProperty: sizeCustomProperty,
|
17
|
+
sizeCustomValue: sizeCustomValue,
|
16
18
|
icon: Close
|
17
19
|
});
|
18
20
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconClose.js","sources":["../../../../src/components/_Icon/Icons/IconClose.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Close } from '../Icon.assets/Close';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconClose: React.FC<IconProps> = ({
|
1
|
+
{"version":3,"file":"IconClose.js","sources":["../../../../src/components/_Icon/Icons/IconClose.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Close } from '../Icon.assets/Close';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconClose: React.FC<IconProps> = ({\n size = 's',\n color,\n className,\n sizeCustomProperty,\n sizeCustomValue,\n}) => {\n return (\n <IconRoot\n className={className}\n size={size}\n color={color}\n sizeCustomProperty={sizeCustomProperty}\n sizeCustomValue={sizeCustomValue}\n icon={Close}\n />\n );\n};\n"],"names":["IconClose","_ref","_ref$size","size","color","className","sizeCustomProperty","sizeCustomValue","React","createElement","IconRoot","icon","Close"],"mappings":";;;;IAKaA,SAA8B,GAAG,SAAjCA,SAA8BA,CAAAC,IAAA,EAMrC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CALFE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IACVE,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;IAClBC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;AAEf,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AACLL,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,eAAe,EAAEA,eAAgB;AACjCI,IAAAA,IAAI,EAAEC,KAAAA;AAAM,GACf,CAAC,CAAA;AAEV;;;;"}
|
@@ -1,18 +1,21 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
1
2
|
import React from 'react';
|
2
3
|
import { DisclosureLeft } from '../Icon.assets/DisclosureLeft.js';
|
3
4
|
import { IconRoot } from '../IconRoot.js';
|
4
5
|
|
6
|
+
var _excluded = ["size", "color", "className"];
|
5
7
|
var IconDisclosureLeft = function IconDisclosureLeft(_ref) {
|
6
8
|
var _ref$size = _ref.size,
|
7
9
|
size = _ref$size === void 0 ? 's' : _ref$size,
|
8
10
|
color = _ref.color,
|
9
|
-
className = _ref.className
|
10
|
-
|
11
|
+
className = _ref.className,
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
13
|
+
return /*#__PURE__*/React.createElement(IconRoot, _extends({
|
11
14
|
className: className,
|
12
15
|
size: size,
|
13
16
|
color: color,
|
14
17
|
icon: DisclosureLeft
|
15
|
-
});
|
18
|
+
}, rest));
|
16
19
|
};
|
17
20
|
|
18
21
|
export { IconDisclosureLeft };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconDisclosureLeft.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeft.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureLeft } from '../Icon.assets/DisclosureLeft';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureLeft: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeft} />;\n};\n"],"names":["IconDisclosureLeft","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureLeft"],"mappings":"
|
1
|
+
{"version":3,"file":"IconDisclosureLeft.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureLeft.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureLeft } from '../Icon.assets/DisclosureLeft';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureLeft: React.FC<IconProps> = ({ size = 's', color, className, ...rest }) => {\n return <IconRoot className={className} size={size} color={color} icon={DisclosureLeft} {...rest} />;\n};\n"],"names":["IconDisclosureLeft","_ref","_ref$size","size","color","className","rest","_objectWithoutProperties","_excluded","React","createElement","IconRoot","_extends","icon","DisclosureLeft"],"mappings":";;;;;;IAKaA,kBAAuC,GAAG,SAA1CA,kBAAuCA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAA5CE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAC3F,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA;AAACP,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,IAAI,EAAEC,cAAAA;GAAoBR,EAAAA,IAAI,CAAG,CAAC,CAAA;AACvG;;;;"}
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import './Link.config_zeymp2.css';
|
2
|
+
var config = {
|
3
|
+
defaults: {
|
4
|
+
view: 'accent',
|
5
|
+
focused: 'true'
|
6
|
+
},
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
"default": "d1calyk9",
|
10
|
+
secondary: "s1a4vrvj",
|
11
|
+
tertiary: "t1hxd0ad",
|
12
|
+
paragraph: "p1mbfmqw",
|
13
|
+
accent: "a17wwycj",
|
14
|
+
positive: "p14qgpkv",
|
15
|
+
warning: "w1py6g25",
|
16
|
+
negative: "n4mb9bq",
|
17
|
+
clear: "c2p2703"
|
18
|
+
},
|
19
|
+
disabled: {
|
20
|
+
"true": "tnow91e"
|
21
|
+
},
|
22
|
+
focused: {
|
23
|
+
"true": "tt8wdu3"
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|
27
|
+
|
28
|
+
export { config };
|
29
|
+
//# sourceMappingURL=Link.config.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Link.config.js","sources":["../../../../src/examples/components/Link/Link.config.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../components/Link/Link.tokens';\n\nexport const config = {\n defaults: {\n view: 'accent',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-primary);\n ${tokens.linkColorHover}: var(--text-primary-hover);\n ${tokens.linkColorActive}: var(--text-primary-active);\n ${tokens.linkColorVisited}: var(--text-primary);\n ${tokens.linkColorVisitedHover}: var(--text-primary-hover);\n ${tokens.linkColorVisitedActive}: var(--text-primary-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n secondary: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-secondary);\n ${tokens.linkColorHover}: var(--text-secondary-hover);\n ${tokens.linkColorActive}: var(--text-secondary-active);\n ${tokens.linkColorVisited}: var(--text-secondary);\n ${tokens.linkColorVisitedHover}: var(--text-secondary-hover);\n ${tokens.linkColorVisitedActive}: var(--text-secondary-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n tertiary: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-tertiary);\n ${tokens.linkColorHover}: var(--text-tertiary-hover);\n ${tokens.linkColorActive}: var(--text-tertiary-active);\n ${tokens.linkColorVisited}: var(--text-tertiary);\n ${tokens.linkColorVisitedHover}: var(--text-tertiary-hover);\n ${tokens.linkColorVisitedActive}: var(--text-tertiary-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n paragraph: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-paragraph);\n ${tokens.linkColorHover}: var(--text-paragraph-hover);\n ${tokens.linkColorActive}: var(--text-paragraph-active);\n ${tokens.linkColorVisited}: var(--text-paragraph);\n ${tokens.linkColorVisitedHover}: var(--text-paragraph-hover);\n ${tokens.linkColorVisitedActive}: var(--text-paragraph-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n accent: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-accent);\n ${tokens.linkColorHover}: var(--text-accent-hover);\n ${tokens.linkColorActive}: var(--text-accent-active);\n ${tokens.linkColorVisited}: var(--text-accent);\n ${tokens.linkColorVisitedHover}: var(--text-accent-hover);\n ${tokens.linkColorVisitedActive}: var(--text-accent-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n positive: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-positive);\n ${tokens.linkColorHover}: var(--text-positive-hover);\n ${tokens.linkColorActive}: var(--text-positive-active);\n ${tokens.linkColorVisited}: var(--text-positive);\n ${tokens.linkColorVisitedHover}: var(--text-positive-hover);\n ${tokens.linkColorVisitedActive}: var(--text-positive-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n warning: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-warning);\n ${tokens.linkColorHover}: var(--text-warning-hover);\n ${tokens.linkColorActive}: var(--text-warning-active);\n ${tokens.linkColorVisited}: var(--text-warning);\n ${tokens.linkColorVisitedHover}: var(--text-warning-hover);\n ${tokens.linkColorVisitedActive}: var(--text-warning-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n negative: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}: var(--text-negative);\n ${tokens.linkColorHover}: var(--text-negative-hover);\n ${tokens.linkColorActive}: var(--text-negative-active);\n ${tokens.linkColorVisited}: var(--text-negative);\n ${tokens.linkColorVisitedHover}: var(--text-negative-hover);\n ${tokens.linkColorVisitedActive}: var(--text-negative-active);\n ${tokens.linkUnderlineBorder}: 0;\n `,\n clear: css`\n ${tokens.linkFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.linkColor}:inherit;\n ${tokens.linkColorHover}: inherit;\n ${tokens.linkColorActive}: inherit;\n ${tokens.linkColorVisited}: inherit;\n ${tokens.linkColorVisitedHover}: inherit;\n ${tokens.linkColorVisitedActive}: inherit;\n ${tokens.linkUnderlineBorder}: 0.0625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.linkDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${tokens.linkColorFocus}: var(--text-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","default","secondary","tertiary","paragraph","accent","positive","warning","negative","clear","disabled","true"],"mappings":"AAIO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,SAAS,EASR,UAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,SAAS,EASR,UAAA;AACDC,MAAAA,MAAM,EASL,UAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDZ,IAAAA,OAAO,EAAE;MACLY,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
.d1calyk9{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
|
2
|
+
.s1a4vrvj{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
|
3
|
+
.t1hxd0ad{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
|
4
|
+
.p1mbfmqw{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
|
5
|
+
.a17wwycj{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
|
6
|
+
.p14qgpkv{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
|
7
|
+
.w1py6g25{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
|
8
|
+
.n4mb9bq{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
|
9
|
+
.c2p2703{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
|
10
|
+
.tnow91e{--plasma-link-disabled-opacity:0.4;}
|
11
|
+
.tt8wdu3{--plasma-link-color-focus:var(--text-accent);}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
|
2
|
+
|
3
|
+
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
4
|
+
|
5
|
+
.base_avgvpx_b1iw8i40__d86ab9a8:focus{outline:none;}.base_avgvpx_b1iw8i40__d86ab9a8:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-color-focus);border-bottom:none;}
|
6
|
+
|
7
|
+
.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
|
8
|
+
|
9
|
+
.Link_config_zeymp2_d1calyk9__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-primary);--plasma-link-color-hover:var(--text-primary-hover);--plasma-link-color-active:var(--text-primary-active);--plasma-link-color-visited:var(--text-primary);--plasma-link-color-visited-hover:var(--text-primary-hover);--plasma-link-color-visited-active:var(--text-primary-active);--plasma-link-underline-border:0;}
|
10
|
+
.Link_config_zeymp2_s1a4vrvj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-secondary);--plasma-link-color-hover:var(--text-secondary-hover);--plasma-link-color-active:var(--text-secondary-active);--plasma-link-color-visited:var(--text-secondary);--plasma-link-color-visited-hover:var(--text-secondary-hover);--plasma-link-color-visited-active:var(--text-secondary-active);--plasma-link-underline-border:0;}
|
11
|
+
.Link_config_zeymp2_t1hxd0ad__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-tertiary);--plasma-link-color-hover:var(--text-tertiary-hover);--plasma-link-color-active:var(--text-tertiary-active);--plasma-link-color-visited:var(--text-tertiary);--plasma-link-color-visited-hover:var(--text-tertiary-hover);--plasma-link-color-visited-active:var(--text-tertiary-active);--plasma-link-underline-border:0;}
|
12
|
+
.Link_config_zeymp2_p1mbfmqw__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-paragraph);--plasma-link-color-hover:var(--text-paragraph-hover);--plasma-link-color-active:var(--text-paragraph-active);--plasma-link-color-visited:var(--text-paragraph);--plasma-link-color-visited-hover:var(--text-paragraph-hover);--plasma-link-color-visited-active:var(--text-paragraph-active);--plasma-link-underline-border:0;}
|
13
|
+
.Link_config_zeymp2_a17wwycj__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-accent);--plasma-link-color-hover:var(--text-accent-hover);--plasma-link-color-active:var(--text-accent-active);--plasma-link-color-visited:var(--text-accent);--plasma-link-color-visited-hover:var(--text-accent-hover);--plasma-link-color-visited-active:var(--text-accent-active);--plasma-link-underline-border:0;}
|
14
|
+
.Link_config_zeymp2_p14qgpkv__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-positive);--plasma-link-color-hover:var(--text-positive-hover);--plasma-link-color-active:var(--text-positive-active);--plasma-link-color-visited:var(--text-positive);--plasma-link-color-visited-hover:var(--text-positive-hover);--plasma-link-color-visited-active:var(--text-positive-active);--plasma-link-underline-border:0;}
|
15
|
+
.Link_config_zeymp2_w1py6g25__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-warning);--plasma-link-color-hover:var(--text-warning-hover);--plasma-link-color-active:var(--text-warning-active);--plasma-link-color-visited:var(--text-warning);--plasma-link-color-visited-hover:var(--text-warning-hover);--plasma-link-color-visited-active:var(--text-warning-active);--plasma-link-underline-border:0;}
|
16
|
+
.Link_config_zeymp2_n4mb9bq__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:var(--text-negative);--plasma-link-color-hover:var(--text-negative-hover);--plasma-link-color-active:var(--text-negative-active);--plasma-link-color-visited:var(--text-negative);--plasma-link-color-visited-hover:var(--text-negative-hover);--plasma-link-color-visited-active:var(--text-negative-active);--plasma-link-underline-border:0;}
|
17
|
+
.Link_config_zeymp2_c2p2703__36d400a7{--plasma-link-font-family:var(--plasma-typo-text-m-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.0625rem;}
|
18
|
+
.Link_config_zeymp2_tnow91e__36d400a7{--plasma-link-disabled-opacity:0.4;}
|
19
|
+
.Link_config_zeymp2_tt8wdu3__36d400a7{--plasma-link-color-focus:var(--text-accent);}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { config } from './Link.config.js';
|
2
|
+
import { component, mergeConfig } from '../../../engines/common.js';
|
3
|
+
import { linkConfig } from '../../../components/Link/Link.js';
|
4
|
+
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(linkConfig, config);
|
6
|
+
var Link = /*#__PURE__*/component(mergedConfig);
|
7
|
+
|
8
|
+
export { Link };
|
9
|
+
//# sourceMappingURL=Link.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../src/examples/components/Link/Link.ts"],"sourcesContent":["import { linkConfig } from '../../../components/Link';\nimport { component, mergeConfig } from '../../../engines';\n\nimport { config } from './Link.config';\n\nconst mergedConfig = mergeConfig(linkConfig, config);\n\nexport const Link = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","linkConfig","config","Link","component"],"mappings":";;;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;IAEvCC,IAAI,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|