@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.165
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 +347 -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 +1 -1
- 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 +4 -6
- package/cjs/Badge/index.js +2 -2
- package/cjs/Banners/Alert/Alert.d.ts +2 -2
- package/cjs/Banners/Alert/Alert.js +2 -4
- 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 +5 -6
- package/cjs/Button/PolymorphicIconButton.d.ts +5 -1
- package/cjs/Button/PolymorphicIconButton.js +12 -12
- 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 +4 -6
- 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 +4 -6
- package/cjs/Dropdown/components/DropdownRadioItem.js +4 -6
- package/cjs/Dropdown/components/DropdownTitle.js +4 -6
- package/cjs/Dropdown/components/DropdownToggleItem.js +4 -6
- 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 +8 -10
- 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.d.ts +2 -2
- package/cjs/Link/Link.js +4 -6
- 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.js +6 -7
- 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 +6 -7
- 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 +2 -3
- 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/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 +12 -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 +350 -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 +1 -1
- 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 +2 -2
- package/esm/Banners/Alert/Alert.d.ts +2 -2
- 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 +2 -2
- package/esm/Button/PolymorphicIconButton.d.ts +5 -1
- package/esm/Button/PolymorphicIconButton.js +11 -10
- 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 +2 -2
- 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 +2 -2
- package/esm/Dropdown/components/DropdownRadioItem.js +2 -2
- package/esm/Dropdown/components/DropdownTitle.js +2 -2
- package/esm/Dropdown/components/DropdownToggleItem.js +2 -2
- 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 +6 -6
- 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.d.ts +2 -2
- package/esm/Link/Link.js +2 -2
- 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.js +4 -3
- 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 +4 -4
- 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 +2 -3
- 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/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/prefersReducedMotion.d.ts +6 -0
- package/esm/utils/prefersReducedMotion.js +6 -0
- package/package.json +9 -7
- package/satellite.min.css +1 -1
- package/scss/variables.scss +4 -3
@@ -0,0 +1,74 @@
|
|
1
|
+
import type { PopoverContentProps } from "@radix-ui/react-popover";
|
2
|
+
import type { HTMLAttributes, ReactElement, ReactNode } from "react";
|
3
|
+
export declare type PopoverLocale = {
|
4
|
+
dismissText?: string;
|
5
|
+
};
|
6
|
+
export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
7
|
+
/**
|
8
|
+
* Defines the trigger element of the `Popover`.
|
9
|
+
* It should be a button element.
|
10
|
+
*/
|
11
|
+
children: ReactElement;
|
12
|
+
/**
|
13
|
+
* Defines the title of the `Popover`.
|
14
|
+
*/
|
15
|
+
title: ReactNode;
|
16
|
+
/**
|
17
|
+
* Defines the subtitle of the `Popover`.
|
18
|
+
*/
|
19
|
+
subtitle?: ReactNode;
|
20
|
+
/**
|
21
|
+
* Defines the content of the `Popover`.
|
22
|
+
*/
|
23
|
+
content: ReactNode;
|
24
|
+
/**
|
25
|
+
* Defines the footer of the `Popover`.
|
26
|
+
*/
|
27
|
+
footer?: ReactNode;
|
28
|
+
/**
|
29
|
+
* Defines whether the `Popover` should be opened or not.
|
30
|
+
*/
|
31
|
+
open?: boolean;
|
32
|
+
/**
|
33
|
+
* Defines the event handler called when the `Popover` is dismissed.
|
34
|
+
*/
|
35
|
+
onDismiss?: () => void;
|
36
|
+
/**
|
37
|
+
* Defines the side of the trigger element where the `Popover` should be displayed.
|
38
|
+
* Will be reversed when collisions occur and `avoidCollisions` is enabled.
|
39
|
+
* @default "top"
|
40
|
+
*/
|
41
|
+
side?: PopoverContentProps["side"];
|
42
|
+
/**
|
43
|
+
* Defines the offset in pixels of the `Popover` from the trigger element.
|
44
|
+
*/
|
45
|
+
sideOffset?: PopoverContentProps["sideOffset"];
|
46
|
+
/**
|
47
|
+
* Defines the preferred alignment of the `Popover` against the trigger element.
|
48
|
+
* May change when collisions occur.
|
49
|
+
*/
|
50
|
+
align?: PopoverContentProps["align"];
|
51
|
+
/**
|
52
|
+
* Defines the offset in pixels of the `Popover` along the trigger element.
|
53
|
+
* It only works when the `align` option is set to "start" or "end".
|
54
|
+
*/
|
55
|
+
alignOffset?: PopoverContentProps["alignOffset"];
|
56
|
+
/**
|
57
|
+
* Defines whether the `Popover` arrow should be hidden.
|
58
|
+
*/
|
59
|
+
noArrow?: boolean;
|
60
|
+
/**
|
61
|
+
* Defines whether the `Popover` should avoid collisions with the viewport.
|
62
|
+
*/
|
63
|
+
avoidCollisions?: boolean;
|
64
|
+
/**
|
65
|
+
* The element that should receive focus once the `Popover` is opened.
|
66
|
+
* If `undefined` or `null` is passed, the first focusable element will be focused.
|
67
|
+
* If `false`, no element will be focused.
|
68
|
+
*/
|
69
|
+
autoFocusOnOpenElement?: HTMLElement | null | false;
|
70
|
+
/**
|
71
|
+
* Defines the locale of the `Popover`.
|
72
|
+
*/
|
73
|
+
locale?: PopoverLocale;
|
74
|
+
}
|
@@ -11,18 +11,19 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
12
12
|
var _react = require("react");
|
13
13
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
14
|
+
var _prefersReducedMotion = require("../utils/prefersReducedMotion");
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
16
|
var _templateObject, _templateObject2;
|
16
17
|
var _excluded = ["value", "className", "barClassName"];
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
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; }
|
19
20
|
/**
|
20
21
|
* Progress bars visually represent the completion of a task or operation.
|
21
22
|
*
|
22
23
|
* - Progress bars show an indication of how much of the task has been completed and how much is still left.
|
23
24
|
* - You should indicate either a percentage or other numeric values (such as - 234/4092 queries processed)
|
24
25
|
*/
|
25
|
-
var ProgressBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
|
+
var ProgressBar = exports.ProgressBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
26
27
|
var value = _ref.value,
|
27
28
|
className = _ref.className,
|
28
29
|
barClassName = _ref.barClassName,
|
@@ -39,12 +40,10 @@ var ProgressBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
39
40
|
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["progress-bar-progress"]))), barClassName),
|
40
41
|
style: {
|
41
42
|
width: "".concat(value, "%"),
|
42
|
-
transition: "
|
43
|
+
transition: _prefersReducedMotion.prefersReducedMotion ? "width 150ms ease-in-out" : "width 500ms ease-in-out"
|
43
44
|
}
|
44
45
|
})
|
45
46
|
}));
|
46
47
|
});
|
47
|
-
exports.ProgressBar = ProgressBar;
|
48
48
|
ProgressBar.displayName = "ProgressBar";
|
49
|
-
var _default = ProgressBar;
|
50
|
-
exports["default"] = _default;
|
49
|
+
var _default = exports["default"] = ProgressBar;
|
package/cjs/ProgressBar/index.js
CHANGED
@@ -23,5 +23,5 @@ Object.keys(_ProgressBar).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; }
|
@@ -13,8 +13,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
14
14
|
var _excluded = ["className", "size", "thickness", "align"];
|
15
15
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
16
|
-
function ownKeys(
|
17
|
-
function _objectSpread(
|
16
|
+
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; }
|
17
|
+
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; }
|
18
18
|
var ALIGN_CLASSNAMES = {
|
19
19
|
left: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["mr-auto"]))),
|
20
20
|
center: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["m-auto"]))),
|
@@ -22,7 +22,7 @@ var ALIGN_CLASSNAMES = {
|
|
22
22
|
};
|
23
23
|
|
24
24
|
// Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
|
25
|
-
var ProgressSpinner = function ProgressSpinner(_ref) {
|
25
|
+
var ProgressSpinner = exports.ProgressSpinner = function ProgressSpinner(_ref) {
|
26
26
|
var className = _ref.className,
|
27
27
|
_ref$size = _ref.size,
|
28
28
|
size = _ref$size === void 0 ? 24 : _ref$size,
|
@@ -49,6 +49,4 @@ var ProgressSpinner = function ProgressSpinner(_ref) {
|
|
49
49
|
})]
|
50
50
|
}));
|
51
51
|
};
|
52
|
-
exports
|
53
|
-
var _default = ProgressSpinner;
|
54
|
-
exports["default"] = _default;
|
52
|
+
var _default = exports["default"] = ProgressSpinner;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = progressSpinnerPlugin;
|
2
2
|
declare const progressSpinnerPlugin: {
|
3
3
|
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
-
config?: Partial<import("tailwindcss").Config> | undefined;
|
4
|
+
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
5
5
|
};
|
@@ -13,8 +13,16 @@ var progressSpinnerPlugin = plugin(function (_ref) {
|
|
13
13
|
".progress-spinner": {
|
14
14
|
color: theme("colors.accent.600"),
|
15
15
|
stroke: "currentColor",
|
16
|
+
// eslint-disable-next-line @algolia/satellite/prefer-stl-helper
|
16
17
|
animation: "stl-spinner 1.4s linear infinite"
|
17
18
|
},
|
19
|
+
"@media (prefers-reduced-motion: reduce)": {
|
20
|
+
".progress-spinner": {
|
21
|
+
// eslint-disable-next-line @algolia/satellite/prefer-stl-helper
|
22
|
+
animation: "stl-spinner 2.8s linear infinite"
|
23
|
+
}
|
24
|
+
},
|
25
|
+
// eslint-disable-next-line @algolia/satellite/prefer-stl-helper
|
18
26
|
"@keyframes stl-spinner": {
|
19
27
|
"0%": {
|
20
28
|
transform: "rotate(0deg)",
|
@@ -23,5 +23,5 @@ Object.keys(_ProgressSpinner).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; }
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import type { HTMLAttributes, InputHTMLAttributes } from "react";
|
2
2
|
export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
|
3
|
-
export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "
|
3
|
+
export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "name" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
|
4
4
|
export default RadioButton;
|
@@ -14,9 +14,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
15
|
var _templateObject;
|
16
16
|
var _excluded = ["className"];
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
19
|
-
var RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
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
|
+
var RadioButton = exports.RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
20
20
|
var className = _ref.className,
|
21
21
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
22
22
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({}, props), {}, {
|
@@ -25,7 +25,5 @@ var RadioButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
25
25
|
ref: ref
|
26
26
|
}));
|
27
27
|
});
|
28
|
-
exports.RadioButton = RadioButton;
|
29
28
|
RadioButton.displayName = "RadioButton";
|
30
|
-
var _default = RadioButton;
|
31
|
-
exports["default"] = _default;
|
29
|
+
var _default = exports["default"] = RadioButton;
|
@@ -38,6 +38,9 @@ var radioButtonPlugin = plugin(function (_ref) {
|
|
38
38
|
background: theme("colors.accent.600"),
|
39
39
|
borderRadius: "50%"
|
40
40
|
},
|
41
|
+
"&:hover": {
|
42
|
+
borderColor: theme("colors.accent.700")
|
43
|
+
},
|
41
44
|
"&:focus": {
|
42
45
|
boxShadow: "\n 0 0 0 1px ".concat(theme("colors.accent.600"), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n ")
|
43
46
|
}
|
@@ -15,7 +15,7 @@ var _RadioButton = _interopRequireDefault(require("./RadioButton"));
|
|
15
15
|
var _RadiogroupContext = require("./RadiogroupContext");
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
18
|
-
var RadioGroupItem = function RadioGroupItem(_ref) {
|
18
|
+
var RadioGroupItem = exports.RadioGroupItem = function RadioGroupItem(_ref) {
|
19
19
|
var value = _ref.value,
|
20
20
|
disabled = _ref.disabled,
|
21
21
|
children = _ref.children;
|
@@ -63,8 +63,7 @@ var RadioGroupItem = function RadioGroupItem(_ref) {
|
|
63
63
|
* - If you need to have an unselected state, just add a radio button with a *None* option.
|
64
64
|
* - Sometimes, you might want to include an *Other* option (Usually followed by a text input if a user needs to provide a specific answer)
|
65
65
|
*/
|
66
|
-
exports.
|
67
|
-
var RadioGroup = function RadioGroup(_ref2) {
|
66
|
+
var RadioGroup = exports.RadioGroup = function RadioGroup(_ref2) {
|
68
67
|
var className = _ref2.className,
|
69
68
|
name = _ref2.name,
|
70
69
|
value = _ref2.value,
|
@@ -100,7 +99,5 @@ var RadioGroup = function RadioGroup(_ref2) {
|
|
100
99
|
})
|
101
100
|
});
|
102
101
|
};
|
103
|
-
exports.RadioGroup = RadioGroup;
|
104
102
|
RadioGroup.Item = RadioGroupItem;
|
105
|
-
var _default = RadioGroup;
|
106
|
-
exports["default"] = _default;
|
103
|
+
var _default = exports["default"] = RadioGroup;
|
@@ -3,10 +3,7 @@ export interface RadioGroupContextType {
|
|
3
3
|
name: string;
|
4
4
|
value: string;
|
5
5
|
disabled?: boolean;
|
6
|
-
/**
|
7
|
-
* `RadioGroupItem` text position
|
8
|
-
* @default left
|
9
|
-
*/
|
6
|
+
/** `RadioGroupItem` text position */
|
10
7
|
textPosition?: "left" | "right";
|
11
8
|
onChange: (newValue: string) => void;
|
12
9
|
}
|
@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.useRadioGroupContext = exports.RadioGroupContext = void 0;
|
7
7
|
var _react = require("react");
|
8
|
-
var RadioGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
|
9
|
-
exports.
|
10
|
-
var useRadioGroupContext = function useRadioGroupContext() {
|
8
|
+
var RadioGroupContext = exports.RadioGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
|
9
|
+
var useRadioGroupContext = exports.useRadioGroupContext = function useRadioGroupContext() {
|
11
10
|
var contextValue = (0, _react.useContext)(RadioGroupContext);
|
12
11
|
if (!contextValue) {
|
13
12
|
throw new Error("Invalid usage of useRadioGroupContext outside of RadioGroupContext");
|
14
13
|
}
|
15
14
|
return contextValue;
|
16
|
-
};
|
17
|
-
exports.useRadioGroupContext = useRadioGroupContext;
|
15
|
+
};
|
package/cjs/RadioGroup/index.js
CHANGED
@@ -47,5 +47,5 @@ Object.keys(_RadiogroupContext).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; }
|
@@ -10,7 +10,9 @@ export interface RangeSliderProps<Value extends RangeSliderValue = number> {
|
|
10
10
|
onCommit?: (value: WidenNumber<Value>) => void;
|
11
11
|
id?: string;
|
12
12
|
name?: string;
|
13
|
+
/** @ignore */
|
13
14
|
className?: string;
|
15
|
+
/** @ignore */
|
14
16
|
"aria-label"?: string;
|
15
17
|
disabled?: boolean;
|
16
18
|
min?: number;
|
@@ -16,8 +16,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
17
|
var _excluded = ["className", "value", "defaultValue", "onChange", "onCommit", "disabled", "min", "max", "track1Color", "track2Color"];
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8; // Prevents unwanted number narrowing
|
19
|
-
function ownKeys(
|
20
|
-
function _objectSpread(
|
19
|
+
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; }
|
20
|
+
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; }
|
21
21
|
var TRACK_SHADOWS_CLASSNAME = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["shadow-[inset_0_1px_3px_0_rgb(0_0_0_/_10%),0_0.5px_0_0_rgb(255_255_255_/_5%)]"])));
|
22
22
|
var coerceToRadixValue = function coerceToRadixValue(value) {
|
23
23
|
return typeof value === "number" ? [value] : value;
|
@@ -100,8 +100,6 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
|
|
100
100
|
* - Provide min and max value whenever possible
|
101
101
|
* - Provide text input for better accessibility
|
102
102
|
*/
|
103
|
-
var RangeSlider = /*#__PURE__*/(0, _react.forwardRef)(RangeSliderInternal);
|
104
|
-
exports.RangeSlider = RangeSlider;
|
103
|
+
var RangeSlider = exports.RangeSlider = /*#__PURE__*/(0, _react.forwardRef)(RangeSliderInternal);
|
105
104
|
RangeSlider.displayName = "RangeSlider";
|
106
|
-
var _default = RangeSlider;
|
107
|
-
exports["default"] = _default;
|
105
|
+
var _default = exports["default"] = RangeSlider;
|
package/cjs/RangeSlider/index.js
CHANGED
@@ -23,5 +23,5 @@ Object.keys(_RangeSlider).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; }
|
@@ -22,7 +22,7 @@ var createDefaultPortalTarget = function createDefaultPortalTarget() {
|
|
22
22
|
var isDefaultPortalTarget = function isDefaultPortalTarget(el) {
|
23
23
|
return el.getAttribute("id") === DEFAULT_PORTAL_ID;
|
24
24
|
};
|
25
|
-
var Satellite = function Satellite(_ref) {
|
25
|
+
var Satellite = exports.Satellite = function Satellite(_ref) {
|
26
26
|
var _ref2;
|
27
27
|
var _ref$router = _ref.router,
|
28
28
|
router = _ref$router === void 0 ? _SatelliteRouter.router : _ref$router,
|
@@ -30,10 +30,10 @@ var Satellite = function Satellite(_ref) {
|
|
30
30
|
_ref$portalTarget = _ref.portalTarget,
|
31
31
|
customPortalTarget = _ref$portalTarget === void 0 ? null : _ref$portalTarget,
|
32
32
|
children = _ref.children;
|
33
|
-
var portalTarget = (_ref2 = customPortalTarget !== null && customPortalTarget !== void 0 ? customPortalTarget : document.getElementById(DEFAULT_PORTAL_ID)) !== null && _ref2 !== void 0 ? _ref2 : createDefaultPortalTarget();
|
33
|
+
var portalTarget = typeof document === "undefined" ? null : (_ref2 = customPortalTarget !== null && customPortalTarget !== void 0 ? customPortalTarget : document.getElementById(DEFAULT_PORTAL_ID)) !== null && _ref2 !== void 0 ? _ref2 : createDefaultPortalTarget();
|
34
34
|
|
35
35
|
// Auto append / remove default target as necessary
|
36
|
-
(0, _react.
|
36
|
+
(0, _react.useLayoutEffect)(function () {
|
37
37
|
if (!portalTarget || !isDefaultPortalTarget(portalTarget)) return;
|
38
38
|
document.body.appendChild(portalTarget);
|
39
39
|
return function () {
|
@@ -42,7 +42,7 @@ var Satellite = function Satellite(_ref) {
|
|
42
42
|
}, [portalTarget]);
|
43
43
|
|
44
44
|
// Radix adds pointer-events: none; on the body for its modal, so we need to reenable it for other portaled elements (tooltips, menus, autocomplete)
|
45
|
-
(0, _react.
|
45
|
+
(0, _react.useLayoutEffect)(function () {
|
46
46
|
if (!portalTarget || typeof document === "undefined") return;
|
47
47
|
if (portalTarget === document.body) {
|
48
48
|
console.warn("Avoid using the document body as a portal target.");
|
@@ -58,6 +58,4 @@ var Satellite = function Satellite(_ref) {
|
|
58
58
|
children: children
|
59
59
|
});
|
60
60
|
};
|
61
|
-
exports
|
62
|
-
var _default = Satellite;
|
63
|
-
exports["default"] = _default;
|
61
|
+
var _default = exports["default"] = Satellite;
|
@@ -8,19 +8,16 @@ exports.useSatelliteContext = exports["default"] = exports.SatelliteContext = vo
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
9
|
var _react = require("react");
|
10
10
|
var _SatelliteRouter = require("./SatelliteRouter");
|
11
|
-
function ownKeys(
|
12
|
-
function _objectSpread(
|
11
|
+
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; }
|
12
|
+
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; }
|
13
13
|
var DEFAULT_CONTEXT = {
|
14
14
|
router: _SatelliteRouter.router,
|
15
15
|
locales: {},
|
16
16
|
portalTarget: null
|
17
17
|
};
|
18
|
-
var SatelliteContext = /*#__PURE__*/(0, _react.createContext)(DEFAULT_CONTEXT);
|
19
|
-
exports.
|
20
|
-
var useSatelliteContext = function useSatelliteContext() {
|
18
|
+
var SatelliteContext = exports.SatelliteContext = /*#__PURE__*/(0, _react.createContext)(DEFAULT_CONTEXT);
|
19
|
+
var useSatelliteContext = exports.useSatelliteContext = function useSatelliteContext() {
|
21
20
|
var context = (0, _react.useContext)(SatelliteContext);
|
22
21
|
return _objectSpread(_objectSpread({}, DEFAULT_CONTEXT), context);
|
23
22
|
};
|
24
|
-
exports
|
25
|
-
var _default = SatelliteContext;
|
26
|
-
exports["default"] = _default;
|
23
|
+
var _default = exports["default"] = SatelliteContext;
|
@@ -8,7 +8,7 @@ exports.router = exports.DefaultRouter = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
10
10
|
require("../utils/event-polyfill");
|
11
|
-
var DefaultRouter = /*#__PURE__*/function () {
|
11
|
+
var DefaultRouter = exports.DefaultRouter = /*#__PURE__*/function () {
|
12
12
|
function DefaultRouter() {
|
13
13
|
(0, _classCallCheck2["default"])(this, DefaultRouter);
|
14
14
|
}
|
@@ -44,6 +44,4 @@ var DefaultRouter = /*#__PURE__*/function () {
|
|
44
44
|
}]);
|
45
45
|
return DefaultRouter;
|
46
46
|
}();
|
47
|
-
exports.
|
48
|
-
var router = new DefaultRouter();
|
49
|
-
exports.router = router;
|
47
|
+
var router = exports.router = new DefaultRouter();
|
package/cjs/Satellite/index.js
CHANGED
@@ -71,5 +71,5 @@ Object.keys(_useCreatePortal).forEach(function (key) {
|
|
71
71
|
}
|
72
72
|
});
|
73
73
|
});
|
74
|
-
function _getRequireWildcardCache(
|
75
|
-
function _interopRequireWildcard(
|
74
|
+
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); }
|
75
|
+
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; }
|
@@ -9,6 +9,7 @@ import type { ModalLocale } from "../Modal";
|
|
9
9
|
import type { PaginationLocale } from "../Pagination";
|
10
10
|
import type { CompactPaginationLocale } from "../Pagination/CompactPagination";
|
11
11
|
import type { DotPaginationLocale } from "../Pagination/DotPagination";
|
12
|
+
import type { PopoverLocale } from "../Popover/types";
|
12
13
|
import type { SidebarLocale } from "../Sidebar";
|
13
14
|
import type { DataTableLocale } from "../Tables/DataTable";
|
14
15
|
import type { TagLocale } from "../Tag";
|
@@ -24,6 +25,7 @@ export declare type ComponentsLocales = {
|
|
24
25
|
input?: InputPropsLocale;
|
25
26
|
modal?: ModalLocale;
|
26
27
|
pagination?: PaginationLocale;
|
28
|
+
popover?: PopoverLocale;
|
27
29
|
sidebar?: SidebarLocale;
|
28
30
|
tag?: TagLocale;
|
29
31
|
userAvatar?: UserAvatarLocale;
|
package/cjs/Satellite/locale.js
CHANGED
@@ -7,9 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.useLocale = void 0;
|
8
8
|
var _react = require("react");
|
9
9
|
var _SatelliteContext = _interopRequireDefault(require("./SatelliteContext"));
|
10
|
-
var useLocale = function useLocale(componentKey) {
|
10
|
+
var useLocale = exports.useLocale = function useLocale(componentKey) {
|
11
11
|
var _useContext = (0, _react.useContext)(_SatelliteContext["default"]),
|
12
12
|
locales = _useContext.locales;
|
13
13
|
return locales === null || locales === void 0 ? void 0 : locales[componentKey];
|
14
|
-
};
|
15
|
-
exports.useLocale = useLocale;
|
14
|
+
};
|
@@ -8,7 +8,7 @@ var _react = require("react");
|
|
8
8
|
var _reactDom = require("react-dom");
|
9
9
|
var _SatelliteContext = require("./SatelliteContext");
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
11
|
-
var useCreatePortal = function useCreatePortal() {
|
11
|
+
var useCreatePortal = exports.useCreatePortal = function useCreatePortal() {
|
12
12
|
var _useSatelliteContext = (0, _SatelliteContext.useSatelliteContext)(),
|
13
13
|
portalTarget = _useSatelliteContext.portalTarget;
|
14
14
|
|
@@ -20,5 +20,4 @@ var useCreatePortal = function useCreatePortal() {
|
|
20
20
|
return function (children) {
|
21
21
|
return /*#__PURE__*/(0, _reactDom.createPortal)(children, portalTarget !== null && portalTarget !== void 0 ? portalTarget : document.body);
|
22
22
|
};
|
23
|
-
};
|
24
|
-
exports.useCreatePortal = useCreatePortal;
|
23
|
+
};
|
@@ -60,7 +60,7 @@ var VARIANT_CLASSNAMES = {
|
|
60
60
|
light: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator"]))),
|
61
61
|
dark: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["scroll-indicator scroll-indicator-dark"])))
|
62
62
|
};
|
63
|
-
var ScrollIndicator = function ScrollIndicator(_ref) {
|
63
|
+
var ScrollIndicator = exports.ScrollIndicator = function ScrollIndicator(_ref) {
|
64
64
|
var _ref$tagName = _ref.tagName,
|
65
65
|
tagName = _ref$tagName === void 0 ? "div" : _ref$tagName,
|
66
66
|
_ref$variant = _ref.variant,
|
@@ -83,6 +83,4 @@ var ScrollIndicator = function ScrollIndicator(_ref) {
|
|
83
83
|
}, children)
|
84
84
|
});
|
85
85
|
};
|
86
|
-
exports
|
87
|
-
var _default = ScrollIndicator;
|
88
|
-
exports["default"] = _default;
|
86
|
+
var _default = exports["default"] = ScrollIndicator;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = scrollIndicatorPlugin;
|
2
2
|
declare const scrollIndicatorPlugin: {
|
3
3
|
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
-
config?: Partial<import("tailwindcss").Config> | undefined;
|
4
|
+
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
5
5
|
};
|
@@ -23,5 +23,5 @@ Object.keys(_ScrollIndicator).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; }
|