@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.166
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/AnnouncementBadge/AnnouncementBadge.d.ts +3 -3
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +4 -6
- package/cjs/AnnouncementBadge/index.js +2 -2
- package/cjs/AutoComplete/AutoComplete.d.ts +3 -49
- package/cjs/AutoComplete/AutoComplete.js +362 -516
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +2 -4
- package/cjs/AutoComplete/components/AutocompleteContext.d.ts +5 -0
- package/cjs/AutoComplete/components/AutocompleteContext.js +19 -0
- package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +2 -2
- package/cjs/AutoComplete/components/DefaultOptionItem.js +4 -5
- package/cjs/AutoComplete/index.d.ts +1 -0
- package/cjs/AutoComplete/index.js +14 -2
- package/cjs/AutoComplete/types.d.ts +10 -2
- package/cjs/AutoComplete/utils.d.ts +3 -0
- package/cjs/AutoComplete/utils.js +36 -6
- package/cjs/Avatars/ApplicationAvatar.js +2 -4
- package/cjs/Avatars/UserAvatar.js +4 -6
- package/cjs/Avatars/index.js +2 -2
- package/cjs/Avatars/utils.js +9 -13
- package/cjs/Badge/Badge.d.ts +0 -2
- package/cjs/Badge/Badge.js +6 -7
- package/cjs/Badge/index.js +2 -2
- package/cjs/Banners/Alert/Alert.d.ts +2 -2
- package/cjs/Banners/Alert/Alert.js +4 -5
- package/cjs/Banners/Alert/index.js +2 -2
- package/cjs/Banners/BigBertha/BigBertha.js +2 -4
- package/cjs/Banners/BigBertha/index.js +2 -2
- package/cjs/Banners/Promote/Promote.d.ts +0 -6
- package/cjs/Banners/Promote/Promote.js +2 -10
- package/cjs/Banners/Promote/index.js +2 -2
- package/cjs/Button/Button.js +4 -6
- package/cjs/Button/Button.tailwind.d.ts +1 -1
- package/cjs/Button/Button.tailwind.js +1 -1
- package/cjs/Button/ButtonGroup.d.ts +1 -1
- package/cjs/Button/ButtonGroup.js +2 -4
- package/cjs/Button/IconButton.d.ts +5 -0
- package/cjs/Button/IconButton.js +9 -6
- package/cjs/Button/PolymorphicButton.js +9 -8
- package/cjs/Button/PolymorphicIconButton.d.ts +5 -1
- package/cjs/Button/PolymorphicIconButton.js +14 -13
- package/cjs/Button/index.js +2 -2
- package/cjs/Button/styles.d.ts +1 -1
- package/cjs/Button/styles.js +8 -9
- package/cjs/Button/types.d.ts +3 -2
- package/cjs/Card/Card.d.ts +1 -1
- package/cjs/Card/Card.js +4 -6
- package/cjs/Card/Card.tailwind.d.ts +1 -1
- package/cjs/Card/components/CardHeader.js +4 -6
- package/cjs/Card/components/CardTitle.js +4 -6
- package/cjs/Card/index.js +2 -2
- package/cjs/Checkbox/Checkbox.d.ts +3 -3
- package/cjs/Checkbox/Checkbox.js +6 -8
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +1 -1
- package/cjs/Checkbox/Checkbox.tailwind.js +5 -0
- package/cjs/Checkbox/index.js +2 -2
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +5 -9
- package/cjs/DatePicker/DatePicker/DatePicker.d.ts +1 -1
- package/cjs/DatePicker/DatePicker/DatePicker.js +11 -12
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +8 -11
- package/cjs/DatePicker/DatePicker/index.js +2 -2
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +1 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +5 -7
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -2
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -11
- package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +4 -7
- package/cjs/DatePicker/DateRangePicker/index.js +2 -2
- package/cjs/DatePicker/components/Calendar.js +3 -4
- package/cjs/DatePicker/components/Display.js +1 -2
- package/cjs/DatePicker/components/Footer.js +1 -2
- package/cjs/DatePicker/components/FooterActions.js +1 -2
- package/cjs/DatePicker/components/Modal.js +4 -6
- package/cjs/DatePicker/components/NavBar.js +3 -4
- package/cjs/DatePicker/components/SidePanel.js +1 -2
- package/cjs/DatePicker/index.d.ts +0 -1
- package/cjs/DatePicker/index.js +2 -17
- package/cjs/DatePicker/utils.js +3 -5
- package/cjs/Dropdown/Dropdown.js +5 -8
- package/cjs/Dropdown/DropdownButton.js +4 -6
- package/cjs/Dropdown/DropdownContext.js +3 -6
- package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownButtonItem.js +6 -7
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -5
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -3
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +3 -5
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +2 -3
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +2 -3
- package/cjs/Dropdown/components/DropdownDivider.js +2 -4
- package/cjs/Dropdown/components/DropdownFooterItem.d.ts +1 -0
- package/cjs/Dropdown/components/DropdownFooterItem.js +4 -6
- package/cjs/Dropdown/components/DropdownLinkItem.js +6 -7
- package/cjs/Dropdown/components/DropdownRadioItem.js +4 -6
- package/cjs/Dropdown/components/DropdownTitle.js +4 -6
- package/cjs/Dropdown/components/DropdownToggleItem.js +6 -7
- package/cjs/Dropdown/index.js +2 -2
- package/cjs/Dropdown/useDropdownItemProps.js +4 -6
- package/cjs/Dropzone/Dropzone.js +6 -8
- package/cjs/Dropzone/index.js +2 -2
- package/cjs/EmptyState/EmptyState.js +26 -28
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +1 -1
- package/cjs/EmptyState/index.js +2 -2
- package/cjs/EmptyState/types.d.ts +8 -23
- package/cjs/Field/Field.d.ts +0 -1
- package/cjs/Field/Field.js +4 -6
- package/cjs/Field/FieldStateContext.js +3 -6
- package/cjs/Field/index.js +2 -2
- package/cjs/Field/useFieldState.js +4 -6
- package/cjs/Flag/Flag.js +5 -7
- package/cjs/Flag/Flag.tailwind.d.ts +1 -1
- package/cjs/Flag/Flags.js +8 -9
- package/cjs/Flag/index.js +2 -2
- package/cjs/FlexGrid/FlexGrid.d.ts +1 -12
- package/cjs/FlexGrid/FlexGrid.js +2 -4
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
- package/cjs/FlexGrid/FlexGrid.tailwind.js +2 -2
- package/cjs/FlexGrid/index.js +2 -2
- package/cjs/HelpUnderline/HelpUnderline.js +4 -6
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
- package/cjs/HelpUnderline/index.js +2 -2
- package/cjs/Input/Input.d.ts +4 -1
- package/cjs/Input/Input.js +11 -11
- package/cjs/Input/Input.tailwind.d.ts +1 -1
- package/cjs/Input/index.js +2 -2
- package/cjs/Insert/Insert.js +2 -4
- package/cjs/Insert/index.js +2 -2
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
- package/cjs/KeyboardKey/KeyboardKey.js +2 -3
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
- package/cjs/Link/BaseLink.js +4 -6
- package/cjs/Link/ButtonLink.js +4 -6
- package/cjs/Link/IconButtonLink.js +4 -6
- package/cjs/Link/Link.js +8 -8
- package/cjs/Link/index.js +2 -2
- package/cjs/Medallion/Medallion.d.ts +1 -0
- package/cjs/Medallion/Medallion.js +2 -4
- package/cjs/Medallion/Medallion.tailwind.d.ts +1 -1
- package/cjs/Medallion/index.js +2 -2
- package/cjs/Modal/Modal.js +12 -13
- package/cjs/Modal/Modal.tailwind.d.ts +1 -1
- package/cjs/Modal/components/ModalFooter.js +4 -6
- package/cjs/Modal/components/ModalSection.js +2 -4
- package/cjs/Modal/index.js +2 -2
- package/cjs/Pagination/CompactPagination/CompactPagination.js +6 -10
- package/cjs/Pagination/CompactPagination/index.js +2 -2
- package/cjs/Pagination/DotPagination/DotPagination.js +5 -7
- package/cjs/Pagination/DotPagination/index.js +2 -2
- package/cjs/Pagination/Pagination/Pagination.js +6 -8
- package/cjs/Pagination/Pagination/index.js +2 -2
- package/cjs/Pagination/index.js +2 -2
- package/cjs/Popover/Popover.d.ts +5 -0
- package/cjs/Popover/Popover.js +137 -0
- package/cjs/Popover/index.d.ts +3 -0
- package/cjs/Popover/index.js +36 -0
- package/cjs/Popover/types.d.ts +74 -0
- package/cjs/Popover/types.js +5 -0
- package/cjs/ProgressBar/ProgressBar.d.ts +7 -4
- package/cjs/ProgressBar/ProgressBar.js +29 -22
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
- package/cjs/ProgressBar/index.js +2 -2
- package/cjs/ProgressSpinner/ProgressSpinner.js +4 -6
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +8 -0
- package/cjs/ProgressSpinner/index.js +2 -2
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.js +4 -6
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.tailwind.js +3 -0
- package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
- package/cjs/RadioGroup/RadioGroup.js +3 -6
- package/cjs/RadioGroup/RadiogroupContext.d.ts +1 -4
- package/cjs/RadioGroup/RadiogroupContext.js +3 -5
- package/cjs/RadioGroup/index.js +2 -2
- package/cjs/RangeSlider/RangeSlider.d.ts +2 -0
- package/cjs/RangeSlider/RangeSlider.js +4 -6
- package/cjs/RangeSlider/index.js +2 -2
- package/cjs/Satellite/Satellite.js +5 -7
- package/cjs/Satellite/SatelliteContext.js +5 -8
- package/cjs/Satellite/SatelliteRouter.js +2 -4
- package/cjs/Satellite/index.js +2 -2
- package/cjs/Satellite/locale.d.ts +2 -0
- package/cjs/Satellite/locale.js +2 -3
- package/cjs/Satellite/useCreatePortal.js +2 -3
- package/cjs/ScrollIndicator/ScrollIndicator.js +2 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
- package/cjs/ScrollIndicator/index.js +2 -2
- package/cjs/Select/Select.js +4 -6
- package/cjs/Select/Select.tailwind.d.ts +1 -1
- package/cjs/Select/index.js +2 -2
- package/cjs/Separator/Separator.d.ts +1 -0
- package/cjs/Separator/Separator.js +21 -11
- package/cjs/Separator/Separator.tailwind.d.ts +1 -1
- package/cjs/Separator/Separator.tailwind.js +31 -2
- package/cjs/Separator/index.js +2 -2
- package/cjs/Sidebar/Sidebar.d.ts +1 -0
- package/cjs/Sidebar/Sidebar.js +4 -5
- package/cjs/Sidebar/SidebarButtonLink.js +4 -5
- package/cjs/Sidebar/SidebarContext.js +3 -5
- package/cjs/Sidebar/SidebarHeader.d.ts +1 -0
- package/cjs/Sidebar/SidebarHeader.js +2 -3
- package/cjs/Sidebar/SidebarHeading.d.ts +1 -0
- package/cjs/Sidebar/SidebarHeading.js +2 -3
- package/cjs/Sidebar/SidebarLink.js +4 -5
- package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts +1 -0
- package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +3 -4
- package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +4 -5
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -0
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -8
- package/cjs/Sidebar/SidebarNav.d.ts +1 -0
- package/cjs/Sidebar/SidebarNav.js +2 -3
- package/cjs/Switch/Switch.d.ts +1 -0
- package/cjs/Switch/Switch.js +5 -5
- package/cjs/Switch/Switch.tailwind.d.ts +1 -1
- package/cjs/Switch/SwitchOption.js +5 -7
- package/cjs/Switch/index.js +2 -2
- package/cjs/Switch/utils.js +5 -9
- package/cjs/Tables/DataTable/DataTable.d.ts +8 -1
- package/cjs/Tables/DataTable/DataTable.js +6 -8
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Body.js +4 -6
- package/cjs/Tables/DataTable/components/Footer.js +6 -8
- package/cjs/Tables/DataTable/components/Header.js +2 -4
- package/cjs/Tables/DataTable/components/HeaderCell.js +6 -8
- package/cjs/Tables/DataTable/components/Loader.d.ts +1 -0
- package/cjs/Tables/DataTable/components/Loader.js +3 -5
- package/cjs/Tables/DataTable/index.js +2 -2
- package/cjs/Tables/DataTable/types.d.ts +14 -0
- package/cjs/Tables/DataTable/utils.js +4 -7
- package/cjs/Tables/Table/Table.js +4 -6
- package/cjs/Tables/Table/Table.tailwind.d.ts +1 -1
- package/cjs/Tables/Table/components/TableFooter.js +2 -4
- package/cjs/Tables/Table/index.js +2 -2
- package/cjs/Tables/index.js +2 -2
- package/cjs/Tabs/ContentTabs.js +2 -4
- package/cjs/Tabs/LinkTabs.js +3 -6
- package/cjs/Tabs/Tabs.tailwind.d.ts +1 -1
- package/cjs/Tabs/Tabs.tailwind.js +20 -1
- package/cjs/Tabs/components/LinkTab.js +12 -14
- package/cjs/Tabs/index.js +2 -2
- package/cjs/Tabs/types.d.ts +0 -1
- package/cjs/Tabs/utils.js +2 -3
- package/cjs/Tag/Tag.d.ts +7 -17
- package/cjs/Tag/Tag.js +16 -12
- package/cjs/Tag/Tag.tailwind.d.ts +1 -1
- package/cjs/Tag/index.js +2 -2
- package/cjs/TextArea/TextArea.js +4 -6
- package/cjs/TextArea/TextArea.tailwind.d.ts +1 -1
- package/cjs/TextArea/index.js +2 -2
- package/cjs/TextWrap/TextWrap.js +4 -6
- package/cjs/TextWrap/index.js +2 -2
- package/cjs/Toggle/Toggle.d.ts +6 -2
- package/cjs/Toggle/Toggle.js +26 -13
- package/cjs/Toggle/Toggle.tailwind.d.ts +1 -1
- package/cjs/Toggle/Toggle.tailwind.js +18 -6
- package/cjs/Toggle/index.js +2 -2
- package/cjs/Tooltip/OverflowTooltipWrapper.js +4 -5
- package/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.js +4 -6
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.tailwind.js +1 -91
- package/cjs/Tooltip/TooltipWrapper.d.ts +2 -2
- package/cjs/Tooltip/TooltipWrapper.js +7 -8
- package/cjs/Tooltip/index.js +2 -2
- package/cjs/Tooltip/types.d.ts +15 -15
- package/cjs/Tooltip/utils.js +2 -3
- package/cjs/Typography/Typography.tailwind.d.ts +1 -1
- package/cjs/Typography/Typography.tailwind.js +2 -2
- package/cjs/UserContent/UserContent.d.ts +1 -0
- package/cjs/UserContent/UserContent.js +2 -4
- package/cjs/UserContent/UserContent.tailwind.d.ts +1 -1
- package/cjs/UserContent/UserContent.tailwind.js +2 -2
- package/cjs/styles/base.tailwind.d.ts +1 -1
- package/cjs/styles/helpers/makePurgeCssExtractor.js +1 -1
- package/cjs/styles/tailwind.config.js +3 -3
- package/cjs/styles/zIndexes.d.ts +1 -0
- package/cjs/styles/zIndexes.js +4 -3
- package/cjs/types.d.ts +3 -4
- package/cjs/utilities/overlay.tailwind.d.ts +5 -0
- package/cjs/utilities/overlay.tailwind.js +107 -0
- package/cjs/utilities/utilities.tailwind.d.ts +1 -1
- package/cjs/utils/clamp.d.ts +1 -0
- package/cjs/utils/clamp.js +9 -0
- package/cjs/utils/genericChangeHandler.js +1 -2
- package/cjs/utils/hashCode.js +2 -4
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/cjs/utils/isCssPropertySupported.js +1 -2
- package/cjs/utils/isNil.js +2 -4
- package/cjs/utils/isReactText.js +2 -3
- package/cjs/utils/isRenderedChild.js +1 -2
- package/cjs/utils/matchLocation.js +1 -2
- package/cjs/utils/onlyText.js +1 -2
- package/cjs/utils/parseUrl.js +2 -4
- package/cjs/utils/pluralize.js +1 -2
- package/cjs/utils/prefersReducedMotion.d.ts +6 -0
- package/cjs/utils/prefersReducedMotion.js +13 -0
- package/cjs/utils/range.js +1 -2
- package/cjs/utils/toSentenceCase.js +2 -4
- package/cjs/utils/uniqBy.js +1 -2
- package/cjs/utils/uniqueId.js +1 -2
- package/cjs/utils/useForwardedRef.js +1 -2
- package/cjs/utils/useLinkProps.js +2 -4
- package/cjs/utils/useTriggerInputChange.js +1 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +3 -3
- package/esm/AnnouncementBadge/AnnouncementBadge.js +2 -2
- package/esm/AutoComplete/AutoComplete.d.ts +3 -49
- package/esm/AutoComplete/AutoComplete.js +365 -517
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
- package/esm/AutoComplete/components/AutocompleteContext.d.ts +5 -0
- package/esm/AutoComplete/components/AutocompleteContext.js +13 -0
- package/esm/AutoComplete/components/DefaultOptionItem.d.ts +2 -2
- package/esm/AutoComplete/components/DefaultOptionItem.js +2 -2
- package/esm/AutoComplete/index.d.ts +1 -0
- package/esm/AutoComplete/index.js +1 -0
- package/esm/AutoComplete/types.d.ts +10 -2
- package/esm/AutoComplete/utils.d.ts +3 -0
- package/esm/AutoComplete/utils.js +31 -1
- package/esm/Avatars/UserAvatar.js +2 -2
- package/esm/Avatars/utils.js +2 -2
- package/esm/Badge/Badge.d.ts +0 -2
- package/esm/Badge/Badge.js +4 -3
- package/esm/Banners/Alert/Alert.d.ts +2 -2
- package/esm/Banners/Alert/Alert.js +2 -1
- package/esm/Banners/Promote/Promote.d.ts +0 -6
- package/esm/Banners/Promote/Promote.js +0 -6
- package/esm/Button/Button.js +2 -2
- package/esm/Button/Button.tailwind.d.ts +1 -1
- package/esm/Button/Button.tailwind.js +1 -1
- package/esm/Button/ButtonGroup.d.ts +1 -1
- package/esm/Button/IconButton.d.ts +5 -0
- package/esm/Button/IconButton.js +7 -2
- package/esm/Button/PolymorphicButton.js +6 -4
- package/esm/Button/PolymorphicIconButton.d.ts +5 -1
- package/esm/Button/PolymorphicIconButton.js +13 -11
- package/esm/Button/styles.d.ts +1 -1
- package/esm/Button/styles.js +3 -0
- package/esm/Button/types.d.ts +3 -2
- package/esm/Card/Card.d.ts +1 -1
- package/esm/Card/Card.js +2 -2
- package/esm/Card/Card.tailwind.d.ts +1 -1
- package/esm/Card/components/CardHeader.js +2 -2
- package/esm/Card/components/CardTitle.js +2 -2
- package/esm/Checkbox/Checkbox.d.ts +3 -3
- package/esm/Checkbox/Checkbox.js +4 -4
- package/esm/Checkbox/Checkbox.tailwind.d.ts +1 -1
- package/esm/Checkbox/Checkbox.tailwind.js +5 -0
- package/esm/ClickAwayContainer/ClickAwayContainer.js +1 -1
- package/esm/DatePicker/DatePicker/DatePicker.d.ts +1 -1
- package/esm/DatePicker/DatePicker/DatePicker.js +9 -9
- package/esm/DatePicker/DatePicker/datePickerReducer.js +5 -5
- package/esm/DatePicker/DatePicker.tailwind.d.ts +1 -1
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +3 -3
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
- package/esm/DatePicker/components/Calendar.js +2 -2
- package/esm/DatePicker/components/Modal.js +2 -2
- package/esm/DatePicker/components/NavBar.js +2 -2
- package/esm/DatePicker/index.d.ts +0 -1
- package/esm/DatePicker/index.js +0 -1
- package/esm/Dropdown/Dropdown.js +2 -2
- package/esm/Dropdown/DropdownButton.js +2 -2
- package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownButtonItem.js +4 -3
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -1
- package/esm/Dropdown/components/DropdownFooterItem.d.ts +1 -0
- package/esm/Dropdown/components/DropdownFooterItem.js +2 -2
- package/esm/Dropdown/components/DropdownLinkItem.js +4 -3
- package/esm/Dropdown/components/DropdownRadioItem.js +2 -2
- package/esm/Dropdown/components/DropdownTitle.js +2 -2
- package/esm/Dropdown/components/DropdownToggleItem.js +4 -3
- package/esm/Dropdown/useDropdownItemProps.js +2 -2
- package/esm/Dropzone/Dropzone.js +4 -4
- package/esm/EmptyState/EmptyState.js +24 -24
- package/esm/EmptyState/EmptyState.tailwind.d.ts +1 -1
- package/esm/EmptyState/types.d.ts +8 -23
- package/esm/Field/Field.d.ts +0 -1
- package/esm/Flag/Flag.js +3 -3
- package/esm/Flag/Flag.tailwind.d.ts +1 -1
- package/esm/Flag/Flags.js +6 -5
- package/esm/FlexGrid/FlexGrid.d.ts +1 -12
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
- package/esm/FlexGrid/FlexGrid.tailwind.js +2 -2
- package/esm/HelpUnderline/HelpUnderline.js +2 -2
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
- package/esm/Input/Input.d.ts +4 -1
- package/esm/Input/Input.js +9 -7
- package/esm/Input/Input.tailwind.d.ts +1 -1
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
- package/esm/Link/BaseLink.js +2 -2
- package/esm/Link/ButtonLink.js +2 -2
- package/esm/Link/IconButtonLink.js +2 -2
- package/esm/Link/Link.js +6 -4
- package/esm/Medallion/Medallion.d.ts +1 -0
- package/esm/Medallion/Medallion.tailwind.d.ts +1 -1
- package/esm/Modal/Modal.js +8 -7
- package/esm/Modal/Modal.tailwind.d.ts +1 -1
- package/esm/Modal/components/ModalFooter.js +2 -2
- package/esm/Pagination/CompactPagination/CompactPagination.js +2 -2
- package/esm/Pagination/DotPagination/DotPagination.js +3 -3
- package/esm/Pagination/Pagination/Pagination.js +2 -2
- package/esm/Popover/Popover.d.ts +5 -0
- package/esm/Popover/Popover.js +129 -0
- package/esm/Popover/index.d.ts +3 -0
- package/esm/Popover/index.js +3 -0
- package/esm/Popover/types.d.ts +74 -0
- package/esm/Popover/types.js +1 -0
- package/esm/ProgressBar/ProgressBar.d.ts +7 -4
- package/esm/ProgressBar/ProgressBar.js +24 -18
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
- package/esm/ProgressSpinner/ProgressSpinner.js +2 -2
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +8 -0
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.js +2 -2
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.tailwind.js +3 -0
- package/esm/RadioGroup/RadioGroup.d.ts +1 -0
- package/esm/RadioGroup/RadiogroupContext.d.ts +1 -4
- package/esm/RangeSlider/RangeSlider.d.ts +2 -0
- package/esm/RangeSlider/RangeSlider.js +2 -2
- package/esm/Satellite/Satellite.js +4 -4
- package/esm/Satellite/SatelliteContext.js +2 -2
- package/esm/Satellite/locale.d.ts +2 -0
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
- package/esm/Select/Select.js +2 -2
- package/esm/Select/Select.tailwind.d.ts +1 -1
- package/esm/Separator/Separator.d.ts +1 -0
- package/esm/Separator/Separator.js +17 -5
- package/esm/Separator/Separator.tailwind.d.ts +1 -1
- package/esm/Separator/Separator.tailwind.js +31 -2
- package/esm/Sidebar/Sidebar.d.ts +1 -0
- package/esm/Sidebar/Sidebar.js +2 -2
- package/esm/Sidebar/SidebarButtonLink.js +2 -2
- package/esm/Sidebar/SidebarHeader.d.ts +1 -0
- package/esm/Sidebar/SidebarHeading.d.ts +1 -0
- package/esm/Sidebar/SidebarLink.js +2 -2
- package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts +1 -0
- package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +1 -1
- package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +2 -2
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -0
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +6 -5
- package/esm/Sidebar/SidebarNav.d.ts +1 -0
- package/esm/Switch/Switch.d.ts +1 -0
- package/esm/Switch/Switch.js +3 -1
- package/esm/Switch/Switch.tailwind.d.ts +1 -1
- package/esm/Switch/SwitchOption.js +3 -3
- package/esm/Tables/DataTable/DataTable.d.ts +8 -1
- package/esm/Tables/DataTable/DataTable.js +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
- package/esm/Tables/DataTable/components/Body.js +2 -2
- package/esm/Tables/DataTable/components/Footer.js +2 -2
- package/esm/Tables/DataTable/components/HeaderCell.js +4 -4
- package/esm/Tables/DataTable/components/Loader.d.ts +1 -0
- package/esm/Tables/DataTable/components/Loader.js +1 -1
- package/esm/Tables/DataTable/types.d.ts +14 -0
- package/esm/Tables/Table/Table.js +2 -2
- package/esm/Tables/Table/Table.tailwind.d.ts +1 -1
- package/esm/Tabs/Tabs.tailwind.d.ts +1 -1
- package/esm/Tabs/Tabs.tailwind.js +20 -1
- package/esm/Tabs/components/LinkTab.js +10 -10
- package/esm/Tabs/types.d.ts +0 -1
- package/esm/Tag/Tag.d.ts +7 -17
- package/esm/Tag/Tag.js +14 -8
- package/esm/Tag/Tag.tailwind.d.ts +1 -1
- package/esm/TextArea/TextArea.js +2 -2
- package/esm/TextArea/TextArea.tailwind.d.ts +1 -1
- package/esm/TextWrap/TextWrap.js +2 -2
- package/esm/Toggle/Toggle.d.ts +6 -2
- package/esm/Toggle/Toggle.js +24 -9
- package/esm/Toggle/Toggle.tailwind.d.ts +1 -1
- package/esm/Toggle/Toggle.tailwind.js +18 -6
- package/esm/Tooltip/OverflowTooltipWrapper.js +2 -2
- package/esm/Tooltip/Tooltip.d.ts +1 -1
- package/esm/Tooltip/Tooltip.js +2 -2
- package/esm/Tooltip/Tooltip.tailwind.d.ts +1 -1
- package/esm/Tooltip/Tooltip.tailwind.js +1 -90
- package/esm/Tooltip/TooltipWrapper.d.ts +2 -2
- package/esm/Tooltip/TooltipWrapper.js +3 -3
- package/esm/Tooltip/types.d.ts +15 -15
- package/esm/Typography/Typography.tailwind.d.ts +1 -1
- package/esm/Typography/Typography.tailwind.js +2 -2
- package/esm/UserContent/UserContent.d.ts +1 -0
- package/esm/UserContent/UserContent.tailwind.d.ts +1 -1
- package/esm/UserContent/UserContent.tailwind.js +2 -2
- package/esm/styles/base.tailwind.d.ts +1 -1
- package/esm/styles/helpers/makePurgeCssExtractor.js +1 -1
- package/esm/styles/tailwind.config.js +3 -3
- package/esm/styles/zIndexes.d.ts +1 -0
- package/esm/styles/zIndexes.js +4 -3
- package/esm/types.d.ts +3 -4
- package/esm/utilities/overlay.tailwind.d.ts +5 -0
- package/esm/utilities/overlay.tailwind.js +106 -0
- package/esm/utilities/utilities.tailwind.d.ts +1 -1
- package/esm/utils/clamp.d.ts +1 -0
- package/esm/utils/clamp.js +3 -0
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/prefersReducedMotion.d.ts +6 -0
- package/esm/utils/prefersReducedMotion.js +7 -0
- package/package.json +10 -7
- package/satellite.min.css +1 -1
- package/scss/variables.scss +4 -3
package/cjs/Toggle/Toggle.js
CHANGED
@@ -13,19 +13,20 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
13
13
|
var _react = require("react");
|
14
14
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
16
|
-
var _templateObject, _templateObject2;
|
17
|
-
var _excluded = ["className", "checked", "defaultChecked"];
|
18
|
-
function ownKeys(
|
19
|
-
function _objectSpread(
|
16
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
17
|
+
var _excluded = ["className", "checked", "decorative", "defaultChecked"];
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
20
20
|
/**
|
21
21
|
* Toggles are a quick way to view and switch between enabled or disabled states. Use toggles to turn something on or off instantly.
|
22
22
|
*
|
23
23
|
* - Toggles should not require a Save button to apply the changes
|
24
24
|
* - If a Save button is needed, try using Radio groups or Checkboxes instead
|
25
25
|
*/
|
26
|
-
var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
|
+
var Toggle = exports.Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
27
27
|
var className = _ref.className,
|
28
28
|
checked = _ref.checked,
|
29
|
+
decorative = _ref.decorative,
|
29
30
|
defaultChecked = _ref.defaultChecked,
|
30
31
|
inputProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
31
32
|
var isControlled = typeof checked === "boolean";
|
@@ -34,17 +35,31 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
34
35
|
internalChecked = _useState2[0],
|
35
36
|
setInternalChecked = _useState2[1];
|
36
37
|
var isChecked = Boolean(isControlled ? checked : internalChecked);
|
38
|
+
var isDisabled = inputProps.disabled,
|
39
|
+
onChange = inputProps.onChange;
|
37
40
|
var handleChange = function handleChange(evt) {
|
38
|
-
|
39
|
-
(_inputProps$onChange = inputProps.onChange) === null || _inputProps$onChange === void 0 ? void 0 : _inputProps$onChange.call(inputProps, evt);
|
41
|
+
onChange === null || onChange === void 0 || onChange(evt);
|
40
42
|
if (!isControlled && !evt.isDefaultPrevented()) {
|
41
43
|
setInternalChecked(evt.currentTarget.checked);
|
42
44
|
}
|
43
45
|
};
|
46
|
+
var handleClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["toggle-handle"]))), isChecked && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["toggle-checked"]))), isDisabled && (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["toggle-disabled"]))));
|
47
|
+
var onClick = function onClick(event) {
|
48
|
+
if (isDisabled) {
|
49
|
+
return;
|
50
|
+
}
|
51
|
+
onChange === null || onChange === void 0 || onChange(event);
|
52
|
+
!isControlled && setInternalChecked(!isChecked);
|
53
|
+
};
|
44
54
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
45
55
|
translate: "yes",
|
46
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
47
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("
|
56
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["toggle-container"]))), className),
|
57
|
+
children: [decorative ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
58
|
+
className: handleClassName,
|
59
|
+
onClick: onClick
|
60
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, inputProps), {}, {
|
61
|
+
className: handleClassName,
|
62
|
+
disabled: isDisabled,
|
48
63
|
onChange: handleChange,
|
49
64
|
checked: isChecked,
|
50
65
|
"aria-checked": isChecked,
|
@@ -52,11 +67,9 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
52
67
|
role: "switch",
|
53
68
|
ref: ref
|
54
69
|
})), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
55
|
-
className: (0, _satellitePrefixer["default"])(
|
70
|
+
className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["toggle"])))
|
56
71
|
})]
|
57
72
|
});
|
58
73
|
});
|
59
|
-
exports.Toggle = Toggle;
|
60
74
|
Toggle.displayName = "Toggle";
|
61
|
-
var _default = Toggle;
|
62
|
-
exports["default"] = _default;
|
75
|
+
var _default = exports["default"] = Toggle;
|
@@ -13,8 +13,7 @@ var togglePlugin = plugin(function (_ref) {
|
|
13
13
|
display: "block",
|
14
14
|
height: "18px",
|
15
15
|
width: "32px",
|
16
|
-
|
17
|
-
"& input": {
|
16
|
+
".toggle-handle": {
|
18
17
|
position: "absolute",
|
19
18
|
top: "0px",
|
20
19
|
left: "0px",
|
@@ -22,15 +21,21 @@ var togglePlugin = plugin(function (_ref) {
|
|
22
21
|
height: "100%",
|
23
22
|
opacity: "0",
|
24
23
|
cursor: "pointer",
|
25
|
-
"
|
24
|
+
"&.toggle-disabled": {
|
26
25
|
cursor: "not-allowed"
|
27
26
|
}
|
28
27
|
},
|
29
28
|
"&:hover .toggle:after": {
|
30
29
|
transform: "translateX(2px)"
|
31
30
|
},
|
32
|
-
"&:hover
|
31
|
+
"&:hover .toggle-handle.toggle-checked ~ .toggle:after": {
|
33
32
|
transform: "translateX(12px)"
|
33
|
+
},
|
34
|
+
"&:hover .toggle-handle.toggle-disabled ~ .toggle:after": {
|
35
|
+
transform: "translateX(0px)"
|
36
|
+
},
|
37
|
+
"&:hover .toggle-handle.toggle-checked.toggle-disabled ~ .toggle:after": {
|
38
|
+
transform: "translateX(14px)"
|
34
39
|
}
|
35
40
|
},
|
36
41
|
".toggle": {
|
@@ -56,16 +61,23 @@ var togglePlugin = plugin(function (_ref) {
|
|
56
61
|
boxShadow: "0px 1px 1px 0px ".concat(theme("colors.shadow.10")),
|
57
62
|
transition: transition
|
58
63
|
},
|
59
|
-
"
|
64
|
+
".toggle-handle.toggle-checked ~ &": {
|
60
65
|
background: theme("colors.accent.600"),
|
61
66
|
boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.900"), 0.1)),
|
62
67
|
"&:after": {
|
63
68
|
transform: "translateX(14px)"
|
64
69
|
}
|
65
70
|
},
|
66
|
-
"
|
71
|
+
".toggle-handle.toggle-disabled ~ &": {
|
67
72
|
background: theme("colors.grey.200")
|
73
|
+
},
|
74
|
+
".toggle-checked.toggle-handle.toggle-disabled ~ &": {
|
75
|
+
background: theme("colors.xenon.200")
|
68
76
|
}
|
77
|
+
},
|
78
|
+
"input:focus ~ .toggle": {
|
79
|
+
outline: "2px solid ".concat(theme("colors.accent.600")),
|
80
|
+
outlineOffset: "1px"
|
69
81
|
}
|
70
82
|
});
|
71
83
|
});
|
package/cjs/Toggle/index.js
CHANGED
@@ -23,5 +23,5 @@ Object.keys(_Toggle).forEach(function (key) {
|
|
23
23
|
}
|
24
24
|
});
|
25
25
|
});
|
26
|
-
function _getRequireWildcardCache(
|
27
|
-
function _interopRequireWildcard(
|
26
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
27
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -19,9 +19,9 @@ var _utils = require("./utils");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
20
20
|
var _templateObject;
|
21
21
|
var _excluded = ["children"];
|
22
|
-
function ownKeys(
|
23
|
-
function _objectSpread(
|
24
|
-
var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
24
|
+
var OverflowTooltipWrapper = exports.OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
|
25
25
|
var children = _ref.children,
|
26
26
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
27
27
|
var _useState = (0, _react.useState)(null),
|
@@ -43,5 +43,4 @@ var OverflowTooltipWrapper = function OverflowTooltipWrapper(_ref) {
|
|
43
43
|
children: children
|
44
44
|
})
|
45
45
|
}));
|
46
|
-
};
|
47
|
-
exports.OverflowTooltipWrapper = OverflowTooltipWrapper;
|
46
|
+
};
|
package/cjs/Tooltip/Tooltip.d.ts
CHANGED
@@ -20,5 +20,5 @@ export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEl
|
|
20
20
|
* - Not contain any links, inputs, or buttons.
|
21
21
|
* - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience.
|
22
22
|
*/
|
23
|
-
export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "
|
23
|
+
export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "dir" | "slot" | "style" | "title" | "children" | "id" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import("react").RefAttributes<HTMLDivElement>>;
|
24
24
|
export default Tooltip;
|
package/cjs/Tooltip/Tooltip.js
CHANGED
@@ -14,8 +14,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
15
|
var _excluded = ["className", "variant"];
|
16
16
|
var _templateObject, _templateObject2, _templateObject3;
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
19
19
|
var VARIANT_CLASSNAMES = {
|
20
20
|
dark: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-dark"]))),
|
21
21
|
light: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-light"])))
|
@@ -38,7 +38,7 @@ var VARIANT_CLASSNAMES = {
|
|
38
38
|
* - Not contain any links, inputs, or buttons.
|
39
39
|
* - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience.
|
40
40
|
*/
|
41
|
-
var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
41
|
+
var Tooltip = exports.Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
42
42
|
var className = _ref.className,
|
43
43
|
_ref$variant = _ref.variant,
|
44
44
|
variant = _ref$variant === void 0 ? "dark" : _ref$variant,
|
@@ -48,7 +48,5 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
48
48
|
ref: ref
|
49
49
|
}));
|
50
50
|
});
|
51
|
-
exports.Tooltip = Tooltip;
|
52
51
|
Tooltip.displayName = "Tooltip";
|
53
|
-
var _default = Tooltip;
|
54
|
-
exports["default"] = _default;
|
52
|
+
var _default = exports["default"] = Tooltip;
|
@@ -9,8 +9,6 @@ var tooltipPlugin = plugin(function (_ref) {
|
|
9
9
|
var tooltipDarkBackground = theme("colors.grey.900");
|
10
10
|
/** @type {string} */
|
11
11
|
var tooltipLightBackground = theme("colors.white");
|
12
|
-
var animationDuration = "100ms";
|
13
|
-
var animationEasing = "cubic-bezier(.17,.61,.4,.95)";
|
14
12
|
addComponents({
|
15
13
|
".tooltip": {
|
16
14
|
padding: "".concat(theme("spacing.1"), " ").concat(theme("spacing.2")),
|
@@ -39,99 +37,11 @@ var tooltipPlugin = plugin(function (_ref) {
|
|
39
37
|
}
|
40
38
|
});
|
41
39
|
addComponents({
|
42
|
-
/* eslint-disable @algolia/satellite/prefer-stl-helper */
|
43
|
-
"@keyframes stl-tooltip-slide-down-and-fade": {
|
44
|
-
from: {
|
45
|
-
opacity: "0",
|
46
|
-
transform: "translateY(-2px)"
|
47
|
-
},
|
48
|
-
to: {
|
49
|
-
opacity: "1",
|
50
|
-
transform: "translateY(0)"
|
51
|
-
}
|
52
|
-
},
|
53
|
-
"@keyframes stl-tooltip-slide-left-and-fade": {
|
54
|
-
from: {
|
55
|
-
opacity: "0",
|
56
|
-
transform: "translateX(2px)"
|
57
|
-
},
|
58
|
-
to: {
|
59
|
-
opacity: "1",
|
60
|
-
transform: "translateX(0)"
|
61
|
-
}
|
62
|
-
},
|
63
|
-
"@keyframes stl-tooltip-slide-up-and-fade": {
|
64
|
-
from: {
|
65
|
-
opacity: "0",
|
66
|
-
transform: "translateY(2px)"
|
67
|
-
},
|
68
|
-
to: {
|
69
|
-
opacity: "1",
|
70
|
-
transform: "translateY(0)"
|
71
|
-
}
|
72
|
-
},
|
73
|
-
"@keyframes stl-tooltip-slide-right-and-fade": {
|
74
|
-
from: {
|
75
|
-
opacity: "0",
|
76
|
-
transform: "translateX(-2px)"
|
77
|
-
},
|
78
|
-
to: {
|
79
|
-
opacity: "1",
|
80
|
-
transform: "translateX(0)"
|
81
|
-
}
|
82
|
-
},
|
83
|
-
"@keyframes stl-tooltip-fade-out": {
|
84
|
-
from: {
|
85
|
-
opacity: "1"
|
86
|
-
},
|
87
|
-
to: {
|
88
|
-
opacity: "0"
|
89
|
-
}
|
90
|
-
},
|
91
40
|
".tooltip-content": {
|
92
41
|
zIndex: theme("zIndex.tooltip"),
|
93
42
|
userSelect: "none",
|
94
|
-
maxWidth: theme("spacing.64")
|
95
|
-
// Even if the user has enabled reduced motion or animate is `false`,
|
96
|
-
// we still need to keep this animation to handle the hide delay
|
97
|
-
'&[data-state="closed"]': {
|
98
|
-
animation: "stl-tooltip-fade-out 0ms linear var(--tooltip-hide-delay)"
|
99
|
-
},
|
100
|
-
"@media (prefers-reduced-motion: no-preference)": {
|
101
|
-
willChange: "transform, opacity",
|
102
|
-
'&[data-state="delayed-open"]': {
|
103
|
-
'&[data-side="top"]': {
|
104
|
-
animation: "stl-tooltip-slide-down-and-fade ".concat(animationDuration, " ").concat(animationEasing)
|
105
|
-
},
|
106
|
-
'&[data-side="right"]': {
|
107
|
-
animation: "stl-tooltip-slide-left-and-fade ".concat(animationDuration, " ").concat(animationEasing)
|
108
|
-
},
|
109
|
-
'&[data-side="left"]': {
|
110
|
-
animation: "stl-tooltip-slide-right-and-fade ".concat(animationDuration, " ").concat(animationEasing)
|
111
|
-
},
|
112
|
-
'&[data-side="bottom"]': {
|
113
|
-
animation: "stl-tooltip-slide-up-and-fade ".concat(animationDuration, " ").concat(animationEasing)
|
114
|
-
}
|
115
|
-
},
|
116
|
-
'&[data-state="closed"]': {
|
117
|
-
animation: "stl-tooltip-fade-out ".concat(animationDuration, " ").concat(animationEasing, " var(--tooltip-hide-delay)")
|
118
|
-
}
|
119
|
-
}
|
120
|
-
},
|
121
|
-
".tooltip-arrow-dark": {
|
122
|
-
fill: tooltipDarkBackground
|
123
|
-
},
|
124
|
-
// Since Radix relies on a SVG for the arrow, we use the stroke property
|
125
|
-
// with a dash array/offset to create a border around the arrow.
|
126
|
-
".tooltip-arrow-light": {
|
127
|
-
fill: tooltipLightBackground,
|
128
|
-
stroke: theme("colors.shadow.10"),
|
129
|
-
strokeWidth: "3px",
|
130
|
-
strokeDasharray: "36",
|
131
|
-
strokeDashoffset: "-30"
|
43
|
+
maxWidth: theme("spacing.64")
|
132
44
|
}
|
133
|
-
/* eslint-enable @algolia/satellite/prefer-stl-helper */
|
134
45
|
});
|
135
46
|
});
|
136
|
-
|
137
47
|
module.exports = tooltipPlugin;
|
@@ -2,12 +2,12 @@ import type { ReactNode, VFC } from "react";
|
|
2
2
|
import type { TooltipWrapperBaseProps } from "./types";
|
3
3
|
export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
|
4
4
|
/**
|
5
|
-
* Defines whether the
|
5
|
+
* Defines whether the `Tooltip` should be displayed or not.
|
6
6
|
* @default undefined
|
7
7
|
*/
|
8
8
|
show?: boolean;
|
9
9
|
/**
|
10
|
-
* Defines the content of the
|
10
|
+
* Defines the content of the `Tooltip`.
|
11
11
|
*/
|
12
12
|
content: ReactNode;
|
13
13
|
}
|
@@ -16,9 +16,9 @@ var _isReactText = require("../utils/isReactText");
|
|
16
16
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
18
|
var _templateObject, _templateObject2, _templateObject3;
|
19
|
-
function _getRequireWildcardCache(
|
20
|
-
function _interopRequireWildcard(
|
21
|
-
var TooltipWrapper = function TooltipWrapper(_ref) {
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
|
+
var TooltipWrapper = exports.TooltipWrapper = function TooltipWrapper(_ref) {
|
22
22
|
var show = _ref.show,
|
23
23
|
_ref$delay = _ref.delay,
|
24
24
|
delay = _ref$delay === void 0 ? 250 : _ref$delay,
|
@@ -59,9 +59,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
|
|
59
59
|
asChild: !hasTextChildren,
|
60
60
|
children: children
|
61
61
|
}), createPortal( /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tooltip.Content, {
|
62
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content"]))), tooltipClassName),
|
62
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-content animate-slide"]))), tooltipClassName),
|
63
63
|
style: {
|
64
|
-
"--
|
64
|
+
"--slide-hide-delay": "".concat(hideDelay, "ms")
|
65
65
|
},
|
66
66
|
side: side,
|
67
67
|
sideOffset: (noArrow ? 8 : 4) + sideOffset,
|
@@ -74,10 +74,9 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
|
|
74
74
|
}), !noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip.Arrow, {
|
75
75
|
width: 8,
|
76
76
|
height: 4,
|
77
|
-
className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["
|
77
|
+
className: (0, _clsx["default"])(tooltipVariant === "light" ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["arrow-light"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["arrow-dark"]))))
|
78
78
|
})]
|
79
79
|
}))]
|
80
80
|
})
|
81
81
|
});
|
82
|
-
};
|
83
|
-
exports.TooltipWrapper = TooltipWrapper;
|
82
|
+
};
|
package/cjs/Tooltip/index.js
CHANGED
@@ -47,5 +47,5 @@ Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
|
|
47
47
|
}
|
48
48
|
});
|
49
49
|
});
|
50
|
-
function _getRequireWildcardCache(
|
51
|
-
function _interopRequireWildcard(
|
50
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
51
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
package/cjs/Tooltip/types.d.ts
CHANGED
@@ -3,61 +3,61 @@ import type { ReactElement, ReactText } from "react";
|
|
3
3
|
import type { TooltipVariant } from "./Tooltip";
|
4
4
|
export interface TooltipWrapperBaseProps {
|
5
5
|
/**
|
6
|
-
* Defines how long you should hover the wrapped element before displaying the
|
6
|
+
* Defines how long you should hover the wrapped element before displaying the `Tooltip` (in ms).
|
7
7
|
* @default 250
|
8
8
|
*/
|
9
9
|
delay?: number;
|
10
10
|
/**
|
11
|
-
* Defines how long the
|
11
|
+
* Defines how long the `Tooltip` should stay displayed when leaving the wrapped element (in ms).
|
12
12
|
* @default 500
|
13
13
|
*/
|
14
14
|
hideDelay?: number;
|
15
15
|
/**
|
16
|
-
* Defines the side of the trigger element where the
|
16
|
+
* Defines the side of the trigger element where the `Tooltip` should be displayed.
|
17
17
|
* Will be reversed when collisions occur and `avoidCollisions` is enabled.
|
18
|
-
* @default
|
18
|
+
* @default bottom
|
19
19
|
*/
|
20
20
|
side?: TooltipContentProps["side"];
|
21
21
|
/**
|
22
|
-
* Defines the offset in pixels of the
|
22
|
+
* Defines the offset in pixels of the `Tooltip` from the trigger element.
|
23
23
|
* @default 0
|
24
24
|
*/
|
25
25
|
sideOffset?: TooltipContentProps["sideOffset"];
|
26
26
|
/**
|
27
|
-
* Defines the preferred alignment of the
|
27
|
+
* Defines the preferred alignment of the `Tooltip` against the trigger element.
|
28
28
|
* May change when collisions occur.
|
29
|
-
* @default
|
29
|
+
* @default center
|
30
30
|
*/
|
31
31
|
align?: TooltipContentProps["align"];
|
32
32
|
/**
|
33
|
-
* Defines the offset in pixels of the
|
33
|
+
* Defines the offset in pixels of the `Tooltip` along the trigger element.
|
34
34
|
* It only works when the `align` option is set to "start" or "end".
|
35
35
|
* @default 0
|
36
36
|
*/
|
37
37
|
alignOffset?: TooltipContentProps["alignOffset"];
|
38
38
|
/**
|
39
|
-
* Defines the variant of the
|
40
|
-
* @default
|
39
|
+
* Defines the variant of the `Tooltip`.
|
40
|
+
* @default dark
|
41
41
|
*/
|
42
42
|
tooltipVariant?: TooltipVariant;
|
43
43
|
/**
|
44
|
-
* Defines the CSS class to be applied to the
|
44
|
+
* Defines the CSS class to be applied to the `Tooltip` element.
|
45
45
|
*/
|
46
46
|
tooltipClassName?: string;
|
47
47
|
/**
|
48
|
-
* Defines
|
48
|
+
* Defines whether the `Tooltip` arrow should be hidden.
|
49
49
|
* @default false
|
50
50
|
*/
|
51
51
|
noArrow?: boolean;
|
52
52
|
/**
|
53
|
-
* Defines whether the
|
54
|
-
* Useful when the
|
53
|
+
* Defines whether the `Tooltip` itself should be considered when computing the `Tooltip` target.
|
54
|
+
* Useful when the `Tooltip` itself contains selectable text or interactive elements, and thus
|
55
55
|
* shouldn't be dismissed when the mouse hovers it.
|
56
56
|
* @default true
|
57
57
|
*/
|
58
58
|
interactive?: boolean;
|
59
59
|
/**
|
60
|
-
* Defines whether the
|
60
|
+
* Defines whether the `Tooltip` should avoid collisions with the viewport.
|
61
61
|
* @default true
|
62
62
|
*/
|
63
63
|
avoidCollisions?: boolean;
|
package/cjs/Tooltip/utils.js
CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.isOverflowing = void 0;
|
7
|
-
var isOverflowing = function isOverflowing(element) {
|
7
|
+
var isOverflowing = exports.isOverflowing = function isOverflowing(element) {
|
8
8
|
return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
|
9
|
-
};
|
10
|
-
exports.isOverflowing = isOverflowing;
|
9
|
+
};
|
@@ -2,8 +2,8 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
5
|
-
function ownKeys(
|
6
|
-
function _objectSpread(
|
5
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
6
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
7
7
|
// @ts-check
|
8
8
|
var _require = require("lodash"),
|
9
9
|
mapKeys = _require.mapKeys;
|
@@ -10,7 +10,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
10
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
12
12
|
var _templateObject;
|
13
|
-
var UserContent = function UserContent(_ref) {
|
13
|
+
var UserContent = exports.UserContent = function UserContent(_ref) {
|
14
14
|
var className = _ref.className,
|
15
15
|
content = _ref.content,
|
16
16
|
_ref$styled = _ref.styled,
|
@@ -23,6 +23,4 @@ var UserContent = function UserContent(_ref) {
|
|
23
23
|
}
|
24
24
|
});
|
25
25
|
};
|
26
|
-
exports
|
27
|
-
var _default = UserContent;
|
28
|
-
exports["default"] = _default;
|
26
|
+
var _default = exports["default"] = UserContent;
|
@@ -2,8 +2,8 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
5
|
-
function ownKeys(
|
6
|
-
function _objectSpread(
|
5
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
6
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
7
7
|
// @ts-check
|
8
8
|
var plugin = require("tailwindcss/plugin");
|
9
9
|
var _require = require("../styles/helpers/icons"),
|