@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134
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/README.md +33 -28
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +25 -7
- package/cjs/AutoComplete/AutoComplete.d.ts +23 -17
- package/cjs/AutoComplete/AutoComplete.js +180 -124
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
- package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
- package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
- package/cjs/AutoComplete/types.d.ts +33 -25
- package/cjs/AutoComplete/utils.d.ts +5 -4
- package/cjs/AutoComplete/utils.js +22 -2
- package/cjs/Avatars/ApplicationAvatar.js +7 -6
- package/cjs/Avatars/UserAvatar.js +19 -20
- package/cjs/Avatars/utils.d.ts +1 -1
- package/cjs/Badge/Badge.d.ts +5 -5
- package/cjs/Badge/Badge.js +21 -12
- package/cjs/Banner/Banner.d.ts +5 -4
- package/cjs/Banner/Banner.js +30 -25
- package/cjs/Banners/Alert/Alert.d.ts +5 -4
- package/cjs/Banners/Alert/Alert.js +29 -23
- package/cjs/Banners/BigBertha/BigBertha.d.ts +3 -2
- package/cjs/Banners/BigBertha/BigBertha.js +11 -9
- package/cjs/Banners/Promote/Promote.d.ts +6 -5
- package/cjs/Banners/Promote/Promote.js +38 -30
- package/cjs/Button/Button.js +23 -17
- package/cjs/Button/Button.tailwind.d.ts +4 -4
- package/cjs/Button/Button.tailwind.js +11 -14
- package/cjs/Button/ButtonGroup.d.ts +2 -1
- package/cjs/Button/ButtonGroup.js +6 -5
- package/cjs/Button/IconButton.d.ts +2 -2
- package/cjs/Button/IconButton.js +24 -22
- package/cjs/Button/styles.d.ts +1 -1
- package/cjs/Button/types.d.ts +5 -5
- package/cjs/Card/Card.d.ts +3 -3
- package/cjs/Card/Card.js +8 -11
- package/cjs/Card/Card.tailwind.d.ts +4 -4
- package/cjs/Card/Card.tailwind.js +5 -8
- package/cjs/Card/components/CardHeader.js +8 -4
- package/cjs/Card/components/CardTitle.d.ts +4 -2
- package/cjs/Card/components/CardTitle.js +11 -6
- package/cjs/Checkbox/Checkbox.d.ts +3 -3
- package/cjs/Checkbox/Checkbox.js +33 -30
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
- package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
- package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/cjs/DatePicker/DatePicker/DatePicker.js +90 -63
- package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +101 -70
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
- package/cjs/DatePicker/components/Calendar.d.ts +6 -2
- package/cjs/DatePicker/components/Calendar.js +12 -10
- package/cjs/DatePicker/components/Display.d.ts +3 -3
- package/cjs/DatePicker/components/Display.js +6 -5
- package/cjs/DatePicker/components/Footer.d.ts +2 -2
- package/cjs/DatePicker/components/Footer.js +6 -5
- package/cjs/DatePicker/components/FooterActions.d.ts +4 -1
- package/cjs/DatePicker/components/FooterActions.js +17 -13
- package/cjs/DatePicker/components/Modal.d.ts +5 -5
- package/cjs/DatePicker/components/Modal.js +18 -16
- package/cjs/DatePicker/components/NavBar.d.ts +7 -3
- package/cjs/DatePicker/components/NavBar.js +42 -41
- package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
- package/cjs/DatePicker/components/SidePanel.js +9 -7
- package/cjs/DatePicker/types.d.ts +17 -0
- package/cjs/{tailwind-types.js → DatePicker/types.js} +0 -0
- package/cjs/DatePicker/utils.d.ts +2 -0
- package/cjs/DatePicker/utils.js +10 -2
- package/cjs/Dropdown/Dropdown.d.ts +8 -8
- package/cjs/Dropdown/Dropdown.js +49 -40
- package/cjs/Dropdown/DropdownButton.d.ts +4 -3
- package/cjs/Dropdown/DropdownButton.js +15 -9
- package/cjs/Dropdown/DropdownContext.d.ts +2 -2
- package/cjs/Dropdown/DropdownContext.js +2 -9
- package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
- package/cjs/Dropdown/components/DropdownDivider.js +3 -3
- package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
- package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
- package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
- package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
- package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
- package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/cjs/Dropdown/components/DropdownTitle.js +8 -4
- package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
- package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
- package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
- package/cjs/Dropzone/Dropzone.d.ts +7 -3
- package/cjs/Dropzone/Dropzone.js +70 -56
- package/cjs/EmptyState/EmptyState.d.ts +1 -1
- package/cjs/EmptyState/EmptyState.js +29 -22
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
- package/cjs/EmptyState/types.d.ts +7 -7
- package/cjs/Field/Field.d.ts +4 -3
- package/cjs/Field/Field.js +33 -26
- package/cjs/Flag/Flag.d.ts +3 -2
- package/cjs/Flag/Flag.js +58 -38
- package/cjs/Flag/Flag.tailwind.d.ts +4 -4
- package/cjs/Flag/Flag.tailwind.js +8 -15
- package/cjs/Flag/Flags.d.ts +3 -3
- package/cjs/Flag/Flags.js +32 -22
- package/cjs/Flag/types.d.ts +8 -4
- package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
- package/cjs/FlexGrid/FlexGrid.js +15 -9
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/cjs/FlexGrid/FlexGrid.tailwind.js +10 -13
- package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/cjs/HelpUnderline/HelpUnderline.js +9 -7
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
- package/cjs/Input/Input.d.ts +11 -5
- package/cjs/Input/Input.js +131 -115
- package/cjs/Input/Input.tailwind.d.ts +4 -4
- package/cjs/Input/Input.tailwind.js +12 -15
- package/cjs/Insert/Insert.d.ts +3 -2
- package/cjs/Insert/Insert.js +29 -23
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
- package/cjs/KeyboardKey/KeyboardKey.d.ts +2 -1
- package/cjs/KeyboardKey/KeyboardKey.js +11 -13
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
- package/cjs/Link/BaseLink.d.ts +3 -3
- package/cjs/Link/BaseLink.js +7 -7
- package/cjs/Link/ButtonLink.d.ts +1 -1
- package/cjs/Link/ButtonLink.js +9 -5
- package/cjs/Link/IconButtonLink.d.ts +1 -1
- package/cjs/Link/IconButtonLink.js +8 -4
- package/cjs/Link/Link.d.ts +5 -5
- package/cjs/Link/Link.js +16 -15
- package/cjs/Medallion/Medallion.d.ts +2 -2
- package/cjs/Medallion/Medallion.js +8 -7
- package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
- package/cjs/Medallion/Medallion.tailwind.js +8 -11
- package/cjs/Modal/Modal.d.ts +8 -5
- package/cjs/Modal/Modal.js +60 -47
- package/cjs/Modal/Modal.tailwind.d.ts +4 -4
- package/cjs/Modal/Modal.tailwind.js +9 -18
- package/cjs/Modal/components/ModalFooter.d.ts +4 -2
- package/cjs/Modal/components/ModalFooter.js +16 -10
- package/cjs/Modal/components/ModalSection.d.ts +1 -1
- package/cjs/Modal/components/ModalSection.js +6 -5
- package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.js +62 -36
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -1
- package/cjs/Pagination/DotPagination/DotPagination.js +36 -16
- package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
- package/cjs/Pagination/Pagination/Pagination.js +79 -49
- package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
- package/cjs/ProgressBar/ProgressBar.js +16 -11
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/cjs/ProgressSpinner/ProgressSpinner.js +18 -11
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
- package/cjs/RadioGroup/RadioButton.d.ts +3 -3
- package/cjs/RadioGroup/RadioButton.js +8 -8
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
- package/cjs/RadioGroup/RadioGroup.d.ts +4 -3
- package/cjs/RadioGroup/RadioGroup.js +36 -34
- package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
- package/cjs/RangeSlider/RangeSlider.js +37 -36
- package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/cjs/Satellite/Satellite.d.ts +5 -2
- package/cjs/Satellite/Satellite.js +13 -7
- package/cjs/Satellite/SatelliteContext.d.ts +3 -1
- package/cjs/Satellite/SatelliteContext.js +4 -3
- package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
- package/cjs/Satellite/index.d.ts +1 -0
- package/cjs/Satellite/index.js +14 -0
- package/cjs/Satellite/locale.d.ts +27 -0
- package/cjs/Satellite/locale.js +21 -0
- package/cjs/ScrollIndicator/ScrollIndicator.d.ts +6 -3
- package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/cjs/Select/Select.d.ts +3 -3
- package/cjs/Select/Select.js +8 -8
- package/cjs/Select/Select.tailwind.d.ts +5 -5
- package/cjs/Select/Select.tailwind.js +5 -8
- package/cjs/Sidebar/Sidebar.d.ts +6 -4
- package/cjs/Sidebar/Sidebar.js +18 -10
- package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
- package/cjs/Sidebar/SidebarContext.d.ts +1 -1
- package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
- package/cjs/Sidebar/components/SidebarHeader.js +11 -6
- package/cjs/Sidebar/components/SidebarLink.d.ts +4 -3
- package/cjs/Sidebar/components/SidebarLink.js +32 -22
- package/cjs/Switch/Switch.d.ts +3 -3
- package/cjs/Switch/Switch.js +17 -19
- package/cjs/Switch/Switch.tailwind.d.ts +5 -5
- package/cjs/Switch/Switch.tailwind.js +7 -8
- package/cjs/Switch/SwitchOption.d.ts +2 -1
- package/cjs/Switch/SwitchOption.js +25 -17
- package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
- package/cjs/Tables/DataTable/DataTable.js +79 -60
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
- package/cjs/Tables/DataTable/components/Body.d.ts +7 -6
- package/cjs/Tables/DataTable/components/Body.js +62 -47
- package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Footer.js +6 -6
- package/cjs/Tables/DataTable/components/Header.js +24 -20
- package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
- package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
- package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
- package/cjs/Tables/DataTable/components/Loader.js +19 -20
- package/cjs/Tables/DataTable/types.d.ts +3 -3
- package/cjs/Tables/DataTable/utils.d.ts +1 -1
- package/cjs/Tables/Table/Table.d.ts +3 -3
- package/cjs/Tables/Table/Table.js +19 -12
- package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
- package/cjs/Tables/Table/Table.tailwind.js +3 -6
- package/cjs/Tables/Table/components/Footer.d.ts +2 -2
- package/cjs/Tables/Table/components/Footer.js +6 -5
- package/cjs/Tabs/ContentTabs.d.ts +1 -1
- package/cjs/Tabs/ContentTabs.js +39 -38
- package/cjs/Tabs/LinkTabs.d.ts +1 -1
- package/cjs/Tabs/LinkTabs.js +16 -16
- package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
- package/cjs/Tabs/Tabs.tailwind.js +5 -8
- package/cjs/Tabs/components/LinkTab.d.ts +3 -3
- package/cjs/Tabs/components/LinkTab.js +18 -12
- package/cjs/Tabs/types.d.ts +6 -6
- package/cjs/Tabs/utils.d.ts +1 -1
- package/cjs/Tag/Tag.d.ts +8 -4
- package/cjs/Tag/Tag.js +36 -24
- package/cjs/Tag/Tag.tailwind.d.ts +4 -4
- package/cjs/Tag/Tag.tailwind.js +6 -9
- package/cjs/TextArea/TextArea.d.ts +3 -3
- package/cjs/TextArea/TextArea.js +8 -8
- package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
- package/cjs/TextArea/TextArea.tailwind.js +4 -7
- package/cjs/TextWrap/TextWrap.js +20 -20
- package/cjs/Toggle/Toggle.d.ts +3 -3
- package/cjs/Toggle/Toggle.js +23 -21
- package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
- package/cjs/Toggle/Toggle.tailwind.js +19 -22
- package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
- package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
- package/cjs/Tooltip/Tooltip.d.ts +3 -3
- package/cjs/Tooltip/Tooltip.js +8 -8
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
- package/cjs/Tooltip/TooltipWrapper.d.ts +4 -3
- package/cjs/Tooltip/TooltipWrapper.js +47 -39
- package/cjs/Tooltip/types.d.ts +4 -2
- package/cjs/Typography/Typography.tailwind.d.ts +5 -17
- package/cjs/Typography/Typography.tailwind.js +125 -135
- package/cjs/UserContent/UserContent.js +3 -3
- package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
- package/cjs/UserContent/UserContent.tailwind.js +13 -13
- package/cjs/styles/base.tailwind.d.ts +4 -4
- package/cjs/styles/base.tailwind.js +3 -6
- package/cjs/styles/tailwind.config.d.ts +2 -198
- package/cjs/styles/tailwind.config.js +27 -31
- package/cjs/types.d.ts +10 -3
- package/cjs/utilities/utilities.tailwind.d.ts +4 -1
- package/cjs/utilities/utilities.tailwind.js +4 -6
- package/cjs/utils/genericChangeHandler.d.ts +3 -3
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/cjs/utils/isRenderedChild.d.ts +2 -2
- package/cjs/utils/pluralize.js +6 -1
- package/cjs/utils/useForwardedRef.d.ts +2 -2
- package/cjs/utils/useLinkProps.d.ts +2 -2
- package/cjs/utils/useTriggerInputChange.d.ts +2 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
- package/esm/AnnouncementBadge/AnnouncementBadge.js +23 -6
- package/esm/AutoComplete/AutoComplete.d.ts +23 -17
- package/esm/AutoComplete/AutoComplete.js +184 -115
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
- package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
- package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
- package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
- package/esm/AutoComplete/types.d.ts +33 -25
- package/esm/AutoComplete/utils.d.ts +5 -4
- package/esm/AutoComplete/utils.js +16 -0
- package/esm/Avatars/ApplicationAvatar.js +6 -5
- package/esm/Avatars/UserAvatar.js +19 -14
- package/esm/Avatars/utils.d.ts +1 -1
- package/esm/Badge/Badge.d.ts +5 -5
- package/esm/Badge/Badge.js +21 -11
- package/esm/Banner/Banner.d.ts +5 -4
- package/esm/Banner/Banner.js +31 -25
- package/esm/Banners/Alert/Alert.d.ts +5 -4
- package/esm/Banners/Alert/Alert.js +30 -23
- package/esm/Banners/BigBertha/BigBertha.d.ts +3 -2
- package/esm/Banners/BigBertha/BigBertha.js +11 -8
- package/esm/Banners/Promote/Promote.d.ts +6 -5
- package/esm/Banners/Promote/Promote.js +37 -28
- package/esm/Button/Button.js +23 -16
- package/esm/Button/Button.tailwind.d.ts +4 -4
- package/esm/Button/Button.tailwind.js +13 -16
- package/esm/Button/ButtonGroup.d.ts +2 -1
- package/esm/Button/ButtonGroup.js +5 -4
- package/esm/Button/IconButton.d.ts +2 -2
- package/esm/Button/IconButton.js +24 -19
- package/esm/Button/styles.d.ts +1 -1
- package/esm/Button/types.d.ts +5 -5
- package/esm/Card/Card.d.ts +3 -3
- package/esm/Card/Card.js +6 -4
- package/esm/Card/Card.tailwind.d.ts +4 -4
- package/esm/Card/Card.tailwind.js +6 -9
- package/esm/Card/components/CardHeader.js +8 -3
- package/esm/Card/components/CardTitle.d.ts +4 -2
- package/esm/Card/components/CardTitle.js +11 -5
- package/esm/Checkbox/Checkbox.d.ts +3 -3
- package/esm/Checkbox/Checkbox.js +35 -26
- package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/esm/Checkbox/Checkbox.tailwind.js +11 -14
- package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
- package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
- package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/esm/DatePicker/DatePicker/DatePicker.js +92 -59
- package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/esm/DatePicker/DatePicker.tailwind.js +19 -15
- package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +105 -67
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
- package/esm/DatePicker/components/Calendar.d.ts +6 -2
- package/esm/DatePicker/components/Calendar.js +13 -5
- package/esm/DatePicker/components/Display.d.ts +3 -3
- package/esm/DatePicker/components/Display.js +5 -4
- package/esm/DatePicker/components/Footer.d.ts +2 -2
- package/esm/DatePicker/components/Footer.js +5 -4
- package/esm/DatePicker/components/FooterActions.d.ts +4 -1
- package/esm/DatePicker/components/FooterActions.js +18 -13
- package/esm/DatePicker/components/Modal.d.ts +5 -5
- package/esm/DatePicker/components/Modal.js +19 -12
- package/esm/DatePicker/components/NavBar.d.ts +7 -3
- package/esm/DatePicker/components/NavBar.js +42 -35
- package/esm/DatePicker/components/SidePanel.d.ts +2 -2
- package/esm/DatePicker/components/SidePanel.js +8 -6
- package/esm/DatePicker/types.d.ts +17 -0
- package/esm/{tailwind-types.js → DatePicker/types.js} +0 -0
- package/esm/DatePicker/utils.d.ts +2 -0
- package/esm/DatePicker/utils.js +7 -0
- package/esm/Dropdown/Dropdown.d.ts +8 -8
- package/esm/Dropdown/Dropdown.js +45 -30
- package/esm/Dropdown/DropdownButton.d.ts +4 -3
- package/esm/Dropdown/DropdownButton.js +15 -8
- package/esm/Dropdown/DropdownContext.d.ts +2 -2
- package/esm/Dropdown/DropdownContext.js +2 -2
- package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
- package/esm/Dropdown/components/DropdownDivider.js +2 -2
- package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
- package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
- package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
- package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
- package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
- package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/esm/Dropdown/components/DropdownTitle.js +8 -3
- package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
- package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
- package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
- package/esm/Dropzone/Dropzone.d.ts +7 -3
- package/esm/Dropzone/Dropzone.js +69 -49
- package/esm/EmptyState/EmptyState.d.ts +1 -1
- package/esm/EmptyState/EmptyState.js +29 -21
- package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/esm/EmptyState/EmptyState.tailwind.js +6 -9
- package/esm/EmptyState/types.d.ts +7 -7
- package/esm/Field/Field.d.ts +4 -3
- package/esm/Field/Field.js +33 -25
- package/esm/Flag/Flag.d.ts +3 -2
- package/esm/Flag/Flag.js +57 -33
- package/esm/Flag/Flag.tailwind.d.ts +4 -4
- package/esm/Flag/Flag.tailwind.js +9 -16
- package/esm/Flag/Flags.d.ts +3 -3
- package/esm/Flag/Flags.js +30 -21
- package/esm/Flag/types.d.ts +8 -4
- package/esm/FlexGrid/FlexGrid.d.ts +2 -1
- package/esm/FlexGrid/FlexGrid.js +13 -8
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/esm/FlexGrid/FlexGrid.tailwind.js +10 -13
- package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/esm/HelpUnderline/HelpUnderline.js +8 -6
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
- package/esm/Input/Input.d.ts +11 -5
- package/esm/Input/Input.js +131 -109
- package/esm/Input/Input.tailwind.d.ts +4 -4
- package/esm/Input/Input.tailwind.js +14 -17
- package/esm/Insert/Insert.d.ts +3 -2
- package/esm/Insert/Insert.js +28 -21
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
- package/esm/KeyboardKey/KeyboardKey.d.ts +2 -1
- package/esm/KeyboardKey/KeyboardKey.js +9 -6
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
- package/esm/Link/BaseLink.d.ts +3 -3
- package/esm/Link/BaseLink.js +9 -3
- package/esm/Link/ButtonLink.d.ts +1 -1
- package/esm/Link/ButtonLink.js +9 -4
- package/esm/Link/IconButtonLink.d.ts +1 -1
- package/esm/Link/IconButtonLink.js +9 -4
- package/esm/Link/Link.d.ts +5 -5
- package/esm/Link/Link.js +18 -10
- package/esm/Medallion/Medallion.d.ts +2 -2
- package/esm/Medallion/Medallion.js +7 -6
- package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
- package/esm/Medallion/Medallion.tailwind.js +8 -11
- package/esm/Modal/Modal.d.ts +8 -5
- package/esm/Modal/Modal.js +58 -39
- package/esm/Modal/Modal.tailwind.d.ts +4 -4
- package/esm/Modal/Modal.tailwind.js +10 -19
- package/esm/Modal/components/ModalFooter.d.ts +4 -2
- package/esm/Modal/components/ModalFooter.js +16 -9
- package/esm/Modal/components/ModalSection.d.ts +1 -1
- package/esm/Modal/components/ModalSection.js +5 -4
- package/esm/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
- package/esm/Pagination/CompactPagination/CompactPagination.js +61 -37
- package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -1
- package/esm/Pagination/DotPagination/DotPagination.js +33 -16
- package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
- package/esm/Pagination/Pagination/Pagination.js +78 -48
- package/esm/ProgressBar/ProgressBar.d.ts +2 -2
- package/esm/ProgressBar/ProgressBar.js +16 -10
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/esm/ProgressSpinner/ProgressSpinner.js +18 -10
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
- package/esm/RadioGroup/RadioButton.d.ts +3 -3
- package/esm/RadioGroup/RadioButton.js +9 -3
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
- package/esm/RadioGroup/RadioGroup.d.ts +4 -3
- package/esm/RadioGroup/RadioGroup.js +36 -28
- package/esm/RangeSlider/RangeSlider.d.ts +3 -3
- package/esm/RangeSlider/RangeSlider.js +39 -31
- package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/esm/Satellite/Satellite.d.ts +5 -2
- package/esm/Satellite/Satellite.js +11 -6
- package/esm/Satellite/SatelliteContext.d.ts +3 -1
- package/esm/Satellite/SatelliteContext.js +4 -3
- package/esm/Satellite/SatelliteRouter.d.ts +1 -1
- package/esm/Satellite/index.d.ts +1 -0
- package/esm/Satellite/index.js +1 -0
- package/esm/Satellite/locale.d.ts +27 -0
- package/esm/Satellite/locale.js +8 -0
- package/esm/ScrollIndicator/ScrollIndicator.d.ts +6 -3
- package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/esm/Select/Select.d.ts +3 -3
- package/esm/Select/Select.js +8 -3
- package/esm/Select/Select.tailwind.d.ts +5 -5
- package/esm/Select/Select.tailwind.js +5 -8
- package/esm/Sidebar/Sidebar.d.ts +6 -4
- package/esm/Sidebar/Sidebar.js +16 -8
- package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/esm/Sidebar/Sidebar.tailwind.js +6 -9
- package/esm/Sidebar/SidebarContext.d.ts +1 -1
- package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
- package/esm/Sidebar/components/SidebarHeader.js +11 -5
- package/esm/Sidebar/components/SidebarLink.d.ts +4 -3
- package/esm/Sidebar/components/SidebarLink.js +34 -21
- package/esm/Switch/Switch.d.ts +3 -3
- package/esm/Switch/Switch.js +16 -12
- package/esm/Switch/Switch.tailwind.d.ts +5 -5
- package/esm/Switch/Switch.tailwind.js +7 -8
- package/esm/Switch/SwitchOption.d.ts +2 -1
- package/esm/Switch/SwitchOption.js +25 -16
- package/esm/Tables/DataTable/DataTable.d.ts +15 -5
- package/esm/Tables/DataTable/DataTable.js +77 -54
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
- package/esm/Tables/DataTable/components/Body.d.ts +7 -6
- package/esm/Tables/DataTable/components/Body.js +60 -45
- package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
- package/esm/Tables/DataTable/components/Footer.js +5 -5
- package/esm/Tables/DataTable/components/Header.js +22 -18
- package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
- package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
- package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
- package/esm/Tables/DataTable/components/Loader.js +18 -14
- package/esm/Tables/DataTable/types.d.ts +3 -3
- package/esm/Tables/DataTable/utils.d.ts +1 -1
- package/esm/Tables/Table/Table.d.ts +3 -3
- package/esm/Tables/Table/Table.js +20 -11
- package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
- package/esm/Tables/Table/Table.tailwind.js +4 -7
- package/esm/Tables/Table/components/Footer.d.ts +2 -2
- package/esm/Tables/Table/components/Footer.js +5 -4
- package/esm/Tabs/ContentTabs.d.ts +1 -1
- package/esm/Tabs/ContentTabs.js +38 -31
- package/esm/Tabs/LinkTabs.d.ts +1 -1
- package/esm/Tabs/LinkTabs.js +14 -14
- package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
- package/esm/Tabs/Tabs.tailwind.js +6 -9
- package/esm/Tabs/components/LinkTab.d.ts +3 -3
- package/esm/Tabs/components/LinkTab.js +18 -11
- package/esm/Tabs/types.d.ts +6 -6
- package/esm/Tabs/utils.d.ts +1 -1
- package/esm/Tag/Tag.d.ts +8 -4
- package/esm/Tag/Tag.js +36 -19
- package/esm/Tag/Tag.tailwind.d.ts +4 -4
- package/esm/Tag/Tag.tailwind.js +7 -10
- package/esm/TextArea/TextArea.d.ts +3 -3
- package/esm/TextArea/TextArea.js +9 -3
- package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
- package/esm/TextArea/TextArea.tailwind.js +6 -9
- package/esm/TextWrap/TextWrap.js +22 -17
- package/esm/Toggle/Toggle.d.ts +3 -3
- package/esm/Toggle/Toggle.js +25 -16
- package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
- package/esm/Toggle/Toggle.tailwind.js +19 -22
- package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
- package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
- package/esm/Tooltip/Tooltip.d.ts +3 -3
- package/esm/Tooltip/Tooltip.js +8 -3
- package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/esm/Tooltip/Tooltip.tailwind.js +20 -19
- package/esm/Tooltip/TooltipWrapper.d.ts +4 -3
- package/esm/Tooltip/TooltipWrapper.js +48 -33
- package/esm/Tooltip/types.d.ts +4 -2
- package/esm/Typography/Typography.tailwind.d.ts +5 -17
- package/esm/Typography/Typography.tailwind.js +126 -136
- package/esm/UserContent/UserContent.js +2 -2
- package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
- package/esm/UserContent/UserContent.tailwind.js +14 -14
- package/esm/styles/base.tailwind.d.ts +4 -4
- package/esm/styles/base.tailwind.js +4 -7
- package/esm/styles/tailwind.config.d.ts +2 -198
- package/esm/styles/tailwind.config.js +29 -32
- package/esm/types.d.ts +10 -3
- package/esm/utilities/utilities.tailwind.d.ts +4 -1
- package/esm/utilities/utilities.tailwind.js +4 -6
- package/esm/utils/genericChangeHandler.d.ts +3 -3
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/isRenderedChild.d.ts +2 -2
- package/esm/utils/pluralize.js +6 -1
- package/esm/utils/useForwardedRef.d.ts +2 -2
- package/esm/utils/useForwardedRef.js +1 -1
- package/esm/utils/useLinkProps.d.ts +2 -2
- package/esm/utils/useTriggerInputChange.d.ts +2 -2
- package/package.json +11 -14
- package/satellite.min.css +2 -4
- package/scss/colors.scss +1 -0
- package/cjs/tailwind-types.d.ts +0 -52
- package/esm/tailwind-types.d.ts +0 -52
- package/satellite.css +0 -196852
@@ -1,15 +1,17 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
// @ts-check
|
4
|
+
var plugin = require("tailwindcss/plugin");
|
4
5
|
|
5
|
-
|
6
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
7
|
-
*/
|
8
|
-
var tooltipPlugin = function tooltipPlugin(_ref) {
|
6
|
+
var tooltipPlugin = plugin(function (_ref) {
|
9
7
|
var addComponents = _ref.addComponents,
|
10
8
|
theme = _ref.theme;
|
11
9
|
var arrowSize = 4;
|
10
|
+
/** @type {string} */
|
11
|
+
|
12
12
|
var tooltipDarkBackground = theme("colors.grey.900");
|
13
|
+
/** @type {string} */
|
14
|
+
|
13
15
|
var tooltipLightBackground = theme("colors.white");
|
14
16
|
addComponents({
|
15
17
|
".tooltip": {
|
@@ -24,7 +26,7 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
24
26
|
border: "1px solid currentColor",
|
25
27
|
background: "initial",
|
26
28
|
whiteSpace: "nowrap",
|
27
|
-
lineHeight: 2
|
29
|
+
lineHeight: "2"
|
28
30
|
}
|
29
31
|
},
|
30
32
|
".tooltip-dark": {
|
@@ -40,8 +42,8 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
40
42
|
addComponents({
|
41
43
|
".tooltip-wrapper": {
|
42
44
|
display: "inline-block",
|
43
|
-
lineHeight: 0,
|
44
|
-
outline:
|
45
|
+
lineHeight: "0",
|
46
|
+
outline: "0px"
|
45
47
|
},
|
46
48
|
".tooltip-wrapper-popper": {
|
47
49
|
zIndex: theme("zIndex.tooltip"),
|
@@ -51,17 +53,17 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
51
53
|
".tooltip-wrapper-arrow": {
|
52
54
|
position: "absolute",
|
53
55
|
display: "block",
|
54
|
-
width: arrowSize,
|
55
|
-
height: arrowSize,
|
56
|
+
width: "".concat(arrowSize, "px"),
|
57
|
+
height: "".concat(arrowSize, "px"),
|
56
58
|
border: "".concat(arrowSize, "px solid transparent"),
|
57
59
|
color: tooltipDarkBackground,
|
58
60
|
'[data-popper-placement^="right"] > &': {
|
59
|
-
left: -arrowSize,
|
61
|
+
left: "".concat(-arrowSize, "px"),
|
60
62
|
borderLeft: "none",
|
61
63
|
borderRightColor: "currentColor"
|
62
64
|
},
|
63
65
|
'[data-popper-placement^="left"] > &': {
|
64
|
-
right: -arrowSize,
|
66
|
+
right: "".concat(-arrowSize, "px"),
|
65
67
|
borderRight: "none",
|
66
68
|
borderLeftColor: "currentColor"
|
67
69
|
},
|
@@ -71,7 +73,7 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
71
73
|
borderTopColor: "currentColor"
|
72
74
|
},
|
73
75
|
'[data-popper-placement^="bottom"] > &': {
|
74
|
-
top: -arrowSize,
|
76
|
+
top: "".concat(-arrowSize, "px"),
|
75
77
|
borderTop: "none",
|
76
78
|
borderBottomColor: "currentColor"
|
77
79
|
}
|
@@ -84,31 +86,30 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
84
86
|
border: "".concat(arrowSize - 1, "px solid transparent")
|
85
87
|
},
|
86
88
|
'[data-popper-placement^="left"] > &::after': {
|
87
|
-
right:
|
89
|
+
right: "1px",
|
88
90
|
transform: "translate(0, -50%)",
|
89
91
|
borderRight: "none",
|
90
92
|
borderLeftColor: tooltipLightBackground
|
91
93
|
},
|
92
94
|
'[data-popper-placement^="right"] > &::after': {
|
93
|
-
left:
|
95
|
+
left: "1px",
|
94
96
|
transform: "translate(0, -50%)",
|
95
97
|
borderLeft: "none",
|
96
98
|
borderRightColor: tooltipLightBackground
|
97
99
|
},
|
98
100
|
'[data-popper-placement^="top"] > &::after': {
|
99
|
-
bottom:
|
101
|
+
bottom: "1px",
|
100
102
|
transform: "translate(-50%, 0)",
|
101
103
|
borderBottom: "none",
|
102
104
|
borderTopColor: tooltipLightBackground
|
103
105
|
},
|
104
106
|
'[data-popper-placement^="bottom"] > &::after': {
|
105
|
-
top:
|
107
|
+
top: "1px",
|
106
108
|
transform: "translate(-50%, 0)",
|
107
109
|
borderTop: "none",
|
108
110
|
borderBottomColor: tooltipLightBackground
|
109
111
|
}
|
110
112
|
}
|
111
113
|
});
|
112
|
-
};
|
113
|
-
|
114
|
+
});
|
114
115
|
module.exports = tooltipPlugin;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import
|
1
|
+
import type { FunctionComponent, ReactNode } from "react";
|
2
2
|
import { StrictModifier } from "react-popper";
|
3
|
-
import { TooltipWrapperBaseProps } from "./types";
|
3
|
+
import type { TooltipWrapperBaseProps } from "./types";
|
4
4
|
export declare const DEFAULT_TOOLTIP_POPPER_MODIFIERS: StrictModifier[];
|
5
5
|
export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
|
6
6
|
show?: boolean;
|
@@ -21,7 +21,8 @@ export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
|
|
21
21
|
* @default true
|
22
22
|
*/
|
23
23
|
interactive?: boolean;
|
24
|
-
content:
|
24
|
+
content: ReactNode;
|
25
|
+
children: ReactNode;
|
25
26
|
}
|
26
27
|
export declare const TooltipWrapper: FunctionComponent<TooltipWrapperProps>;
|
27
28
|
export default TooltipWrapper;
|
@@ -2,14 +2,12 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
6
|
-
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
8
6
|
value: true
|
9
7
|
});
|
10
8
|
exports["default"] = exports.TooltipWrapper = exports.DEFAULT_TOOLTIP_POPPER_MODIFIERS = void 0;
|
11
9
|
|
12
|
-
var
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
13
11
|
|
14
12
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
15
13
|
|
@@ -17,25 +15,27 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
|
|
17
15
|
|
18
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
19
17
|
|
20
|
-
var
|
18
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
21
19
|
|
22
|
-
var
|
20
|
+
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
23
21
|
|
24
|
-
var
|
22
|
+
var _react = require("react");
|
25
23
|
|
26
|
-
var
|
24
|
+
var _reactDom = require("react-dom");
|
27
25
|
|
28
|
-
var
|
26
|
+
var _reactPopper = require("react-popper");
|
29
27
|
|
30
28
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
31
29
|
|
32
30
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
33
31
|
|
32
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
33
|
+
|
34
34
|
var _templateObject, _templateObject2, _templateObject3;
|
35
35
|
|
36
|
-
function
|
36
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
37
37
|
|
38
|
-
function
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
39
39
|
|
40
40
|
var DEFAULT_TOOLTIP_POPPER_MODIFIERS = [{
|
41
41
|
name: "offset",
|
@@ -173,36 +173,44 @@ var TooltipWrapper = function TooltipWrapper(_ref) {
|
|
173
173
|
(0, _react.useEffect)(function () {
|
174
174
|
update === null || update === void 0 ? void 0 : update();
|
175
175
|
}, [children, update]);
|
176
|
-
if (!tooltipContent) return /*#__PURE__*/
|
177
|
-
|
178
|
-
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
},
|
184
|
-
|
185
|
-
|
186
|
-
|
187
|
-
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
|
176
|
+
if (!tooltipContent) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
177
|
+
children: children
|
178
|
+
});
|
179
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
180
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({
|
181
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper"]))), wrapperClassName),
|
182
|
+
ref: setTargetEl
|
183
|
+
}, isControlled ? {} : {
|
184
|
+
onMouseEnter: function onMouseEnter() {
|
185
|
+
return scheduleShowTooltip();
|
186
|
+
},
|
187
|
+
onFocus: function onFocus() {
|
188
|
+
return scheduleShowTooltip();
|
189
|
+
},
|
190
|
+
onMouseLeave: function onMouseLeave() {
|
191
|
+
return scheduleHideTooltip();
|
192
|
+
},
|
193
|
+
onBlur: function onBlur(evt) {
|
194
|
+
if (evt.relatedTarget === null || !interactive || !(popperEl !== null && popperEl !== void 0 && popperEl.contains(evt.relatedTarget))) {
|
195
|
+
scheduleHideTooltip();
|
196
|
+
}
|
193
197
|
}
|
194
|
-
}
|
195
|
-
|
196
|
-
|
197
|
-
|
198
|
-
|
199
|
-
|
200
|
-
|
201
|
-
|
202
|
-
|
203
|
-
|
204
|
-
|
205
|
-
|
198
|
+
}), {}, {
|
199
|
+
children: children
|
200
|
+
})), showTooltip && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, attributes.popper), {}, {
|
201
|
+
style: styles.popper,
|
202
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-popper"]))), tooltipClassName),
|
203
|
+
ref: setPopperEl,
|
204
|
+
children: [!noArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
205
|
+
ref: setArrowEl,
|
206
|
+
style: styles.arrow,
|
207
|
+
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["tooltip-wrapper-arrow ", ""])), tooltipVariant === "light" && "tooltip-wrapper-arrow-light")
|
208
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip["default"], {
|
209
|
+
variant: tooltipVariant,
|
210
|
+
children: tooltipContent
|
211
|
+
})]
|
212
|
+
})), document.body)]
|
213
|
+
});
|
206
214
|
};
|
207
215
|
|
208
216
|
exports.TooltipWrapper = TooltipWrapper;
|
package/cjs/Tooltip/types.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
1
|
+
import type { Placement, StrictModifiers } from "@popperjs/core";
|
2
|
+
import type { ReactNode } from "react";
|
3
|
+
import type { TooltipVariant } from "./Tooltip";
|
3
4
|
export interface TooltipWrapperBaseProps {
|
4
5
|
/** Defines where to open the menu */
|
5
6
|
placement?: Placement;
|
@@ -9,4 +10,5 @@ export interface TooltipWrapperBaseProps {
|
|
9
10
|
/** Modifiers for the Popper menu */
|
10
11
|
modifiers?: StrictModifiers[];
|
11
12
|
noArrow?: boolean;
|
13
|
+
children: ReactNode;
|
12
14
|
}
|
@@ -1,17 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
* @type {import('../tailwind-types').TailwindFunction}
|
7
|
-
*/
|
8
|
-
declare const mobile: import('../tailwind-types').TailwindFunction;
|
9
|
-
/**
|
10
|
-
* @type {import("../tailwind-types").TailwindPlugin}
|
11
|
-
*/
|
12
|
-
declare const typographyPlugin: import("../tailwind-types").TailwindPlugin;
|
13
|
-
export declare namespace styles {
|
14
|
-
export { desktop };
|
15
|
-
export { mobile };
|
16
|
-
}
|
17
|
-
export { typographyPlugin as plugin };
|
1
|
+
export = typographyPlugin;
|
2
|
+
declare const typographyPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -4,139 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
4
4
|
|
5
5
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
6
6
|
|
7
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
7
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
8
8
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
9
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
10
10
|
|
11
11
|
// @ts-check
|
12
|
-
// @ts-ignore
|
13
12
|
var _require = require("lodash"),
|
14
13
|
mapKeys = _require.mapKeys;
|
15
|
-
/**
|
16
|
-
* @type {import('../tailwind-types').TailwindFunction}
|
17
|
-
*/
|
18
14
|
|
15
|
+
var plugin = require("tailwindcss/plugin");
|
19
16
|
|
20
|
-
var
|
21
|
-
|
22
|
-
"display-xlarge": {
|
23
|
-
fontSize: theme("fontSize.3xl"),
|
24
|
-
lineHeight: theme("lineHeight.3xl"),
|
25
|
-
fontWeight: theme("fontWeight.semibold")
|
26
|
-
},
|
27
|
-
"display-large": {
|
28
|
-
fontSize: theme("fontSize.2xl"),
|
29
|
-
lineHeight: theme("lineHeight.2xl"),
|
30
|
-
fontWeight: theme("fontWeight.semibold")
|
31
|
-
},
|
32
|
-
"display-medium": {
|
33
|
-
fontSize: theme("fontSize.xl"),
|
34
|
-
lineHeight: theme("lineHeight.xl"),
|
35
|
-
fontWeight: theme("fontWeight.semibold")
|
36
|
-
},
|
37
|
-
"display-small": {
|
38
|
-
fontSize: theme("fontSize.lg"),
|
39
|
-
lineHeight: theme("lineHeight.lg"),
|
40
|
-
fontWeight: theme("fontWeight.normal")
|
41
|
-
},
|
42
|
-
"display-heading": {
|
43
|
-
fontSize: theme("fontSize.md"),
|
44
|
-
lineHeight: theme("lineHeight.md"),
|
45
|
-
fontWeight: theme("fontWeight.semibold")
|
46
|
-
},
|
47
|
-
"display-subheading": {
|
48
|
-
fontSize: theme("fontSize.sm"),
|
49
|
-
lineHeight: theme("lineHeight.sm"),
|
50
|
-
fontWeight: theme("fontWeight.semibold"),
|
51
|
-
textTransform: "uppercase"
|
52
|
-
},
|
53
|
-
"display-body": {
|
54
|
-
fontSize: theme("fontSize.base"),
|
55
|
-
lineHeight: theme("lineHeight.base"),
|
56
|
-
fontWeight: theme("fontWeight.normal")
|
57
|
-
},
|
58
|
-
"display-caption": {
|
59
|
-
fontSize: theme("fontSize.sm"),
|
60
|
-
lineHeight: theme("lineHeight.sm"),
|
61
|
-
fontWeight: theme("fontWeight.normal")
|
62
|
-
},
|
63
|
-
"display-code": {
|
64
|
-
fontFamily: theme("fontFamily.mono"),
|
65
|
-
fontSize: theme("fontSize.base"),
|
66
|
-
lineHeight: theme("lineHeight.base"),
|
67
|
-
fontWeight: theme("fontWeight.normal")
|
68
|
-
}
|
69
|
-
};
|
70
|
-
};
|
71
|
-
/**
|
72
|
-
* @type {import('../tailwind-types').TailwindFunction}
|
73
|
-
*/
|
74
|
-
|
75
|
-
|
76
|
-
var mobile = function mobile(theme) {
|
77
|
-
return {
|
78
|
-
"display-xlarge": {
|
79
|
-
lineHeight: theme("lineHeight.xl"),
|
80
|
-
fontSize: theme("fontSize.2xl"),
|
81
|
-
fontWeight: theme("fontWeight.semibold")
|
82
|
-
},
|
83
|
-
"display-large": {
|
84
|
-
lineHeight: theme("lineHeight.xl"),
|
85
|
-
fontSize: theme("fontSize.xl"),
|
86
|
-
fontWeight: theme("fontWeight.semibold")
|
87
|
-
},
|
88
|
-
"display-medium": {
|
89
|
-
lineHeight: theme("lineHeight.xl"),
|
90
|
-
fontSize: theme("fontSize.lg"),
|
91
|
-
fontWeight: theme("fontWeight.normal")
|
92
|
-
},
|
93
|
-
"display-small": {
|
94
|
-
lineHeight: theme("lineHeight.md"),
|
95
|
-
fontSize: theme("fontSize.md"),
|
96
|
-
fontWeight: theme("fontWeight.normal")
|
97
|
-
},
|
98
|
-
"display-heading": {
|
99
|
-
lineHeight: theme("lineHeight.md"),
|
100
|
-
fontSize: theme("fontSize.md"),
|
101
|
-
fontWeight: theme("fontWeight.semibold")
|
102
|
-
},
|
103
|
-
"display-subheading": {
|
104
|
-
lineHeight: theme("lineHeight.sm"),
|
105
|
-
fontSize: theme("fontSize.mobile"),
|
106
|
-
fontWeight: theme("fontWeight.semibold"),
|
107
|
-
textTransform: "uppercase"
|
108
|
-
},
|
109
|
-
"display-body": {
|
110
|
-
lineHeight: theme("lineHeight.md"),
|
111
|
-
fontSize: theme("fontSize.md"),
|
112
|
-
fontWeight: theme("fontWeight.normal")
|
113
|
-
},
|
114
|
-
"display-caption": {
|
115
|
-
lineHeight: theme("lineHeight.base"),
|
116
|
-
fontSize: theme("fontSize.mobile"),
|
117
|
-
fontWeight: theme("fontWeight.normal")
|
118
|
-
},
|
119
|
-
"display-code": {
|
120
|
-
fontFamily: theme("fontFamily.mono"),
|
121
|
-
lineHeight: theme("lineHeight.md"),
|
122
|
-
fontSize: theme("fontSize.md"),
|
123
|
-
fontWeight: theme("fontWeight.normal")
|
124
|
-
}
|
125
|
-
};
|
126
|
-
};
|
127
|
-
/**
|
128
|
-
* @type {import("../tailwind-types").TailwindPlugin}
|
129
|
-
*/
|
130
|
-
|
131
|
-
|
132
|
-
var typographyPlugin = function typographyPlugin(_ref) {
|
133
|
-
var addComponents = _ref.addComponents,
|
17
|
+
var typographyPlugin = plugin(function (_ref) {
|
18
|
+
var theme = _ref.theme,
|
134
19
|
addUtilities = _ref.addUtilities,
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
var
|
139
|
-
var mobile = theme("typography.mobile", {})(theme);
|
20
|
+
addComponents = _ref.addComponents,
|
21
|
+
e = _ref.e;
|
22
|
+
var desktop = theme("typography.desktop", {});
|
23
|
+
var mobile = theme("typography.mobile", {});
|
140
24
|
var common = {
|
141
25
|
reversed: {
|
142
26
|
color: theme("colors.white")
|
@@ -156,6 +40,8 @@ var typographyPlugin = function typographyPlugin(_ref) {
|
|
156
40
|
}; // add utilities for manual typography declaration
|
157
41
|
// Example: `className="typo-m-display-small lg:typo-display-small"`
|
158
42
|
|
43
|
+
/** @type {any} */
|
44
|
+
|
159
45
|
var utilities = _objectSpread(_objectSpread(_objectSpread({}, mapKeys(common, function (_, key) {
|
160
46
|
return ".typo-".concat(e(key));
|
161
47
|
})), mapKeys(desktop, function (_, key) {
|
@@ -173,14 +59,118 @@ var typographyPlugin = function typographyPlugin(_ref) {
|
|
173
59
|
})))); // register add-ons
|
174
60
|
|
175
61
|
|
176
|
-
addUtilities(utilities
|
62
|
+
addUtilities(utilities);
|
177
63
|
addComponents(components);
|
178
|
-
}
|
179
|
-
|
180
|
-
|
181
|
-
|
182
|
-
|
183
|
-
|
184
|
-
|
185
|
-
|
186
|
-
|
64
|
+
}, {
|
65
|
+
content: [],
|
66
|
+
theme: {
|
67
|
+
// @ts-ignore
|
68
|
+
typography: function typography(_ref2) {
|
69
|
+
var theme = _ref2.theme;
|
70
|
+
// Need to transform it to a string because in this context, Tailwind doesn't automagically turn it into a string value
|
71
|
+
// Asked here https://github.com/tailwindlabs/tailwindcss/discussions/8755
|
72
|
+
var monoFontFamily = theme("fontFamily.mono").join(",");
|
73
|
+
return {
|
74
|
+
desktop: {
|
75
|
+
"display-xlarge": {
|
76
|
+
fontSize: theme("fontSize.3xl"),
|
77
|
+
lineHeight: theme("lineHeight.3xl"),
|
78
|
+
fontWeight: theme("fontWeight.semibold")
|
79
|
+
},
|
80
|
+
"display-large": {
|
81
|
+
fontSize: theme("fontSize.2xl"),
|
82
|
+
lineHeight: theme("lineHeight.2xl"),
|
83
|
+
fontWeight: theme("fontWeight.semibold")
|
84
|
+
},
|
85
|
+
"display-medium": {
|
86
|
+
fontSize: theme("fontSize.xl"),
|
87
|
+
lineHeight: theme("lineHeight.xl"),
|
88
|
+
fontWeight: theme("fontWeight.semibold")
|
89
|
+
},
|
90
|
+
"display-small": {
|
91
|
+
fontSize: theme("fontSize.lg"),
|
92
|
+
lineHeight: theme("lineHeight.lg"),
|
93
|
+
fontWeight: theme("fontWeight.normal")
|
94
|
+
},
|
95
|
+
"display-heading": {
|
96
|
+
fontSize: theme("fontSize.md"),
|
97
|
+
lineHeight: theme("lineHeight.md"),
|
98
|
+
fontWeight: theme("fontWeight.semibold")
|
99
|
+
},
|
100
|
+
"display-subheading": {
|
101
|
+
fontSize: theme("fontSize.sm"),
|
102
|
+
lineHeight: theme("lineHeight.sm"),
|
103
|
+
fontWeight: theme("fontWeight.semibold"),
|
104
|
+
textTransform: "uppercase"
|
105
|
+
},
|
106
|
+
"display-body": {
|
107
|
+
fontSize: theme("fontSize.base"),
|
108
|
+
lineHeight: theme("lineHeight.base"),
|
109
|
+
fontWeight: theme("fontWeight.normal")
|
110
|
+
},
|
111
|
+
"display-caption": {
|
112
|
+
fontSize: theme("fontSize.sm"),
|
113
|
+
lineHeight: theme("lineHeight.sm"),
|
114
|
+
fontWeight: theme("fontWeight.normal")
|
115
|
+
},
|
116
|
+
"display-code": {
|
117
|
+
fontFamily: monoFontFamily,
|
118
|
+
fontSize: theme("fontSize.base"),
|
119
|
+
lineHeight: theme("lineHeight.base"),
|
120
|
+
fontWeight: theme("fontWeight.normal")
|
121
|
+
}
|
122
|
+
},
|
123
|
+
mobile: {
|
124
|
+
"display-xlarge": {
|
125
|
+
lineHeight: theme("lineHeight.xl"),
|
126
|
+
fontSize: theme("fontSize.2xl"),
|
127
|
+
fontWeight: theme("fontWeight.semibold")
|
128
|
+
},
|
129
|
+
"display-large": {
|
130
|
+
lineHeight: theme("lineHeight.xl"),
|
131
|
+
fontSize: theme("fontSize.xl"),
|
132
|
+
fontWeight: theme("fontWeight.semibold")
|
133
|
+
},
|
134
|
+
"display-medium": {
|
135
|
+
lineHeight: theme("lineHeight.xl"),
|
136
|
+
fontSize: theme("fontSize.lg"),
|
137
|
+
fontWeight: theme("fontWeight.normal")
|
138
|
+
},
|
139
|
+
"display-small": {
|
140
|
+
lineHeight: theme("lineHeight.md"),
|
141
|
+
fontSize: theme("fontSize.md"),
|
142
|
+
fontWeight: theme("fontWeight.normal")
|
143
|
+
},
|
144
|
+
"display-heading": {
|
145
|
+
lineHeight: theme("lineHeight.md"),
|
146
|
+
fontSize: theme("fontSize.md"),
|
147
|
+
fontWeight: theme("fontWeight.semibold")
|
148
|
+
},
|
149
|
+
"display-subheading": {
|
150
|
+
lineHeight: theme("lineHeight.sm"),
|
151
|
+
fontSize: theme("fontSize.mobile"),
|
152
|
+
fontWeight: theme("fontWeight.semibold"),
|
153
|
+
textTransform: "uppercase"
|
154
|
+
},
|
155
|
+
"display-body": {
|
156
|
+
lineHeight: theme("lineHeight.md"),
|
157
|
+
fontSize: theme("fontSize.md"),
|
158
|
+
fontWeight: theme("fontWeight.normal")
|
159
|
+
},
|
160
|
+
"display-caption": {
|
161
|
+
lineHeight: theme("lineHeight.base"),
|
162
|
+
fontSize: theme("fontSize.mobile"),
|
163
|
+
fontWeight: theme("fontWeight.normal")
|
164
|
+
},
|
165
|
+
"display-code": {
|
166
|
+
fontFamily: monoFontFamily,
|
167
|
+
lineHeight: theme("lineHeight.md"),
|
168
|
+
fontSize: theme("fontSize.md"),
|
169
|
+
fontWeight: theme("fontWeight.normal")
|
170
|
+
}
|
171
|
+
}
|
172
|
+
};
|
173
|
+
}
|
174
|
+
}
|
175
|
+
});
|
176
|
+
module.exports = typographyPlugin;
|
@@ -11,12 +11,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
11
11
|
|
12
12
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
13
13
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
15
|
-
|
16
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
17
15
|
|
18
16
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
19
17
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
+
|
20
20
|
var _templateObject;
|
21
21
|
|
22
22
|
var UserContent = function UserContent(_ref) {
|
@@ -24,7 +24,7 @@ var UserContent = function UserContent(_ref) {
|
|
24
24
|
content = _ref.content,
|
25
25
|
_ref$styled = _ref.styled,
|
26
26
|
styled = _ref$styled === void 0 ? true : _ref$styled;
|
27
|
-
return content ? /*#__PURE__*/
|
27
|
+
return content ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
28
28
|
className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["usercontent"]))), styled), className),
|
29
29
|
dangerouslySetInnerHTML: {
|
30
30
|
__html: content
|