@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.166
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +3 -3
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +4 -6
- package/cjs/AnnouncementBadge/index.js +2 -2
- package/cjs/AutoComplete/AutoComplete.d.ts +3 -49
- package/cjs/AutoComplete/AutoComplete.js +362 -516
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +2 -4
- package/cjs/AutoComplete/components/AutocompleteContext.d.ts +5 -0
- package/cjs/AutoComplete/components/AutocompleteContext.js +19 -0
- package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +2 -2
- package/cjs/AutoComplete/components/DefaultOptionItem.js +4 -5
- package/cjs/AutoComplete/index.d.ts +1 -0
- package/cjs/AutoComplete/index.js +14 -2
- package/cjs/AutoComplete/types.d.ts +10 -2
- package/cjs/AutoComplete/utils.d.ts +3 -0
- package/cjs/AutoComplete/utils.js +36 -6
- package/cjs/Avatars/ApplicationAvatar.js +2 -4
- package/cjs/Avatars/UserAvatar.js +4 -6
- package/cjs/Avatars/index.js +2 -2
- package/cjs/Avatars/utils.js +9 -13
- package/cjs/Badge/Badge.d.ts +0 -2
- package/cjs/Badge/Badge.js +6 -7
- package/cjs/Badge/index.js +2 -2
- package/cjs/Banners/Alert/Alert.d.ts +2 -2
- package/cjs/Banners/Alert/Alert.js +4 -5
- package/cjs/Banners/Alert/index.js +2 -2
- package/cjs/Banners/BigBertha/BigBertha.js +2 -4
- package/cjs/Banners/BigBertha/index.js +2 -2
- package/cjs/Banners/Promote/Promote.d.ts +0 -6
- package/cjs/Banners/Promote/Promote.js +2 -10
- package/cjs/Banners/Promote/index.js +2 -2
- package/cjs/Button/Button.js +4 -6
- package/cjs/Button/Button.tailwind.d.ts +1 -1
- package/cjs/Button/Button.tailwind.js +1 -1
- package/cjs/Button/ButtonGroup.d.ts +1 -1
- package/cjs/Button/ButtonGroup.js +2 -4
- package/cjs/Button/IconButton.d.ts +5 -0
- package/cjs/Button/IconButton.js +9 -6
- package/cjs/Button/PolymorphicButton.js +9 -8
- package/cjs/Button/PolymorphicIconButton.d.ts +5 -1
- package/cjs/Button/PolymorphicIconButton.js +14 -13
- package/cjs/Button/index.js +2 -2
- package/cjs/Button/styles.d.ts +1 -1
- package/cjs/Button/styles.js +8 -9
- package/cjs/Button/types.d.ts +3 -2
- package/cjs/Card/Card.d.ts +1 -1
- package/cjs/Card/Card.js +4 -6
- package/cjs/Card/Card.tailwind.d.ts +1 -1
- package/cjs/Card/components/CardHeader.js +4 -6
- package/cjs/Card/components/CardTitle.js +4 -6
- package/cjs/Card/index.js +2 -2
- package/cjs/Checkbox/Checkbox.d.ts +3 -3
- package/cjs/Checkbox/Checkbox.js +6 -8
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +1 -1
- package/cjs/Checkbox/Checkbox.tailwind.js +5 -0
- package/cjs/Checkbox/index.js +2 -2
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +5 -9
- package/cjs/DatePicker/DatePicker/DatePicker.d.ts +1 -1
- package/cjs/DatePicker/DatePicker/DatePicker.js +11 -12
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +8 -11
- package/cjs/DatePicker/DatePicker/index.js +2 -2
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +1 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +5 -7
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -2
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +8 -11
- package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +4 -7
- package/cjs/DatePicker/DateRangePicker/index.js +2 -2
- package/cjs/DatePicker/components/Calendar.js +3 -4
- package/cjs/DatePicker/components/Display.js +1 -2
- package/cjs/DatePicker/components/Footer.js +1 -2
- package/cjs/DatePicker/components/FooterActions.js +1 -2
- package/cjs/DatePicker/components/Modal.js +4 -6
- package/cjs/DatePicker/components/NavBar.js +3 -4
- package/cjs/DatePicker/components/SidePanel.js +1 -2
- package/cjs/DatePicker/index.d.ts +0 -1
- package/cjs/DatePicker/index.js +2 -17
- package/cjs/DatePicker/utils.js +3 -5
- package/cjs/Dropdown/Dropdown.js +5 -8
- package/cjs/Dropdown/DropdownButton.js +4 -6
- package/cjs/Dropdown/DropdownContext.js +3 -6
- package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownButtonItem.js +6 -7
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -5
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +2 -3
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +3 -5
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +2 -3
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +2 -3
- package/cjs/Dropdown/components/DropdownDivider.js +2 -4
- package/cjs/Dropdown/components/DropdownFooterItem.d.ts +1 -0
- package/cjs/Dropdown/components/DropdownFooterItem.js +4 -6
- package/cjs/Dropdown/components/DropdownLinkItem.js +6 -7
- package/cjs/Dropdown/components/DropdownRadioItem.js +4 -6
- package/cjs/Dropdown/components/DropdownTitle.js +4 -6
- package/cjs/Dropdown/components/DropdownToggleItem.js +6 -7
- package/cjs/Dropdown/index.js +2 -2
- package/cjs/Dropdown/useDropdownItemProps.js +4 -6
- package/cjs/Dropzone/Dropzone.js +6 -8
- package/cjs/Dropzone/index.js +2 -2
- package/cjs/EmptyState/EmptyState.js +26 -28
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +1 -1
- package/cjs/EmptyState/index.js +2 -2
- package/cjs/EmptyState/types.d.ts +8 -23
- package/cjs/Field/Field.d.ts +0 -1
- package/cjs/Field/Field.js +4 -6
- package/cjs/Field/FieldStateContext.js +3 -6
- package/cjs/Field/index.js +2 -2
- package/cjs/Field/useFieldState.js +4 -6
- package/cjs/Flag/Flag.js +5 -7
- package/cjs/Flag/Flag.tailwind.d.ts +1 -1
- package/cjs/Flag/Flags.js +8 -9
- package/cjs/Flag/index.js +2 -2
- package/cjs/FlexGrid/FlexGrid.d.ts +1 -12
- package/cjs/FlexGrid/FlexGrid.js +2 -4
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
- package/cjs/FlexGrid/FlexGrid.tailwind.js +2 -2
- package/cjs/FlexGrid/index.js +2 -2
- package/cjs/HelpUnderline/HelpUnderline.js +4 -6
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
- package/cjs/HelpUnderline/index.js +2 -2
- package/cjs/Input/Input.d.ts +4 -1
- package/cjs/Input/Input.js +11 -11
- package/cjs/Input/Input.tailwind.d.ts +1 -1
- package/cjs/Input/index.js +2 -2
- package/cjs/Insert/Insert.js +2 -4
- package/cjs/Insert/index.js +2 -2
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
- package/cjs/KeyboardKey/KeyboardKey.js +2 -3
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
- package/cjs/Link/BaseLink.js +4 -6
- package/cjs/Link/ButtonLink.js +4 -6
- package/cjs/Link/IconButtonLink.js +4 -6
- package/cjs/Link/Link.js +8 -8
- package/cjs/Link/index.js +2 -2
- package/cjs/Medallion/Medallion.d.ts +1 -0
- package/cjs/Medallion/Medallion.js +2 -4
- package/cjs/Medallion/Medallion.tailwind.d.ts +1 -1
- package/cjs/Medallion/index.js +2 -2
- package/cjs/Modal/Modal.js +12 -13
- package/cjs/Modal/Modal.tailwind.d.ts +1 -1
- package/cjs/Modal/components/ModalFooter.js +4 -6
- package/cjs/Modal/components/ModalSection.js +2 -4
- package/cjs/Modal/index.js +2 -2
- package/cjs/Pagination/CompactPagination/CompactPagination.js +6 -10
- package/cjs/Pagination/CompactPagination/index.js +2 -2
- package/cjs/Pagination/DotPagination/DotPagination.js +5 -7
- package/cjs/Pagination/DotPagination/index.js +2 -2
- package/cjs/Pagination/Pagination/Pagination.js +6 -8
- package/cjs/Pagination/Pagination/index.js +2 -2
- package/cjs/Pagination/index.js +2 -2
- package/cjs/Popover/Popover.d.ts +5 -0
- package/cjs/Popover/Popover.js +137 -0
- package/cjs/Popover/index.d.ts +3 -0
- package/cjs/Popover/index.js +36 -0
- package/cjs/Popover/types.d.ts +74 -0
- package/cjs/Popover/types.js +5 -0
- package/cjs/ProgressBar/ProgressBar.d.ts +7 -4
- package/cjs/ProgressBar/ProgressBar.js +29 -22
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
- package/cjs/ProgressBar/index.js +2 -2
- package/cjs/ProgressSpinner/ProgressSpinner.js +4 -6
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +8 -0
- package/cjs/ProgressSpinner/index.js +2 -2
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.js +4 -6
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.tailwind.js +3 -0
- package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
- package/cjs/RadioGroup/RadioGroup.js +3 -6
- package/cjs/RadioGroup/RadiogroupContext.d.ts +1 -4
- package/cjs/RadioGroup/RadiogroupContext.js +3 -5
- package/cjs/RadioGroup/index.js +2 -2
- package/cjs/RangeSlider/RangeSlider.d.ts +2 -0
- package/cjs/RangeSlider/RangeSlider.js +4 -6
- package/cjs/RangeSlider/index.js +2 -2
- package/cjs/Satellite/Satellite.js +5 -7
- package/cjs/Satellite/SatelliteContext.js +5 -8
- package/cjs/Satellite/SatelliteRouter.js +2 -4
- package/cjs/Satellite/index.js +2 -2
- package/cjs/Satellite/locale.d.ts +2 -0
- package/cjs/Satellite/locale.js +2 -3
- package/cjs/Satellite/useCreatePortal.js +2 -3
- package/cjs/ScrollIndicator/ScrollIndicator.js +2 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
- package/cjs/ScrollIndicator/index.js +2 -2
- package/cjs/Select/Select.js +4 -6
- package/cjs/Select/Select.tailwind.d.ts +1 -1
- package/cjs/Select/index.js +2 -2
- package/cjs/Separator/Separator.d.ts +1 -0
- package/cjs/Separator/Separator.js +21 -11
- package/cjs/Separator/Separator.tailwind.d.ts +1 -1
- package/cjs/Separator/Separator.tailwind.js +31 -2
- package/cjs/Separator/index.js +2 -2
- package/cjs/Sidebar/Sidebar.d.ts +1 -0
- package/cjs/Sidebar/Sidebar.js +4 -5
- package/cjs/Sidebar/SidebarButtonLink.js +4 -5
- package/cjs/Sidebar/SidebarContext.js +3 -5
- package/cjs/Sidebar/SidebarHeader.d.ts +1 -0
- package/cjs/Sidebar/SidebarHeader.js +2 -3
- package/cjs/Sidebar/SidebarHeading.d.ts +1 -0
- package/cjs/Sidebar/SidebarHeading.js +2 -3
- package/cjs/Sidebar/SidebarLink.js +4 -5
- package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts +1 -0
- package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +3 -4
- package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +4 -5
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -0
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +8 -8
- package/cjs/Sidebar/SidebarNav.d.ts +1 -0
- package/cjs/Sidebar/SidebarNav.js +2 -3
- package/cjs/Switch/Switch.d.ts +1 -0
- package/cjs/Switch/Switch.js +5 -5
- package/cjs/Switch/Switch.tailwind.d.ts +1 -1
- package/cjs/Switch/SwitchOption.js +5 -7
- package/cjs/Switch/index.js +2 -2
- package/cjs/Switch/utils.js +5 -9
- package/cjs/Tables/DataTable/DataTable.d.ts +8 -1
- package/cjs/Tables/DataTable/DataTable.js +6 -8
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Body.js +4 -6
- package/cjs/Tables/DataTable/components/Footer.js +6 -8
- package/cjs/Tables/DataTable/components/Header.js +2 -4
- package/cjs/Tables/DataTable/components/HeaderCell.js +6 -8
- package/cjs/Tables/DataTable/components/Loader.d.ts +1 -0
- package/cjs/Tables/DataTable/components/Loader.js +3 -5
- package/cjs/Tables/DataTable/index.js +2 -2
- package/cjs/Tables/DataTable/types.d.ts +14 -0
- package/cjs/Tables/DataTable/utils.js +4 -7
- package/cjs/Tables/Table/Table.js +4 -6
- package/cjs/Tables/Table/Table.tailwind.d.ts +1 -1
- package/cjs/Tables/Table/components/TableFooter.js +2 -4
- package/cjs/Tables/Table/index.js +2 -2
- package/cjs/Tables/index.js +2 -2
- package/cjs/Tabs/ContentTabs.js +2 -4
- package/cjs/Tabs/LinkTabs.js +3 -6
- package/cjs/Tabs/Tabs.tailwind.d.ts +1 -1
- package/cjs/Tabs/Tabs.tailwind.js +20 -1
- package/cjs/Tabs/components/LinkTab.js +12 -14
- package/cjs/Tabs/index.js +2 -2
- package/cjs/Tabs/types.d.ts +0 -1
- package/cjs/Tabs/utils.js +2 -3
- package/cjs/Tag/Tag.d.ts +7 -17
- package/cjs/Tag/Tag.js +16 -12
- package/cjs/Tag/Tag.tailwind.d.ts +1 -1
- package/cjs/Tag/index.js +2 -2
- package/cjs/TextArea/TextArea.js +4 -6
- package/cjs/TextArea/TextArea.tailwind.d.ts +1 -1
- package/cjs/TextArea/index.js +2 -2
- package/cjs/TextWrap/TextWrap.js +4 -6
- package/cjs/TextWrap/index.js +2 -2
- package/cjs/Toggle/Toggle.d.ts +6 -2
- package/cjs/Toggle/Toggle.js +26 -13
- package/cjs/Toggle/Toggle.tailwind.d.ts +1 -1
- package/cjs/Toggle/Toggle.tailwind.js +18 -6
- package/cjs/Toggle/index.js +2 -2
- package/cjs/Tooltip/OverflowTooltipWrapper.js +4 -5
- package/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.js +4 -6
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.tailwind.js +1 -91
- package/cjs/Tooltip/TooltipWrapper.d.ts +2 -2
- package/cjs/Tooltip/TooltipWrapper.js +7 -8
- package/cjs/Tooltip/index.js +2 -2
- package/cjs/Tooltip/types.d.ts +15 -15
- package/cjs/Tooltip/utils.js +2 -3
- package/cjs/Typography/Typography.tailwind.d.ts +1 -1
- package/cjs/Typography/Typography.tailwind.js +2 -2
- package/cjs/UserContent/UserContent.d.ts +1 -0
- package/cjs/UserContent/UserContent.js +2 -4
- package/cjs/UserContent/UserContent.tailwind.d.ts +1 -1
- package/cjs/UserContent/UserContent.tailwind.js +2 -2
- package/cjs/styles/base.tailwind.d.ts +1 -1
- package/cjs/styles/helpers/makePurgeCssExtractor.js +1 -1
- package/cjs/styles/tailwind.config.js +3 -3
- package/cjs/styles/zIndexes.d.ts +1 -0
- package/cjs/styles/zIndexes.js +4 -3
- package/cjs/types.d.ts +3 -4
- package/cjs/utilities/overlay.tailwind.d.ts +5 -0
- package/cjs/utilities/overlay.tailwind.js +107 -0
- package/cjs/utilities/utilities.tailwind.d.ts +1 -1
- package/cjs/utils/clamp.d.ts +1 -0
- package/cjs/utils/clamp.js +9 -0
- package/cjs/utils/genericChangeHandler.js +1 -2
- package/cjs/utils/hashCode.js +2 -4
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/cjs/utils/isCssPropertySupported.js +1 -2
- package/cjs/utils/isNil.js +2 -4
- package/cjs/utils/isReactText.js +2 -3
- package/cjs/utils/isRenderedChild.js +1 -2
- package/cjs/utils/matchLocation.js +1 -2
- package/cjs/utils/onlyText.js +1 -2
- package/cjs/utils/parseUrl.js +2 -4
- package/cjs/utils/pluralize.js +1 -2
- package/cjs/utils/prefersReducedMotion.d.ts +6 -0
- package/cjs/utils/prefersReducedMotion.js +13 -0
- package/cjs/utils/range.js +1 -2
- package/cjs/utils/toSentenceCase.js +2 -4
- package/cjs/utils/uniqBy.js +1 -2
- package/cjs/utils/uniqueId.js +1 -2
- package/cjs/utils/useForwardedRef.js +1 -2
- package/cjs/utils/useLinkProps.js +2 -4
- package/cjs/utils/useTriggerInputChange.js +1 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +3 -3
- package/esm/AnnouncementBadge/AnnouncementBadge.js +2 -2
- package/esm/AutoComplete/AutoComplete.d.ts +3 -49
- package/esm/AutoComplete/AutoComplete.js +365 -517
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +1 -1
- package/esm/AutoComplete/components/AutocompleteContext.d.ts +5 -0
- package/esm/AutoComplete/components/AutocompleteContext.js +13 -0
- package/esm/AutoComplete/components/DefaultOptionItem.d.ts +2 -2
- package/esm/AutoComplete/components/DefaultOptionItem.js +2 -2
- package/esm/AutoComplete/index.d.ts +1 -0
- package/esm/AutoComplete/index.js +1 -0
- package/esm/AutoComplete/types.d.ts +10 -2
- package/esm/AutoComplete/utils.d.ts +3 -0
- package/esm/AutoComplete/utils.js +31 -1
- package/esm/Avatars/UserAvatar.js +2 -2
- package/esm/Avatars/utils.js +2 -2
- package/esm/Badge/Badge.d.ts +0 -2
- package/esm/Badge/Badge.js +4 -3
- package/esm/Banners/Alert/Alert.d.ts +2 -2
- package/esm/Banners/Alert/Alert.js +2 -1
- package/esm/Banners/Promote/Promote.d.ts +0 -6
- package/esm/Banners/Promote/Promote.js +0 -6
- package/esm/Button/Button.js +2 -2
- package/esm/Button/Button.tailwind.d.ts +1 -1
- package/esm/Button/Button.tailwind.js +1 -1
- package/esm/Button/ButtonGroup.d.ts +1 -1
- package/esm/Button/IconButton.d.ts +5 -0
- package/esm/Button/IconButton.js +7 -2
- package/esm/Button/PolymorphicButton.js +6 -4
- package/esm/Button/PolymorphicIconButton.d.ts +5 -1
- package/esm/Button/PolymorphicIconButton.js +13 -11
- package/esm/Button/styles.d.ts +1 -1
- package/esm/Button/styles.js +3 -0
- package/esm/Button/types.d.ts +3 -2
- package/esm/Card/Card.d.ts +1 -1
- package/esm/Card/Card.js +2 -2
- package/esm/Card/Card.tailwind.d.ts +1 -1
- package/esm/Card/components/CardHeader.js +2 -2
- package/esm/Card/components/CardTitle.js +2 -2
- package/esm/Checkbox/Checkbox.d.ts +3 -3
- package/esm/Checkbox/Checkbox.js +4 -4
- package/esm/Checkbox/Checkbox.tailwind.d.ts +1 -1
- package/esm/Checkbox/Checkbox.tailwind.js +5 -0
- package/esm/ClickAwayContainer/ClickAwayContainer.js +1 -1
- package/esm/DatePicker/DatePicker/DatePicker.d.ts +1 -1
- package/esm/DatePicker/DatePicker/DatePicker.js +9 -9
- package/esm/DatePicker/DatePicker/datePickerReducer.js +5 -5
- package/esm/DatePicker/DatePicker.tailwind.d.ts +1 -1
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +3 -3
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
- package/esm/DatePicker/components/Calendar.js +2 -2
- package/esm/DatePicker/components/Modal.js +2 -2
- package/esm/DatePicker/components/NavBar.js +2 -2
- package/esm/DatePicker/index.d.ts +0 -1
- package/esm/DatePicker/index.js +0 -1
- package/esm/Dropdown/Dropdown.js +2 -2
- package/esm/Dropdown/DropdownButton.js +2 -2
- package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownButtonItem.js +4 -3
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -1
- package/esm/Dropdown/components/DropdownFooterItem.d.ts +1 -0
- package/esm/Dropdown/components/DropdownFooterItem.js +2 -2
- package/esm/Dropdown/components/DropdownLinkItem.js +4 -3
- package/esm/Dropdown/components/DropdownRadioItem.js +2 -2
- package/esm/Dropdown/components/DropdownTitle.js +2 -2
- package/esm/Dropdown/components/DropdownToggleItem.js +4 -3
- package/esm/Dropdown/useDropdownItemProps.js +2 -2
- package/esm/Dropzone/Dropzone.js +4 -4
- package/esm/EmptyState/EmptyState.js +24 -24
- package/esm/EmptyState/EmptyState.tailwind.d.ts +1 -1
- package/esm/EmptyState/types.d.ts +8 -23
- package/esm/Field/Field.d.ts +0 -1
- package/esm/Flag/Flag.js +3 -3
- package/esm/Flag/Flag.tailwind.d.ts +1 -1
- package/esm/Flag/Flags.js +6 -5
- package/esm/FlexGrid/FlexGrid.d.ts +1 -12
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +1 -1
- package/esm/FlexGrid/FlexGrid.tailwind.js +2 -2
- package/esm/HelpUnderline/HelpUnderline.js +2 -2
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +1 -1
- package/esm/Input/Input.d.ts +4 -1
- package/esm/Input/Input.js +9 -7
- package/esm/Input/Input.tailwind.d.ts +1 -1
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +1 -1
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +1 -1
- package/esm/Link/BaseLink.js +2 -2
- package/esm/Link/ButtonLink.js +2 -2
- package/esm/Link/IconButtonLink.js +2 -2
- package/esm/Link/Link.js +6 -4
- package/esm/Medallion/Medallion.d.ts +1 -0
- package/esm/Medallion/Medallion.tailwind.d.ts +1 -1
- package/esm/Modal/Modal.js +8 -7
- package/esm/Modal/Modal.tailwind.d.ts +1 -1
- package/esm/Modal/components/ModalFooter.js +2 -2
- package/esm/Pagination/CompactPagination/CompactPagination.js +2 -2
- package/esm/Pagination/DotPagination/DotPagination.js +3 -3
- package/esm/Pagination/Pagination/Pagination.js +2 -2
- package/esm/Popover/Popover.d.ts +5 -0
- package/esm/Popover/Popover.js +129 -0
- package/esm/Popover/index.d.ts +3 -0
- package/esm/Popover/index.js +3 -0
- package/esm/Popover/types.d.ts +74 -0
- package/esm/Popover/types.js +1 -0
- package/esm/ProgressBar/ProgressBar.d.ts +7 -4
- package/esm/ProgressBar/ProgressBar.js +24 -18
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +1 -1
- package/esm/ProgressSpinner/ProgressSpinner.js +2 -2
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +1 -1
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +8 -0
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.js +2 -2
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.tailwind.js +3 -0
- package/esm/RadioGroup/RadioGroup.d.ts +1 -0
- package/esm/RadioGroup/RadiogroupContext.d.ts +1 -4
- package/esm/RangeSlider/RangeSlider.d.ts +2 -0
- package/esm/RangeSlider/RangeSlider.js +2 -2
- package/esm/Satellite/Satellite.js +4 -4
- package/esm/Satellite/SatelliteContext.js +2 -2
- package/esm/Satellite/locale.d.ts +2 -0
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +1 -1
- package/esm/Select/Select.js +2 -2
- package/esm/Select/Select.tailwind.d.ts +1 -1
- package/esm/Separator/Separator.d.ts +1 -0
- package/esm/Separator/Separator.js +17 -5
- package/esm/Separator/Separator.tailwind.d.ts +1 -1
- package/esm/Separator/Separator.tailwind.js +31 -2
- package/esm/Sidebar/Sidebar.d.ts +1 -0
- package/esm/Sidebar/Sidebar.js +2 -2
- package/esm/Sidebar/SidebarButtonLink.js +2 -2
- package/esm/Sidebar/SidebarHeader.d.ts +1 -0
- package/esm/Sidebar/SidebarHeading.d.ts +1 -0
- package/esm/Sidebar/SidebarLink.js +2 -2
- package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts +1 -0
- package/esm/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js +1 -1
- package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +2 -2
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -0
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +6 -5
- package/esm/Sidebar/SidebarNav.d.ts +1 -0
- package/esm/Switch/Switch.d.ts +1 -0
- package/esm/Switch/Switch.js +3 -1
- package/esm/Switch/Switch.tailwind.d.ts +1 -1
- package/esm/Switch/SwitchOption.js +3 -3
- package/esm/Tables/DataTable/DataTable.d.ts +8 -1
- package/esm/Tables/DataTable/DataTable.js +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +1 -1
- package/esm/Tables/DataTable/components/Body.js +2 -2
- package/esm/Tables/DataTable/components/Footer.js +2 -2
- package/esm/Tables/DataTable/components/HeaderCell.js +4 -4
- package/esm/Tables/DataTable/components/Loader.d.ts +1 -0
- package/esm/Tables/DataTable/components/Loader.js +1 -1
- package/esm/Tables/DataTable/types.d.ts +14 -0
- package/esm/Tables/Table/Table.js +2 -2
- package/esm/Tables/Table/Table.tailwind.d.ts +1 -1
- package/esm/Tabs/Tabs.tailwind.d.ts +1 -1
- package/esm/Tabs/Tabs.tailwind.js +20 -1
- package/esm/Tabs/components/LinkTab.js +10 -10
- package/esm/Tabs/types.d.ts +0 -1
- package/esm/Tag/Tag.d.ts +7 -17
- package/esm/Tag/Tag.js +14 -8
- package/esm/Tag/Tag.tailwind.d.ts +1 -1
- package/esm/TextArea/TextArea.js +2 -2
- package/esm/TextArea/TextArea.tailwind.d.ts +1 -1
- package/esm/TextWrap/TextWrap.js +2 -2
- package/esm/Toggle/Toggle.d.ts +6 -2
- package/esm/Toggle/Toggle.js +24 -9
- package/esm/Toggle/Toggle.tailwind.d.ts +1 -1
- package/esm/Toggle/Toggle.tailwind.js +18 -6
- package/esm/Tooltip/OverflowTooltipWrapper.js +2 -2
- package/esm/Tooltip/Tooltip.d.ts +1 -1
- package/esm/Tooltip/Tooltip.js +2 -2
- package/esm/Tooltip/Tooltip.tailwind.d.ts +1 -1
- package/esm/Tooltip/Tooltip.tailwind.js +1 -90
- package/esm/Tooltip/TooltipWrapper.d.ts +2 -2
- package/esm/Tooltip/TooltipWrapper.js +3 -3
- package/esm/Tooltip/types.d.ts +15 -15
- package/esm/Typography/Typography.tailwind.d.ts +1 -1
- package/esm/Typography/Typography.tailwind.js +2 -2
- package/esm/UserContent/UserContent.d.ts +1 -0
- package/esm/UserContent/UserContent.tailwind.d.ts +1 -1
- package/esm/UserContent/UserContent.tailwind.js +2 -2
- package/esm/styles/base.tailwind.d.ts +1 -1
- package/esm/styles/helpers/makePurgeCssExtractor.js +1 -1
- package/esm/styles/tailwind.config.js +3 -3
- package/esm/styles/zIndexes.d.ts +1 -0
- package/esm/styles/zIndexes.js +4 -3
- package/esm/types.d.ts +3 -4
- package/esm/utilities/overlay.tailwind.d.ts +5 -0
- package/esm/utilities/overlay.tailwind.js +106 -0
- package/esm/utilities/utilities.tailwind.d.ts +1 -1
- package/esm/utils/clamp.d.ts +1 -0
- package/esm/utils/clamp.js +3 -0
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/prefersReducedMotion.d.ts +6 -0
- package/esm/utils/prefersReducedMotion.js +7 -0
- package/package.json +10 -7
- package/satellite.min.css +1 -1
- package/scss/variables.scss +4 -3
@@ -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; }
|
package/cjs/Select/Select.js
CHANGED
@@ -14,8 +14,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
15
|
var _excluded = ["variant", "className"];
|
16
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
17
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
19
19
|
var VARIANT_CLASSNAMES = {
|
20
20
|
small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["select-input-small"]))),
|
21
21
|
medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["select-input-medium"]))),
|
@@ -30,7 +30,7 @@ var VARIANT_CLASSNAMES = {
|
|
30
30
|
* - Have a default option selected whenever possible
|
31
31
|
* - Use `Select` as a placeholder option only if there's no logical default option
|
32
32
|
*/
|
33
|
-
var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
33
|
+
var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
34
34
|
var _ref$variant = _ref.variant,
|
35
35
|
variant = _ref$variant === void 0 ? "medium" : _ref$variant,
|
36
36
|
className = _ref.className,
|
@@ -40,7 +40,5 @@ var Select = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
40
40
|
ref: ref
|
41
41
|
}));
|
42
42
|
});
|
43
|
-
exports.Select = Select;
|
44
43
|
Select.displayName = "Select";
|
45
|
-
var _default = Select;
|
46
|
-
exports["default"] = _default;
|
44
|
+
var _default = exports["default"] = Select;
|
package/cjs/Select/index.js
CHANGED
@@ -23,5 +23,5 @@ Object.keys(_Select).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; }
|
@@ -2,6 +2,7 @@ import * as RadixSeparator from "@radix-ui/react-separator";
|
|
2
2
|
import type { VFC } from "react";
|
3
3
|
export interface SeparatorProps {
|
4
4
|
className?: string;
|
5
|
+
interactive?: boolean;
|
5
6
|
orientation?: RadixSeparator.SeparatorProps["orientation"];
|
6
7
|
}
|
7
8
|
export declare const Separator: VFC<SeparatorProps>;
|
@@ -6,24 +6,34 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
7
7
|
});
|
8
8
|
exports["default"] = exports.Separator = void 0;
|
9
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
10
11
|
var RadixSeparator = _interopRequireWildcard(require("@radix-ui/react-separator"));
|
11
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
12
13
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
14
|
-
var _templateObject;
|
15
|
-
function _getRequireWildcardCache(
|
16
|
-
function _interopRequireWildcard(
|
17
|
-
var
|
15
|
+
var _templateObject, _templateObject2;
|
16
|
+
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); }
|
17
|
+
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; }
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
20
|
+
var Separator = exports.Separator = function Separator(_ref) {
|
18
21
|
var className = _ref.className,
|
22
|
+
interactive = _ref.interactive,
|
19
23
|
_ref$orientation = _ref.orientation,
|
20
24
|
orientation = _ref$orientation === void 0 ? "horizontal" : _ref$orientation;
|
21
|
-
|
22
|
-
decorative:
|
23
|
-
|
25
|
+
var interactiveProps = interactive ? {
|
26
|
+
decorative: false,
|
27
|
+
tabIndex: 0,
|
28
|
+
"aria-valuemax": 100,
|
29
|
+
"aria-valuemin": 0,
|
30
|
+
"aria-valuenow": 50
|
31
|
+
} : {
|
32
|
+
decorative: true
|
33
|
+
};
|
34
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadixSeparator.Root, _objectSpread({
|
35
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["separator"]))), className, interactive && (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["interactive"])))),
|
24
36
|
orientation: orientation
|
25
|
-
});
|
37
|
+
}, interactiveProps));
|
26
38
|
};
|
27
|
-
exports
|
28
|
-
var _default = Separator;
|
29
|
-
exports["default"] = _default;
|
39
|
+
var _default = exports["default"] = Separator;
|
@@ -9,15 +9,44 @@ var separatorPlugin = plugin(function (_ref) {
|
|
9
9
|
addComponents({
|
10
10
|
".separator": {
|
11
11
|
backgroundColor: theme("colors.grey.200"),
|
12
|
+
"&.interactive:hover": {
|
13
|
+
backgroundColor: theme("colors.xenon.600")
|
14
|
+
},
|
15
|
+
"&.interactive:focus": {
|
16
|
+
backgroundColor: theme("colors.xenon.600"),
|
17
|
+
outline: "solid 1px ".concat(theme("colors.xenon.600"))
|
18
|
+
},
|
12
19
|
'&[data-orientation="horizontal"]': {
|
13
20
|
height: "1px",
|
14
21
|
width: "100%",
|
15
|
-
margin: "".concat(margin, " 0")
|
22
|
+
margin: "".concat(margin, " 0"),
|
23
|
+
"&.interactive": {
|
24
|
+
position: "relative",
|
25
|
+
"&::after": {
|
26
|
+
position: "absolute",
|
27
|
+
right: "0px",
|
28
|
+
left: "0px",
|
29
|
+
top: "-10px",
|
30
|
+
height: "20px",
|
31
|
+
content: '" "'
|
32
|
+
}
|
33
|
+
}
|
16
34
|
},
|
17
35
|
'&[data-orientation="vertical"]': {
|
18
36
|
height: "100%",
|
19
37
|
width: "1px",
|
20
|
-
margin: "0 ".concat(margin)
|
38
|
+
margin: "0 ".concat(margin),
|
39
|
+
"&.interactive": {
|
40
|
+
position: "relative",
|
41
|
+
"&::after": {
|
42
|
+
position: "absolute",
|
43
|
+
width: "20px",
|
44
|
+
left: "-10px",
|
45
|
+
top: "0px",
|
46
|
+
bottom: "0px",
|
47
|
+
content: '" "'
|
48
|
+
}
|
49
|
+
}
|
21
50
|
}
|
22
51
|
}
|
23
52
|
});
|
package/cjs/Separator/index.js
CHANGED
@@ -23,5 +23,5 @@ Object.keys(_Separator).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; }
|
package/cjs/Sidebar/Sidebar.d.ts
CHANGED
package/cjs/Sidebar/Sidebar.js
CHANGED
@@ -16,13 +16,13 @@ var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
|
|
16
16
|
var _SidebarContext = require("./SidebarContext");
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
18
|
var _templateObject, _templateObject2, _templateObject3;
|
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 DEFAULT_SIDEBAR_LOCALE = {
|
22
22
|
primarySidebarLabel: "Primary Navigation Sidebar",
|
23
23
|
secondarySidebarLabel: "Secondary Navigation Sidebar"
|
24
24
|
};
|
25
|
-
var Sidebar = function Sidebar(_ref) {
|
25
|
+
var Sidebar = exports.Sidebar = function Sidebar(_ref) {
|
26
26
|
var id = _ref.id,
|
27
27
|
className = _ref.className,
|
28
28
|
labelProp = _ref.label,
|
@@ -58,5 +58,4 @@ var Sidebar = function Sidebar(_ref) {
|
|
58
58
|
})
|
59
59
|
})
|
60
60
|
});
|
61
|
-
};
|
62
|
-
exports.Sidebar = Sidebar;
|
61
|
+
};
|
@@ -16,8 +16,8 @@ var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
|
|
16
16
|
var _SidebarContext = require("./SidebarContext");
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
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 Tooltip = function Tooltip(_ref) {
|
22
22
|
var content = _ref.content,
|
23
23
|
children = _ref.children;
|
@@ -31,7 +31,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
31
31
|
children: children
|
32
32
|
});
|
33
33
|
};
|
34
|
-
var SidebarButtonLink = function SidebarButtonLink(props) {
|
34
|
+
var SidebarButtonLink = exports.SidebarButtonLink = function SidebarButtonLink(props) {
|
35
35
|
var id = props.id,
|
36
36
|
icon = props.icon,
|
37
37
|
href = props.href,
|
@@ -81,5 +81,4 @@ var SidebarButtonLink = function SidebarButtonLink(props) {
|
|
81
81
|
})]
|
82
82
|
}))
|
83
83
|
});
|
84
|
-
};
|
85
|
-
exports.SidebarButtonLink = SidebarButtonLink;
|
84
|
+
};
|
@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.useSidebarContext = exports.SidebarContext = void 0;
|
7
7
|
var _react = require("react");
|
8
|
-
var SidebarContext = /*#__PURE__*/(0, _react.createContext)(null);
|
9
|
-
exports.
|
10
|
-
var useSidebarContext = function useSidebarContext() {
|
8
|
+
var SidebarContext = exports.SidebarContext = /*#__PURE__*/(0, _react.createContext)(null);
|
9
|
+
var useSidebarContext = exports.useSidebarContext = function useSidebarContext() {
|
11
10
|
var context = (0, _react.useContext)(SidebarContext);
|
12
11
|
if (!context) {
|
13
12
|
throw new Error("useSidebarContext used outside of Sidebar");
|
14
13
|
}
|
15
14
|
return context;
|
16
|
-
};
|
17
|
-
exports.useSidebarContext = useSidebarContext;
|
15
|
+
};
|
@@ -10,12 +10,11 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
10
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
12
12
|
var _templateObject;
|
13
|
-
var SidebarHeader = function SidebarHeader(_ref) {
|
13
|
+
var SidebarHeader = exports.SidebarHeader = function SidebarHeader(_ref) {
|
14
14
|
var className = _ref.className,
|
15
15
|
children = _ref.children;
|
16
16
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
|
17
17
|
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-[72px] shrink-0 border-b border-grey-200/50"]))), className),
|
18
18
|
children: children
|
19
19
|
});
|
20
|
-
};
|
21
|
-
exports.SidebarHeader = SidebarHeader;
|
20
|
+
};
|
@@ -11,7 +11,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
11
11
|
var _SidebarContext = require("./SidebarContext");
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
13
13
|
var _templateObject;
|
14
|
-
var SidebarHeading = function SidebarHeading(_ref) {
|
14
|
+
var SidebarHeading = exports.SidebarHeading = function SidebarHeading(_ref) {
|
15
15
|
var id = _ref.id,
|
16
16
|
className = _ref.className,
|
17
17
|
children = _ref.children;
|
@@ -22,5 +22,4 @@ var SidebarHeading = function SidebarHeading(_ref) {
|
|
22
22
|
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n h-8 block leading-[2rem]\n display-subheading typo-subdued uppercase select-none truncate\n ", "\n "])), collapsed && "opacity-0"), className),
|
23
23
|
children: children
|
24
24
|
});
|
25
|
-
};
|
26
|
-
exports.SidebarHeading = SidebarHeading;
|
25
|
+
};
|
@@ -14,9 +14,9 @@ var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
|
|
14
14
|
var _SidebarContext = require("./SidebarContext");
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
16
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
19
|
-
var SidebarLink = function SidebarLink(props) {
|
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 SidebarLink = exports.SidebarLink = function SidebarLink(props) {
|
20
20
|
var _linkProps$href;
|
21
21
|
var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
|
22
22
|
isLinkActive = _useSidebarContext.isLinkActive;
|
@@ -47,5 +47,4 @@ var SidebarLink = function SidebarLink(props) {
|
|
47
47
|
})]
|
48
48
|
})]
|
49
49
|
}));
|
50
|
-
};
|
51
|
-
exports.SidebarLink = SidebarLink;
|
50
|
+
};
|