@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2195.17430179093.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 -4
- 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 -5
- 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/Combobox/Combobox.js +15 -0
- 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 -6
- 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/Combobox/Combobox.js +7 -0
- 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 -6
- 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 -5
- 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/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 -6
- 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
@@ -44,14 +44,15 @@
|
|
44
44
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
45
45
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
46
46
|
|
47
|
-
.
|
48
|
-
.
|
49
|
-
.
|
50
|
-
.
|
51
|
-
.
|
52
|
-
.
|
53
|
-
.
|
54
|
-
.
|
47
|
+
.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
48
|
+
.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
|
49
|
+
.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
50
|
+
.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
|
51
|
+
.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
|
52
|
+
.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
53
|
+
.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
|
54
|
+
.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
|
55
|
+
.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}
|
55
56
|
|
56
57
|
.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
|
57
58
|
.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
|
@@ -59,5 +60,5 @@
|
|
59
60
|
|
60
61
|
.base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
61
62
|
|
62
|
-
.
|
63
|
-
.
|
63
|
+
.Drawer_styles_h5od79_s1ewnow2__f99f45af{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
|
64
|
+
.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af,.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,
|
1
|
+
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n scrollbar-gutter: stable;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,OAmCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA1I7BA,SA0I6BA,MAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AApC3C,IAAMC,WAAW,gBAAGX,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAmChBP,MAA8B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC7BG,MAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
.s1ewnow2{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
|
2
|
+
.sv7q57r.sv7q57r.drawer-overlay{-webkit-animation:fadeIn-sv7q57r 0.2s forwards;animation:fadeIn-sv7q57r 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.sv7q57r.sv7q57r.popup-end-animation .drawer-overlay{-webkit-animation:fadeOut-sv7q57r 0.2s forwards;animation:fadeOut-sv7q57r 0.2s forwards;}@-webkit-keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}.sv7q57r.sv7q57r .popup-base-root,.sv7q57r.sv7q57r .popup-base-root > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement .popup-base-root{-webkit-animation:rightShowAnimation-sv7q57r 0.2s forwards;animation:rightShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement.popup-end-animation .popup-base-root{-webkit-animation:rightHideAnimation-sv7q57r 0.2s forwards;animation:rightHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement .popup-base-root{-webkit-animation:bottomShowAnimation-sv7q57r 0.2s forwards;animation:bottomShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement.popup-end-animation .popup-base-root{-webkit-animation:bottomHideAnimation-sv7q57r 0.2s forwards;animation:bottomHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement .popup-base-root{-webkit-animation:leftShowAnimation-sv7q57r 0.2s forwards;animation:leftShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement.popup-end-animation .popup-base-root{-webkit-animation:leftHideAnimation-sv7q57r 0.2s forwards;animation:leftHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement .popup-base-root{-webkit-animation:topShowAnimation-sv7q57r 0.2s forwards;animation:topShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement.popup-end-animation .popup-base-root{-webkit-animation:topHideAnimation-sv7q57r 0.2s forwards;animation:topHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
@@ -29,14 +29,15 @@
|
|
29
29
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
30
30
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
31
31
|
|
32
|
-
.
|
33
|
-
.
|
34
|
-
.
|
35
|
-
.
|
36
|
-
.
|
37
|
-
.
|
38
|
-
.
|
39
|
-
.
|
32
|
+
.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
33
|
+
.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
|
34
|
+
.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
35
|
+
.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
|
36
|
+
.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
|
37
|
+
.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
38
|
+
.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
|
39
|
+
.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
|
40
|
+
.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}
|
40
41
|
|
41
42
|
.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
|
42
43
|
.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
|
@@ -5,14 +5,15 @@
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
7
7
|
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
8
|
+
.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
9
|
+
.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
|
10
|
+
.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
11
|
+
.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
|
12
|
+
.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
|
13
|
+
.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
14
|
+
.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
|
15
|
+
.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
|
16
|
+
.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}
|
16
17
|
|
17
18
|
.base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
18
19
|
|
@@ -15,14 +15,15 @@
|
|
15
15
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
16
16
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
17
17
|
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.
|
21
|
-
.
|
22
|
-
.
|
23
|
-
.
|
24
|
-
.
|
25
|
-
.
|
18
|
+
.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
19
|
+
.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
|
20
|
+
.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
21
|
+
.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
|
22
|
+
.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
|
23
|
+
.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
24
|
+
.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
|
25
|
+
.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
|
26
|
+
.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}
|
26
27
|
|
27
28
|
.EmptyState_styles_s585zf_bpbib9h__64fd19b0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
|
28
29
|
.EmptyState_styles_s585zf_s1g2xar0__64fd19b0{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
|
@@ -5,14 +5,15 @@
|
|
5
5
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
6
6
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
7
7
|
|
8
|
-
.
|
9
|
-
.
|
10
|
-
.
|
11
|
-
.
|
12
|
-
.
|
13
|
-
.
|
14
|
-
.
|
15
|
-
.
|
8
|
+
.Button_styles_8nrwuf_bzw1898__303762df{min-width:4ch;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2;color:var(--plasma-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
9
|
+
.Button_styles_8nrwuf_sdfuqwe__303762df{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;margin:var(--plasma-button-additional-content-margin);}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonContentRelaxed__303762df{text-align:start;-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;}.Button_styles_8nrwuf_sdfuqwe__303762df.Button_styles_8nrwuf_buttonHasValue__303762df{margin-right:var(--plasma-button-additional-content-margin-right-width-value);}
|
10
|
+
.Button_styles_8nrwuf_b9ypozh__303762df{color:var(--plasma-button-value-color);margin:var(--plasma-button-value-margin);min-width:4ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
11
|
+
.Button_styles_8nrwuf_l4dfhbg__303762df{opacity:var(--l4dfhbg-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:var(--l4dfhbg-1);-webkit-justify-content:var(--l4dfhbg-1);-ms-flex-pack:var(--l4dfhbg-1);justify-content:var(--l4dfhbg-1);height:100%;width:100%;}
|
12
|
+
.Button_styles_8nrwuf_lrdlazt__303762df{position:absolute;}
|
13
|
+
.Button_styles_8nrwuf_s7rggv0__303762df{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
|
14
|
+
.Button_styles_8nrwuf_s1rjh7ra__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-left-content-align-self);-ms-flex-item-align:var(--plasma-button-left-content-align);align-self:var(--plasma-button-left-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s1rjh7ra-0);}
|
15
|
+
.Button_styles_8nrwuf_s9ga1dj__303762df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);color:var(--plasma-button-icon-color);margin:var(--s9ga1dj-0);}
|
16
|
+
.Button_styles_8nrwuf_babf779__303762df{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8nrwuf_babf779__303762df{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_babf779__303762df.Button_styles_8nrwuf_buttonSquare__303762df{width:var(--plasma-button-height);padding:0;}
|
16
17
|
|
17
18
|
.base_jfbpjg_b1ty39ru__57cb1989{color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.base_jfbpjg_b1ty39ru__57cb1989.base_jfbpjg_buttonLoading__57cb1989{background:var(--plasma-button-loading-background-color);}.base_jfbpjg_b1ty39ru__57cb1989:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_jfbpjg_b1ty39ru__57cb1989:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
|
18
19
|
|
@@ -11,10 +11,11 @@
|
|
11
11
|
.Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
|
12
12
|
.Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
|
13
13
|
|
14
|
-
.
|
15
|
-
.
|
16
|
-
.
|
17
|
-
.
|
18
|
-
.
|
19
|
-
.
|
20
|
-
.
|
14
|
+
.LinkButton_styles_1qokm54_b15p59s9__1c889ae1{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1qokm54_b15p59s9__1c889ae1::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1qokm54_b15p59s9__1c889ae1.LinkButton_styles_1qokm54_focusVisible__1c889ae1:focus::before,.LinkButton_styles_1qokm54_b15p59s9__1c889ae1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
15
|
+
.LinkButton_styles_1qokm54_s1tk0pdn__1c889ae1{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;margin:var(--plasma-link-button-additional-content-margin);}
|
16
|
+
.LinkButton_styles_1qokm54_lwmk0e5__1c889ae1{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
17
|
+
.LinkButton_styles_1qokm54_l7ptchj__1c889ae1{position:absolute;}
|
18
|
+
.LinkButton_styles_1qokm54_s12rghuz__1c889ae1{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
19
|
+
.LinkButton_styles_1qokm54_l1uogc3z__1c889ae1{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
20
|
+
.LinkButton_styles_1qokm54_s176p3a0__1c889ae1{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
21
|
+
.LinkButton_styles_1qokm54_slixkvc__1c889ae1{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
@@ -3,10 +3,10 @@ import React, { forwardRef } from 'react';
|
|
3
3
|
import { base as base$1 } from './variations/_view/base.js';
|
4
4
|
import { base as base$2 } from './variations/_size/base.js';
|
5
5
|
import { base as base$3 } from './variations/_disabled/base.js';
|
6
|
-
import { LoadWrap, StyledContentLeft, LinkButtonText, StyledContentRight, Loader, StyledSpinner, base } from './LinkButton.styles.js';
|
6
|
+
import { LoadWrap, StyledContentLeft, LinkButtonText, StyledAdditionalContent, StyledContentRight, Loader, StyledSpinner, base } from './LinkButton.styles.js';
|
7
7
|
|
8
8
|
var _StyledSpinner;
|
9
|
-
var _excluded = ["children", "view", "size", "text", "contentLeft", "contentRight", "isLoading", "loader", "disabled", "target", "href", "rel", "style"];
|
9
|
+
var _excluded = ["children", "view", "size", "text", "contentLeft", "contentRight", "isLoading", "loader", "disabled", "target", "href", "rel", "style", "additionalContent"];
|
10
10
|
var linkButtonRoot = function linkButtonRoot(Root) {
|
11
11
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
12
12
|
var children = props.children,
|
@@ -22,6 +22,7 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
22
22
|
href = props.href,
|
23
23
|
rel = props.rel,
|
24
24
|
style = props.style,
|
25
|
+
additionalContent = props.additionalContent,
|
25
26
|
rest = _objectWithoutProperties(props, _excluded);
|
26
27
|
var txt = typeof children === 'string' ? children : text;
|
27
28
|
var loadingCustomOpacity = isLoading && size === 'xxs' && {
|
@@ -44,7 +45,7 @@ var linkButtonRoot = function linkButtonRoot(Root) {
|
|
44
45
|
}, linkProps, rest), /*#__PURE__*/React.createElement(LoadWrap, {
|
45
46
|
isLoading: !disabled && isLoading,
|
46
47
|
style: _objectSpread2({}, loadingCustomOpacity)
|
47
|
-
}, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(LinkButtonText, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
|
48
|
+
}, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
|
48
49
|
});
|
49
50
|
};
|
50
51
|
var linkButtonConfig = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LinkButton.js","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n disabled={disabled}\n style={{\n ...(isLoading && {\n pointerEvents: 'none',\n }),\n ...style,\n }}\n {...linkProps}\n {...rest}\n >\n <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const linkButtonConfig = {\n name: 'LinkButton',\n tag: 'a',\n layout: linkButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;
|
1
|
+
{"version":3,"file":"LinkButton.js","sources":["../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n base,\n LinkButtonText,\n Loader,\n LoadWrap,\n StyledAdditionalContent,\n StyledContentLeft,\n StyledContentRight,\n StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n text,\n contentLeft,\n contentRight,\n isLoading,\n loader,\n disabled,\n target,\n href,\n rel,\n style,\n additionalContent,\n ...rest\n } = props;\n\n const txt = typeof children === 'string' ? children : text;\n\n const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n const linkProps = {\n target,\n href: disabled ? undefined : href,\n rel: target === '_blank' ? 'noopener noreferrer' : rel,\n };\n\n return (\n <Root\n ref={ref}\n view={view}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n disabled={disabled}\n style={{\n ...(isLoading && {\n pointerEvents: 'none',\n }),\n ...style,\n }}\n {...linkProps}\n {...rest}\n >\n <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n </LoadWrap>\n {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n </Root>\n );\n });\n\nexport const linkButtonConfig = {\n name: 'LinkButton',\n tag: 'a',\n layout: linkButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":";;;;;;;;;IAmBaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC9EC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IACIC,QAAQ,GAeRF,KAAK,CAfLE,QAAQ;MACRC,IAAI,GAcJH,KAAK,CAdLG,IAAI;MACJC,IAAI,GAaJJ,KAAK,CAbLI,IAAI;MACJC,IAAI,GAYJL,KAAK,CAZLK,IAAI;MACJC,WAAW,GAWXN,KAAK,CAXLM,WAAW;MACXC,YAAY,GAUZP,KAAK,CAVLO,YAAY;MACZC,SAAS,GASTR,KAAK,CATLQ,SAAS;MACTC,MAAM,GAQNT,KAAK,CARLS,MAAM;MACNC,QAAQ,GAORV,KAAK,CAPLU,QAAQ;MACRC,MAAM,GAMNX,KAAK,CANLW,MAAM;MACNC,IAAI,GAKJZ,KAAK,CALLY,IAAI;MACJC,GAAG,GAIHb,KAAK,CAJLa,GAAG;MACHC,KAAK,GAGLd,KAAK,CAHLc,KAAK;MACLC,iBAAiB,GAEjBf,KAAK,CAFLe,iBAAiB;AACdC,MAAAA,IAAI,GAAAC,wBAAA,CACPjB,KAAK,EAAAkB,SAAA,CAAA,CAAA;IAET,IAAMC,GAAG,GAAG,OAAOjB,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGG,IAAI,CAAA;AAE1D,IAAA,IAAMe,oBAAoB,GAAGZ,SAAS,IAAIJ,IAAI,KAAK,KAAK,IAAI;AAAEiB,MAAAA,OAAO,EAAE,CAAA;KAAG,CAAA;AAE1E,IAAA,IAAMC,SAAS,GAAG;AACdX,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,IAAI,EAAEF,QAAQ,GAAGa,SAAS,GAAGX,IAAI;AACjCC,MAAAA,GAAG,EAAEF,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGE,GAAAA;KACtD,CAAA;AAED,IAAA,oBACIW,KAAA,CAAAC,aAAA,CAAC3B,IAAI,EAAA4B,QAAA,CAAA;AACDzB,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXuB,MAAAA,QAAQ,EAAE,CAACjB,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;AAC7BA,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,KAAK,EAAAc,cAAA,CAAAA,cAAA,CAAA,EAAA,EACGpB,SAAS,IAAI;AACbqB,QAAAA,aAAa,EAAE,MAAA;AACnB,OAAC,GACEf,KAAK,CAAA;KAERQ,EAAAA,SAAS,EACTN,IAAI,CAAA,eAERQ,KAAA,CAAAC,aAAA,CAACK,QAAQ,EAAA;AAACtB,MAAAA,SAAS,EAAE,CAACE,QAAQ,IAAIF,SAAU;MAACM,KAAK,EAAAc,cAAA,CAAA,EAAA,EAAOR,oBAAoB,CAAA;AAAG,KAAA,EAC3Ed,WAAW,iBAAIkB,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EAAEzB,IAAAA,EAAAA,WAA+B,CAAC,EACnEa,GAAG,gBAAGK,KAAA,CAAAC,aAAA,CAACO,cAAc,EAAA,IAAA,EAAEb,GAAoB,CAAC,GAAGjB,QAAQ,EACvDa,iBAAiB,iBAAIS,KAAA,CAAAC,aAAA,CAACQ,uBAAuB,EAAElB,IAAAA,EAAAA,iBAA2C,CAAC,EAC3FR,YAAY,iBAAIiB,KAAA,CAAAC,aAAA,CAACS,kBAAkB,QAAE3B,YAAiC,CACjE,CAAC,EACV,CAACG,QAAQ,IAAIF,SAAS,iBAAIgB,KAAA,CAAAC,aAAA,CAACU,MAAM,QAAE1B,MAAM,IAAA2B,cAAA,KAAAA,cAAA,gBAAIZ,KAAA,CAAAC,aAAA,CAACY,aAAa,EAAA,IAAE,CAAC,CAAS,CACtE,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAE5C,cAAc;AACtB6C,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRxC,IAAAA,IAAI,EAAE;AACFyC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDzC,IAAAA,IAAI,EAAE;AACFwC,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDpC,IAAAA,QAAQ,EAAE;AACNkC,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN9C,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './LinkButton.
|
1
|
+
import './LinkButton.styles_1qokm54.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { component, mergeConfig } from '../../engines/common.js';
|
4
4
|
import { spinnerConfig } from '../Spinner/Spinner.js';
|
@@ -6,7 +6,12 @@ import { spinnerConfig } from '../Spinner/Spinner.js';
|
|
6
6
|
var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
|
7
7
|
var Spinner = /*#__PURE__*/component(mergedConfig);
|
8
8
|
var base = "b15p59s9";
|
9
|
-
var
|
9
|
+
var StyledAdditionalContent = /*#__PURE__*/styled('div')({
|
10
|
+
name: "StyledAdditionalContent",
|
11
|
+
"class": "s1tk0pdn",
|
12
|
+
propsAsIs: false
|
13
|
+
});
|
14
|
+
var _exp3 = function _exp3() {
|
10
15
|
return function (_ref) {
|
11
16
|
var isLoading = _ref.isLoading;
|
12
17
|
return isLoading ? '0.06' : '1';
|
@@ -14,40 +19,40 @@ var _exp2 = function _exp2() {
|
|
14
19
|
};
|
15
20
|
var LoadWrap = /*#__PURE__*/styled('div')({
|
16
21
|
name: "LoadWrap",
|
17
|
-
"class": "
|
22
|
+
"class": "lwmk0e5",
|
18
23
|
propsAsIs: false,
|
19
24
|
vars: {
|
20
|
-
"
|
25
|
+
"lwmk0e5-0": [/*#__PURE__*/_exp3()]
|
21
26
|
}
|
22
27
|
});
|
23
28
|
var Loader = /*#__PURE__*/styled('div')({
|
24
29
|
name: "Loader",
|
25
|
-
"class": "
|
30
|
+
"class": "l7ptchj",
|
26
31
|
propsAsIs: false
|
27
32
|
});
|
28
|
-
var
|
33
|
+
var _exp4 = function _exp4() {
|
29
34
|
return Spinner;
|
30
35
|
};
|
31
|
-
var StyledSpinner = /*#__PURE__*/styled(
|
36
|
+
var StyledSpinner = /*#__PURE__*/styled(_exp4())({
|
32
37
|
name: "StyledSpinner",
|
33
|
-
"class": "
|
38
|
+
"class": "s12rghuz",
|
34
39
|
propsAsIs: true
|
35
40
|
});
|
36
41
|
var LinkButtonText = /*#__PURE__*/styled('span')({
|
37
42
|
name: "LinkButtonText",
|
38
|
-
"class": "
|
43
|
+
"class": "l1uogc3z",
|
39
44
|
propsAsIs: false
|
40
45
|
});
|
41
46
|
var StyledContentLeft = /*#__PURE__*/styled('div')({
|
42
47
|
name: "StyledContentLeft",
|
43
|
-
"class": "
|
48
|
+
"class": "s176p3a0",
|
44
49
|
propsAsIs: false
|
45
50
|
});
|
46
51
|
var StyledContentRight = /*#__PURE__*/styled('div')({
|
47
52
|
name: "StyledContentRight",
|
48
|
-
"class": "
|
53
|
+
"class": "slixkvc",
|
49
54
|
propsAsIs: false
|
50
55
|
});
|
51
56
|
|
52
|
-
export { LinkButtonText, LoadWrap, Loader, StyledContentLeft, StyledContentRight, StyledSpinner, base };
|
57
|
+
export { LinkButtonText, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };
|
53
58
|
//# sourceMappingURL=LinkButton.styles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LinkButton.styles.js","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","
|
1
|
+
{"version":3,"file":"LinkButton.styles.js","sources":["../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n text-decoration: none;\n appearance: none;\n outline: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n outlineColor: `var(${tokens.linkButtonFocusColor})`,\n })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n display: flex;\n align-items: center;\n margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: inherit;\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n padding: var(${tokens.linkButtonTextPadding});\n color: var(${tokens.linkButtonTextColor});\n\n ${applyEllipsis()}\n`;\n\nexport const StyledContentLeft = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n line-height: 0;\n color: var(${tokens.linkButtonIconColor});\n\n margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,MAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKnC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
|
package/es/components/LinkButton/{LinkButton.styles_s9st5r.css → LinkButton.styles_1qokm54.css}
RENAMED
@@ -1,7 +1,8 @@
|
|
1
1
|
.b15p59s9{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.b15p59s9::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b15p59s9.focus-visible:focus::before,.b15p59s9[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
|
2
|
-
.
|
3
|
-
.lwmk0e5{
|
4
|
-
.
|
5
|
-
.
|
6
|
-
.
|
7
|
-
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-
|
2
|
+
.s1tk0pdn{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;margin:var(--plasma-link-button-additional-content-margin);}
|
3
|
+
.lwmk0e5{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
|
4
|
+
.l7ptchj{position:absolute;}
|
5
|
+
.s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
|
6
|
+
.l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
7
|
+
.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
|
8
|
+
.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
|
@@ -18,6 +18,7 @@ var tokens = {
|
|
18
18
|
linkButtonLineHeight: '--plasma-link-button-line-height',
|
19
19
|
linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',
|
20
20
|
linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',
|
21
|
+
linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',
|
21
22
|
linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',
|
22
23
|
linkButtonFocusColor: '--plasma-link-button-focus-color',
|
23
24
|
linkButtonSpinnerColor: '--plasma-link-button-spinner-color',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;
|
1
|
+
{"version":3,"file":"LinkButton.tokens.js","sources":["../../../src/components/LinkButton/LinkButton.tokens.ts"],"sourcesContent":["export const tokens = {\n linkButtonColor: '--plasma-link-button-color',\n linkButtonTextColor: '--plasma-link-button-text-color',\n linkButtonIconColor: '--plasma-link-button-icon-color',\n linkButtonBackgroundColor: '--plasma-link-button-background-color',\n linkButtonColorHover: '--plasma-link-button-color-hover',\n linkButtonColorActive: '--plasma-link-button-color-active',\n\n linkButtonPadding: '--plasma-link-button-padding',\n linkButtonHeight: '--plasma-link-button-height',\n linkButtonWidth: '--plasma-link-button-width',\n linkButtonRadius: '--plasma-link-button-radius',\n linkButtonTextPadding: '--plasma-link-button-text-padding',\n\n linkButtonFontFamily: '--plasma-link-button-font-family',\n linkButtonFontSize: '--plasma-link-button-font-size',\n linkButtonFontStyle: '--plasma-link-button-font-style',\n linkButtonFontWeight: '--plasma-link-button-font-weight',\n linkButtonLetterSpacing: '--plasma-link-button-letter-spacing',\n linkButtonLineHeight: '--plasma-link-button-line-height',\n\n linkButtonLeftContentMargin: '--plasma-link-button-left-content-margin',\n linkButtonRightContentMargin: '--plasma-link-button-right-content-margin',\n linkButtonAdditionalContentMargin: '--plasma-link-button-additional-content-margin',\n\n linkButtonDisabledOpacity: '--plasma-link-button-disabled-opacity',\n linkButtonFocusColor: '--plasma-link-button-focus-color',\n\n linkButtonSpinnerColor: '--plasma-link-button-spinner-color',\n linkButtonSpinnerSize: '--plasma-link-button-spinner-size',\n};\n"],"names":["tokens","linkButtonColor","linkButtonTextColor","linkButtonIconColor","linkButtonBackgroundColor","linkButtonColorHover","linkButtonColorActive","linkButtonPadding","linkButtonHeight","linkButtonWidth","linkButtonRadius","linkButtonTextPadding","linkButtonFontFamily","linkButtonFontSize","linkButtonFontStyle","linkButtonFontWeight","linkButtonLetterSpacing","linkButtonLineHeight","linkButtonLeftContentMargin","linkButtonRightContentMargin","linkButtonAdditionalContentMargin","linkButtonDisabledOpacity","linkButtonFocusColor","linkButtonSpinnerColor","linkButtonSpinnerSize"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,qBAAqB,EAAE,mCAAmC;AAE1DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,iCAAiC,EAAE,gDAAgD;AAEnFC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAA;AAC3B;;;;"}
|