@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
@@ -14,7 +14,7 @@ var _utils = require("../../../utils");
|
|
14
14
|
var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
16
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
17
|
-
var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
17
|
+
var DropdownCollapsibleItem = exports.DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
18
18
|
var title = _ref.title,
|
19
19
|
name = _ref.name,
|
20
20
|
expanded = _ref.expanded,
|
@@ -36,7 +36,7 @@ var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
|
36
36
|
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n w-full h-10 px-4\n flex items-center justify-between\n text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n "]))),
|
37
37
|
onClick: function onClick(evt) {
|
38
38
|
if (typeof expanded === "boolean") {
|
39
|
-
_onClick === null || _onClick === void 0
|
39
|
+
_onClick === null || _onClick === void 0 || _onClick(evt, itemName, expandedItems);
|
40
40
|
} else {
|
41
41
|
onItemClick(itemName);
|
42
42
|
}
|
@@ -56,6 +56,4 @@ var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
|
56
56
|
})]
|
57
57
|
});
|
58
58
|
};
|
59
|
-
exports
|
60
|
-
var _default = DropdownCollapsibleItem;
|
61
|
-
exports["default"] = _default;
|
59
|
+
var _default = exports["default"] = DropdownCollapsibleItem;
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.DropdownCollapsibleItemsGroup = void 0;
|
7
7
|
var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
9
|
-
var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
|
9
|
+
var DropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
|
10
10
|
var expandedItems = _ref.expandedItems,
|
11
11
|
onItemClick = _ref.onItemClick,
|
12
12
|
children = _ref.children;
|
@@ -17,5 +17,4 @@ var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref)
|
|
17
17
|
},
|
18
18
|
children: children
|
19
19
|
});
|
20
|
-
};
|
21
|
-
exports.DropdownCollapsibleItemsGroup = DropdownCollapsibleItemsGroup;
|
20
|
+
};
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js
CHANGED
@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.useDropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroupContext = void 0;
|
7
7
|
var _react = require("react");
|
8
|
-
var DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
|
9
|
-
exports.
|
10
|
-
var useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
|
8
|
+
var DropdownCollapsibleItemsGroupContext = exports.DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
|
9
|
+
var useDropdownCollapsibleItemsGroup = exports.useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
|
11
10
|
var context = (0, _react.useContext)(DropdownCollapsibleItemsGroupContext);
|
12
11
|
if (!context) {
|
13
12
|
throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
|
14
13
|
}
|
15
14
|
return context;
|
16
|
-
};
|
17
|
-
exports.useDropdownCollapsibleItemsGroup = useDropdownCollapsibleItemsGroup;
|
15
|
+
};
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js
CHANGED
@@ -13,7 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
/**
|
14
14
|
* Multiple collapsible item can be open at a given time
|
15
15
|
*/
|
16
|
-
var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
|
16
|
+
var DropdownCollapsibleItemsMultiGroup = exports.DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
|
17
17
|
var initialExpandedItems = _ref.initialExpandedItems,
|
18
18
|
children = _ref.children;
|
19
19
|
var _useState = (0, _react.useState)(function () {
|
@@ -33,5 +33,4 @@ var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiG
|
|
33
33
|
},
|
34
34
|
children: children
|
35
35
|
});
|
36
|
-
};
|
37
|
-
exports.DropdownCollapsibleItemsMultiGroup = DropdownCollapsibleItemsMultiGroup;
|
36
|
+
};
|
package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js
CHANGED
@@ -12,7 +12,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
/**
|
13
13
|
* Only one collapsible item can be open at a given time (unless you manually override)
|
14
14
|
*/
|
15
|
-
var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
|
15
|
+
var DropdownCollapsibleItemsSingleGroup = exports.DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
|
16
16
|
var initialExpandedItem = _ref.initialExpandedItem,
|
17
17
|
children = _ref.children;
|
18
18
|
var _useState = (0, _react.useState)(function () {
|
@@ -30,5 +30,4 @@ var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingl
|
|
30
30
|
},
|
31
31
|
children: children
|
32
32
|
});
|
33
|
-
};
|
34
|
-
exports.DropdownCollapsibleItemsSingleGroup = DropdownCollapsibleItemsSingleGroup;
|
33
|
+
};
|
@@ -9,11 +9,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
9
9
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
11
11
|
var _templateObject;
|
12
|
-
var DropdownDivider = function DropdownDivider() {
|
12
|
+
var DropdownDivider = exports.DropdownDivider = function DropdownDivider() {
|
13
13
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
14
14
|
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
|
15
15
|
});
|
16
16
|
};
|
17
|
-
exports
|
18
|
-
var _default = DropdownDivider;
|
19
|
-
exports["default"] = _default;
|
17
|
+
var _default = exports["default"] = DropdownDivider;
|
@@ -13,9 +13,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
14
14
|
var _templateObject;
|
15
15
|
var _excluded = ["children", "className"];
|
16
|
-
function ownKeys(
|
17
|
-
function _objectSpread(
|
18
|
-
var DropdownFooterItem = function DropdownFooterItem(_ref) {
|
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
|
+
var DropdownFooterItem = exports.DropdownFooterItem = function DropdownFooterItem(_ref) {
|
19
19
|
var children = _ref.children,
|
20
20
|
className = _ref.className,
|
21
21
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
@@ -26,6 +26,4 @@ var DropdownFooterItem = function DropdownFooterItem(_ref) {
|
|
26
26
|
children: children
|
27
27
|
}));
|
28
28
|
};
|
29
|
-
exports
|
30
|
-
var _default = DropdownFooterItem;
|
31
|
-
exports["default"] = _default;
|
29
|
+
var _default = exports["default"] = DropdownFooterItem;
|
@@ -16,9 +16,9 @@ var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemPr
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
17
17
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
18
18
|
var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
|
19
|
-
function ownKeys(
|
20
|
-
function _objectSpread(
|
21
|
-
var DropdownLinkItem = function DropdownLinkItem(props) {
|
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
|
+
var DropdownLinkItem = exports.DropdownLinkItem = function DropdownLinkItem(props) {
|
22
22
|
var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
|
23
23
|
var linkProps = (0, _useLinkProps["default"])(_objectSpread(_objectSpread({}, props), dropdownItemProps));
|
24
24
|
var isExternalLink = linkProps.target === "_blank";
|
@@ -45,9 +45,7 @@ var DropdownLinkItem = function DropdownLinkItem(props) {
|
|
45
45
|
})]
|
46
46
|
}));
|
47
47
|
};
|
48
|
-
exports.DropdownLinkItem = DropdownLinkItem;
|
49
48
|
DropdownLinkItem.defaultProps = {
|
50
49
|
toggle: true
|
51
50
|
};
|
52
|
-
var _default = DropdownLinkItem;
|
53
|
-
exports["default"] = _default;
|
51
|
+
var _default = exports["default"] = DropdownLinkItem;
|
@@ -14,9 +14,9 @@ var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemPr
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
15
|
var _templateObject, _templateObject2, _templateObject3;
|
16
16
|
var _excluded = ["className", "toggle", "children"];
|
17
|
-
function ownKeys(
|
18
|
-
function _objectSpread(
|
19
|
-
var DropdownRadioItem = function DropdownRadioItem(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 DropdownRadioItem = exports.DropdownRadioItem = function DropdownRadioItem(props) {
|
20
20
|
var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
|
21
21
|
// `toggle` is destructured here because we don't want it passed to the `RadioButton`
|
22
22
|
var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
|
@@ -37,9 +37,7 @@ var DropdownRadioItem = function DropdownRadioItem(props) {
|
|
37
37
|
})
|
38
38
|
});
|
39
39
|
};
|
40
|
-
exports.DropdownRadioItem = DropdownRadioItem;
|
41
40
|
DropdownRadioItem.defaultProps = {
|
42
41
|
toggle: false
|
43
42
|
};
|
44
|
-
var _default = DropdownRadioItem;
|
45
|
-
exports["default"] = _default;
|
43
|
+
var _default = exports["default"] = DropdownRadioItem;
|
@@ -13,15 +13,13 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
14
14
|
var _templateObject;
|
15
15
|
var _excluded = ["className"];
|
16
|
-
function ownKeys(
|
17
|
-
function _objectSpread(
|
18
|
-
var DropdownTitle = function DropdownTitle(_ref) {
|
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
|
+
var DropdownTitle = exports.DropdownTitle = function DropdownTitle(_ref) {
|
19
19
|
var className = _ref.className,
|
20
20
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
21
21
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", _objectSpread(_objectSpread({}, props), {}, {
|
22
22
|
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center h-10 px-4\n border-grey-100 border-b border-t first:border-t-0\n display-subheading"]))), className)
|
23
23
|
}));
|
24
24
|
};
|
25
|
-
exports
|
26
|
-
var _default = DropdownTitle;
|
27
|
-
exports["default"] = _default;
|
25
|
+
var _default = exports["default"] = DropdownTitle;
|
@@ -15,9 +15,9 @@ var _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemPr
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
16
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
17
17
|
var _excluded = ["className", "toggle", "startIcon", "children"];
|
18
|
-
function ownKeys(
|
19
|
-
function _objectSpread(
|
20
|
-
var DropdownToggleItem = function DropdownToggleItem(props) {
|
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 DropdownToggleItem = exports.DropdownToggleItem = function DropdownToggleItem(props) {
|
21
21
|
var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
|
22
22
|
// `toggle` is destructured here because we don't want it passed to the `Toggle`
|
23
23
|
var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
|
@@ -39,9 +39,7 @@ var DropdownToggleItem = function DropdownToggleItem(props) {
|
|
39
39
|
}, toggleProps))]
|
40
40
|
});
|
41
41
|
};
|
42
|
-
exports.DropdownToggleItem = DropdownToggleItem;
|
43
42
|
DropdownToggleItem.defaultProps = {
|
44
43
|
toggle: false
|
45
44
|
};
|
46
|
-
var _default = DropdownToggleItem;
|
47
|
-
exports["default"] = _default;
|
45
|
+
var _default = exports["default"] = DropdownToggleItem;
|
package/cjs/Dropdown/index.js
CHANGED
@@ -155,5 +155,5 @@ Object.keys(_DropdownContext).forEach(function (key) {
|
|
155
155
|
}
|
156
156
|
});
|
157
157
|
});
|
158
|
-
function _getRequireWildcardCache(
|
159
|
-
function _interopRequireWildcard(
|
158
|
+
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); }
|
159
|
+
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; }
|
@@ -11,9 +11,9 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
11
11
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
12
12
|
var _DropdownContext = require("./DropdownContext");
|
13
13
|
var _templateObject;
|
14
|
-
function ownKeys(
|
15
|
-
function _objectSpread(
|
16
|
-
var useDropdownItemProps = function useDropdownItemProps(props) {
|
14
|
+
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; }
|
15
|
+
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; }
|
16
|
+
var useDropdownItemProps = exports.useDropdownItemProps = function useDropdownItemProps(props) {
|
17
17
|
var _useDropdownContext = (0, _DropdownContext.useDropdownContext)(),
|
18
18
|
showMenu = _useDropdownContext.showMenu;
|
19
19
|
var className = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n flex items-center\n min-h-10 px-4 text-left\n focus:no-underline hover:no-underline\n ", "\n "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
|
@@ -35,6 +35,4 @@ var useDropdownItemProps = function useDropdownItemProps(props) {
|
|
35
35
|
}
|
36
36
|
}, disabledProps);
|
37
37
|
};
|
38
|
-
exports
|
39
|
-
var _default = useDropdownItemProps;
|
40
|
-
exports["default"] = _default;
|
38
|
+
var _default = exports["default"] = useDropdownItemProps;
|
package/cjs/Dropzone/Dropzone.js
CHANGED
@@ -23,8 +23,8 @@ var _uniqueId = require("../utils/uniqueId");
|
|
23
23
|
var _jsxRuntime = require("react/jsx-runtime");
|
24
24
|
var _excluded = ["id", "placeholder", "disabled", "multiple", "clearable", "onChange", "className", "locale"];
|
25
25
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
26
|
-
function ownKeys(
|
27
|
-
function _objectSpread(
|
26
|
+
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; }
|
27
|
+
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; }
|
28
28
|
var DropzoneFileItem = function DropzoneFileItem(_ref) {
|
29
29
|
var file = _ref.file;
|
30
30
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
@@ -48,7 +48,7 @@ var ValidatedIcon = function ValidatedIcon() {
|
|
48
48
|
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
|
49
49
|
});
|
50
50
|
};
|
51
|
-
var Dropzone = function Dropzone(_ref2) {
|
51
|
+
var Dropzone = exports.Dropzone = function Dropzone(_ref2) {
|
52
52
|
var id = _ref2.id,
|
53
53
|
placeholder = _ref2.placeholder,
|
54
54
|
disabled = _ref2.disabled,
|
@@ -75,12 +75,12 @@ var Dropzone = function Dropzone(_ref2) {
|
|
75
75
|
var onDrop = (0, _react.useCallback)(function (acceptedFiles, fileRejections) {
|
76
76
|
var updatedFiles = multiple ? [].concat((0, _toConsumableArray2["default"])(files), (0, _toConsumableArray2["default"])(acceptedFiles)) : acceptedFiles;
|
77
77
|
setFiles(updatedFiles);
|
78
|
-
onChange === null || onChange === void 0
|
78
|
+
onChange === null || onChange === void 0 || onChange(updatedFiles, fileRejections);
|
79
79
|
}, [multiple, files, onChange]);
|
80
80
|
var handleClear = function handleClear(evt) {
|
81
81
|
evt.stopPropagation();
|
82
82
|
setFiles([]);
|
83
|
-
onChange === null || onChange === void 0
|
83
|
+
onChange === null || onChange === void 0 || onChange([], []);
|
84
84
|
};
|
85
85
|
var _useDropzone = (0, _reactDropzone.useDropzone)(_objectSpread(_objectSpread({
|
86
86
|
disabled: disabled,
|
@@ -153,6 +153,4 @@ var Dropzone = function Dropzone(_ref2) {
|
|
153
153
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusIcon, {})]
|
154
154
|
}));
|
155
155
|
};
|
156
|
-
exports
|
157
|
-
var _default = Dropzone;
|
158
|
-
exports["default"] = _default;
|
156
|
+
var _default = exports["default"] = Dropzone;
|
package/cjs/Dropzone/index.js
CHANGED
@@ -23,5 +23,5 @@ Object.keys(_Dropzone).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; }
|
@@ -10,7 +10,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
10
|
var _FlexGrid = _interopRequireDefault(require("../FlexGrid"));
|
11
11
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
13
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
|
13
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
|
14
14
|
var CONTAINER_CONTEXT_CLASSNAMES = {
|
15
15
|
result: {
|
16
16
|
medium: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["max-w-xs"]))),
|
@@ -28,50 +28,50 @@ var CONTAINER_CONTEXT_CLASSNAMES = {
|
|
28
28
|
xlarge: ""
|
29
29
|
}
|
30
30
|
};
|
31
|
-
var
|
31
|
+
var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
|
32
32
|
result: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["mb-4"]))),
|
33
33
|
feature: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["mb-6"]))),
|
34
|
-
page: ""
|
34
|
+
page: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mb-6"])))
|
35
35
|
};
|
36
36
|
var TITLE_CONTEXT_CLASSNAMES = {
|
37
|
-
result: (0, _satellitePrefixer["default"])(
|
38
|
-
feature: (0, _satellitePrefixer["default"])(
|
39
|
-
page: (0, _satellitePrefixer["default"])(
|
37
|
+
result: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
|
38
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["display-medium"]))),
|
39
|
+
page: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["display-xlarge"])))
|
40
40
|
};
|
41
41
|
var DESCRIPTION_CONTEXT_CLASSNAMES = {
|
42
|
-
result: (0, _satellitePrefixer["default"])(
|
43
|
-
feature: (0, _satellitePrefixer["default"])(
|
44
|
-
page: (0, _satellitePrefixer["default"])(
|
42
|
+
result: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["display-caption mt-2"]))),
|
43
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["display-body mt-2"]))),
|
44
|
+
page: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["display-small mt-6"])))
|
45
45
|
};
|
46
46
|
var ACTIONS_CONTEXT_CLASSNAMES = {
|
47
|
-
result: (0, _satellitePrefixer["default"])(
|
48
|
-
feature: (0, _satellitePrefixer["default"])(
|
49
|
-
page: (0, _satellitePrefixer["default"])(
|
47
|
+
result: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))),
|
48
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["mt-3"]))),
|
49
|
+
page: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["mt-6 md:flex-row"])))
|
50
50
|
};
|
51
51
|
var renderEmptyState = function renderEmptyState(_ref) {
|
52
52
|
var title = _ref.title,
|
53
53
|
description = _ref.description,
|
54
54
|
actions = _ref.actions,
|
55
55
|
actionsDirection = _ref.actionsDirection,
|
56
|
-
|
57
|
-
|
56
|
+
leadIllustration = _ref.leadIllustration,
|
57
|
+
pageIllustration = _ref.pageIllustration,
|
58
58
|
_ref$usageContext = _ref.usageContext,
|
59
59
|
usageContext = _ref$usageContext === void 0 ? "feature" : _ref$usageContext,
|
60
60
|
_ref$width = _ref.width,
|
61
61
|
width = _ref$width === void 0 ? "medium" : _ref$width,
|
62
62
|
_ref$centered = _ref.centered,
|
63
63
|
centered = _ref$centered === void 0 ? false : _ref$centered;
|
64
|
-
var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
65
|
-
var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
66
|
-
var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
64
|
+
var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["justify-center text-center lg:flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["justify-between flex-col lg:flex-row"]))));
|
65
|
+
var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
|
66
|
+
var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
|
67
67
|
var actionsClassNames = (0, _clsx["default"])(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
|
68
68
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
69
69
|
className: containerClassNames,
|
70
70
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
71
|
-
className: (0, _satellitePrefixer["default"])(
|
72
|
-
children: [centered && !!
|
73
|
-
className:
|
74
|
-
children:
|
71
|
+
className: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["min-w-2/5"]))),
|
72
|
+
children: [centered && !!leadIllustration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
73
|
+
className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
|
74
|
+
children: leadIllustration
|
75
75
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
|
76
76
|
className: titleClassNames,
|
77
77
|
children: title
|
@@ -86,9 +86,9 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
86
86
|
spacing: "sm",
|
87
87
|
children: actions
|
88
88
|
})]
|
89
|
-
}),
|
90
|
-
className: (0, _satellitePrefixer["default"])(
|
91
|
-
children:
|
89
|
+
}), !centered && usageContext === "page" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
90
|
+
className: (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["empty-state-illustration ml-16 hidden lg:flex items-center justify-center"]))),
|
91
|
+
children: pageIllustration
|
92
92
|
})]
|
93
93
|
});
|
94
94
|
};
|
@@ -117,9 +117,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
117
117
|
* - Use illustrations thoughtfully
|
118
118
|
* - Use only one primary call-to-action button
|
119
119
|
*/
|
120
|
-
var EmptyState = function EmptyState(props) {
|
120
|
+
var EmptyState = exports.EmptyState = function EmptyState(props) {
|
121
121
|
return renderEmptyState(props);
|
122
122
|
};
|
123
|
-
exports
|
124
|
-
var _default = EmptyState;
|
125
|
-
exports["default"] = _default;
|
123
|
+
var _default = exports["default"] = EmptyState;
|
package/cjs/EmptyState/index.js
CHANGED
@@ -35,5 +35,5 @@ Object.keys(_types).forEach(function (key) {
|
|
35
35
|
}
|
36
36
|
});
|
37
37
|
});
|
38
|
-
function _getRequireWildcardCache(
|
39
|
-
function _interopRequireWildcard(
|
38
|
+
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); }
|
39
|
+
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; }
|
@@ -11,13 +11,13 @@ export interface EmptyStatePropsAll {
|
|
11
11
|
actions?: ReactNode;
|
12
12
|
/** Direction overwrite for the buttons */
|
13
13
|
actionsDirection?: FlexGridDirection;
|
14
|
-
/** Add a
|
15
|
-
|
14
|
+
/** Add a `<Medallion />`, an `img` element or `svg` in there */
|
15
|
+
leadIllustration?: ReactNode;
|
16
16
|
/** Plop in an `img` element or `svg` here */
|
17
|
-
|
17
|
+
pageIllustration?: ReactNode;
|
18
18
|
/**
|
19
19
|
* UsageContext of the component
|
20
|
-
* @default
|
20
|
+
* @default feature
|
21
21
|
*/
|
22
22
|
usageContext?: EmptyStateUsageContexts;
|
23
23
|
/**
|
@@ -27,39 +27,24 @@ export interface EmptyStatePropsAll {
|
|
27
27
|
centered?: boolean;
|
28
28
|
/**
|
29
29
|
* Defines how wide the EmptyState can expand
|
30
|
-
* @default
|
30
|
+
* @default medium
|
31
31
|
*/
|
32
32
|
width?: EmptyStateWidths;
|
33
33
|
}
|
34
34
|
interface EmptyStatePropsUsageContextResult extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
|
35
35
|
usageContext: "result";
|
36
|
-
|
37
|
-
}
|
38
|
-
interface EmptyStatePropsUsageContextResultCentered extends Omit<EmptyStatePropsUsageContextResult, "centered"> {
|
39
|
-
centered: true;
|
40
|
-
}
|
41
|
-
interface EmptyStatePropsUsageContextResultUncentered extends Omit<EmptyStatePropsUsageContextResult, "centered"> {
|
42
|
-
centered?: false;
|
43
|
-
medallion?: never;
|
36
|
+
pageIllustration?: never;
|
44
37
|
}
|
45
38
|
interface EmptyStatePropsUsageContextFeature extends Omit<EmptyStatePropsAll, "usageContext" | "illustration"> {
|
46
39
|
usageContext: "feature";
|
47
40
|
illustration?: never;
|
48
41
|
}
|
49
|
-
interface EmptyStatePropsUsageContextFeatureCentered extends Omit<EmptyStatePropsUsageContextFeature, "centered"> {
|
50
|
-
centered: true;
|
51
|
-
}
|
52
|
-
interface EmptyStatePropsUsageContextFeatureUncentered extends Omit<EmptyStatePropsUsageContextFeature, "centered"> {
|
53
|
-
centered?: false;
|
54
|
-
medallion?: never;
|
55
|
-
}
|
56
42
|
interface EmptyStatePropsUsageContextPage extends Omit<EmptyStatePropsAll, "usageContext" | "centered"> {
|
57
43
|
usageContext: "page";
|
58
|
-
centered?:
|
59
|
-
medallion?: never;
|
44
|
+
centered?: boolean;
|
60
45
|
}
|
61
46
|
interface EmptyStatePropsUsageContextDefault extends Omit<EmptyStatePropsUsageContextFeature, "usageContext"> {
|
62
47
|
usageContext?: undefined;
|
63
48
|
}
|
64
|
-
export declare type EmptyStateProps = EmptyStatePropsUsageContextDefault |
|
49
|
+
export declare type EmptyStateProps = EmptyStatePropsUsageContextDefault | EmptyStatePropsUsageContextResult | EmptyStatePropsUsageContextFeature | EmptyStatePropsUsageContextPage;
|
65
50
|
export {};
|
package/cjs/Field/Field.d.ts
CHANGED
package/cjs/Field/Field.js
CHANGED
@@ -13,8 +13,8 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
|
|
13
13
|
var _FieldStateContext = _interopRequireWildcard(require("./FieldStateContext"));
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
15
15
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
16
|
-
function _getRequireWildcardCache(
|
17
|
-
function _interopRequireWildcard(
|
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
18
|
/**
|
19
19
|
* Use text fields to help users enter, select, and search for text. Text fields are normally found within a form but can also be part of a modal, search, or card
|
20
20
|
*
|
@@ -49,7 +49,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
49
49
|
* - If you need to ask users to provide optional information, mark the field optional by placing the text “(optional)” at the end of the field's label
|
50
50
|
* - Don't mark required fields with asterisks
|
51
51
|
*/
|
52
|
-
var Field = function Field(_ref) {
|
52
|
+
var Field = exports.Field = function Field(_ref) {
|
53
53
|
var className = _ref.className,
|
54
54
|
label = _ref.label,
|
55
55
|
labelFor = _ref.labelFor,
|
@@ -91,6 +91,4 @@ var Field = function Field(_ref) {
|
|
91
91
|
})
|
92
92
|
});
|
93
93
|
};
|
94
|
-
exports
|
95
|
-
var _default = Field;
|
96
|
-
exports["default"] = _default;
|
94
|
+
var _default = exports["default"] = Field;
|