@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -28
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +25 -7
- package/cjs/AutoComplete/AutoComplete.d.ts +23 -17
- package/cjs/AutoComplete/AutoComplete.js +180 -124
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +16 -13
- package/cjs/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
- package/cjs/AutoComplete/components/DefaultOptionItem.js +24 -17
- package/cjs/AutoComplete/types.d.ts +33 -25
- package/cjs/AutoComplete/utils.d.ts +5 -4
- package/cjs/AutoComplete/utils.js +22 -2
- package/cjs/Avatars/ApplicationAvatar.js +7 -6
- package/cjs/Avatars/UserAvatar.js +19 -20
- package/cjs/Avatars/utils.d.ts +1 -1
- package/cjs/Badge/Badge.d.ts +5 -5
- package/cjs/Badge/Badge.js +21 -12
- package/cjs/Banner/Banner.d.ts +5 -4
- package/cjs/Banner/Banner.js +30 -25
- package/cjs/Banners/Alert/Alert.d.ts +5 -4
- package/cjs/Banners/Alert/Alert.js +29 -23
- package/cjs/Banners/BigBertha/BigBertha.d.ts +3 -2
- package/cjs/Banners/BigBertha/BigBertha.js +11 -9
- package/cjs/Banners/Promote/Promote.d.ts +6 -5
- package/cjs/Banners/Promote/Promote.js +38 -30
- package/cjs/Button/Button.js +23 -17
- package/cjs/Button/Button.tailwind.d.ts +4 -4
- package/cjs/Button/Button.tailwind.js +11 -14
- package/cjs/Button/ButtonGroup.d.ts +2 -1
- package/cjs/Button/ButtonGroup.js +6 -5
- package/cjs/Button/IconButton.d.ts +2 -2
- package/cjs/Button/IconButton.js +24 -22
- package/cjs/Button/styles.d.ts +1 -1
- package/cjs/Button/types.d.ts +5 -5
- package/cjs/Card/Card.d.ts +3 -3
- package/cjs/Card/Card.js +8 -11
- package/cjs/Card/Card.tailwind.d.ts +4 -4
- package/cjs/Card/Card.tailwind.js +5 -8
- package/cjs/Card/components/CardHeader.js +8 -4
- package/cjs/Card/components/CardTitle.d.ts +4 -2
- package/cjs/Card/components/CardTitle.js +11 -6
- package/cjs/Checkbox/Checkbox.d.ts +3 -3
- package/cjs/Checkbox/Checkbox.js +33 -30
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
- package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +6 -9
- package/cjs/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/cjs/DatePicker/DatePicker/DatePicker.js +90 -63
- package/cjs/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +101 -70
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +18 -12
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +5 -5
- package/cjs/DatePicker/components/Calendar.d.ts +6 -2
- package/cjs/DatePicker/components/Calendar.js +12 -10
- package/cjs/DatePicker/components/Display.d.ts +3 -3
- package/cjs/DatePicker/components/Display.js +6 -5
- package/cjs/DatePicker/components/Footer.d.ts +2 -2
- package/cjs/DatePicker/components/Footer.js +6 -5
- package/cjs/DatePicker/components/FooterActions.d.ts +4 -1
- package/cjs/DatePicker/components/FooterActions.js +17 -13
- package/cjs/DatePicker/components/Modal.d.ts +5 -5
- package/cjs/DatePicker/components/Modal.js +18 -16
- package/cjs/DatePicker/components/NavBar.d.ts +7 -3
- package/cjs/DatePicker/components/NavBar.js +42 -41
- package/cjs/DatePicker/components/SidePanel.d.ts +2 -2
- package/cjs/DatePicker/components/SidePanel.js +9 -7
- package/cjs/DatePicker/types.d.ts +17 -0
- package/cjs/{tailwind-types.js → DatePicker/types.js} +0 -0
- package/cjs/DatePicker/utils.d.ts +2 -0
- package/cjs/DatePicker/utils.js +10 -2
- package/cjs/Dropdown/Dropdown.d.ts +8 -8
- package/cjs/Dropdown/Dropdown.js +49 -40
- package/cjs/Dropdown/DropdownButton.d.ts +4 -3
- package/cjs/Dropdown/DropdownButton.js +15 -9
- package/cjs/Dropdown/DropdownContext.d.ts +2 -2
- package/cjs/Dropdown/DropdownContext.js +2 -9
- package/cjs/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownButtonItem.js +14 -14
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +30 -29
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +6 -7
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -9
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -9
- package/cjs/Dropdown/components/DropdownDivider.js +3 -3
- package/cjs/Dropdown/components/DropdownFooterItem.d.ts +2 -2
- package/cjs/Dropdown/components/DropdownFooterItem.js +11 -5
- package/cjs/Dropdown/components/DropdownLinkItem.js +14 -13
- package/cjs/Dropdown/components/DropdownRadioItem.d.ts +2 -2
- package/cjs/Dropdown/components/DropdownRadioItem.js +17 -16
- package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/cjs/Dropdown/components/DropdownTitle.js +8 -4
- package/cjs/Dropdown/components/DropdownToggleItem.d.ts +3 -3
- package/cjs/Dropdown/components/DropdownToggleItem.js +16 -16
- package/cjs/Dropdown/useDropdownItemProps.d.ts +3 -3
- package/cjs/Dropzone/Dropzone.d.ts +7 -3
- package/cjs/Dropzone/Dropzone.js +70 -56
- package/cjs/EmptyState/EmptyState.d.ts +1 -1
- package/cjs/EmptyState/EmptyState.js +29 -22
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
- package/cjs/EmptyState/types.d.ts +7 -7
- package/cjs/Field/Field.d.ts +4 -3
- package/cjs/Field/Field.js +33 -26
- package/cjs/Flag/Flag.d.ts +3 -2
- package/cjs/Flag/Flag.js +58 -38
- package/cjs/Flag/Flag.tailwind.d.ts +4 -4
- package/cjs/Flag/Flag.tailwind.js +8 -15
- package/cjs/Flag/Flags.d.ts +3 -3
- package/cjs/Flag/Flags.js +32 -22
- package/cjs/Flag/types.d.ts +8 -4
- package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
- package/cjs/FlexGrid/FlexGrid.js +15 -9
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/cjs/FlexGrid/FlexGrid.tailwind.js +10 -13
- package/cjs/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/cjs/HelpUnderline/HelpUnderline.js +9 -7
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
- package/cjs/Input/Input.d.ts +11 -5
- package/cjs/Input/Input.js +131 -115
- package/cjs/Input/Input.tailwind.d.ts +4 -4
- package/cjs/Input/Input.tailwind.js +12 -15
- package/cjs/Insert/Insert.d.ts +3 -2
- package/cjs/Insert/Insert.js +29 -23
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
- package/cjs/KeyboardKey/KeyboardKey.d.ts +2 -1
- package/cjs/KeyboardKey/KeyboardKey.js +11 -13
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
- package/cjs/Link/BaseLink.d.ts +3 -3
- package/cjs/Link/BaseLink.js +7 -7
- package/cjs/Link/ButtonLink.d.ts +1 -1
- package/cjs/Link/ButtonLink.js +9 -5
- package/cjs/Link/IconButtonLink.d.ts +1 -1
- package/cjs/Link/IconButtonLink.js +8 -4
- package/cjs/Link/Link.d.ts +5 -5
- package/cjs/Link/Link.js +16 -15
- package/cjs/Medallion/Medallion.d.ts +2 -2
- package/cjs/Medallion/Medallion.js +8 -7
- package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
- package/cjs/Medallion/Medallion.tailwind.js +8 -11
- package/cjs/Modal/Modal.d.ts +8 -5
- package/cjs/Modal/Modal.js +60 -47
- package/cjs/Modal/Modal.tailwind.d.ts +4 -4
- package/cjs/Modal/Modal.tailwind.js +9 -18
- package/cjs/Modal/components/ModalFooter.d.ts +4 -2
- package/cjs/Modal/components/ModalFooter.js +16 -10
- package/cjs/Modal/components/ModalSection.d.ts +1 -1
- package/cjs/Modal/components/ModalSection.js +6 -5
- package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.js +62 -36
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -1
- package/cjs/Pagination/DotPagination/DotPagination.js +36 -16
- package/cjs/Pagination/Pagination/Pagination.d.ts +7 -1
- package/cjs/Pagination/Pagination/Pagination.js +79 -49
- package/cjs/ProgressBar/ProgressBar.d.ts +2 -2
- package/cjs/ProgressBar/ProgressBar.js +16 -11
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/cjs/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/cjs/ProgressSpinner/ProgressSpinner.js +18 -11
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
- package/cjs/RadioGroup/RadioButton.d.ts +3 -3
- package/cjs/RadioGroup/RadioButton.js +8 -8
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
- package/cjs/RadioGroup/RadioGroup.d.ts +4 -3
- package/cjs/RadioGroup/RadioGroup.js +36 -34
- package/cjs/RangeSlider/RangeSlider.d.ts +3 -3
- package/cjs/RangeSlider/RangeSlider.js +37 -36
- package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/cjs/Satellite/Satellite.d.ts +5 -2
- package/cjs/Satellite/Satellite.js +13 -7
- package/cjs/Satellite/SatelliteContext.d.ts +3 -1
- package/cjs/Satellite/SatelliteContext.js +4 -3
- package/cjs/Satellite/SatelliteRouter.d.ts +1 -1
- package/cjs/Satellite/index.d.ts +1 -0
- package/cjs/Satellite/index.js +14 -0
- package/cjs/Satellite/locale.d.ts +27 -0
- package/cjs/Satellite/locale.js +21 -0
- package/cjs/ScrollIndicator/ScrollIndicator.d.ts +6 -3
- package/cjs/ScrollIndicator/ScrollIndicator.js +13 -16
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/cjs/Select/Select.d.ts +3 -3
- package/cjs/Select/Select.js +8 -8
- package/cjs/Select/Select.tailwind.d.ts +5 -5
- package/cjs/Select/Select.tailwind.js +5 -8
- package/cjs/Sidebar/Sidebar.d.ts +6 -4
- package/cjs/Sidebar/Sidebar.js +18 -10
- package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
- package/cjs/Sidebar/SidebarContext.d.ts +1 -1
- package/cjs/Sidebar/components/SidebarHeader.d.ts +2 -2
- package/cjs/Sidebar/components/SidebarHeader.js +11 -6
- package/cjs/Sidebar/components/SidebarLink.d.ts +4 -3
- package/cjs/Sidebar/components/SidebarLink.js +32 -22
- package/cjs/Switch/Switch.d.ts +3 -3
- package/cjs/Switch/Switch.js +17 -19
- package/cjs/Switch/Switch.tailwind.d.ts +5 -5
- package/cjs/Switch/Switch.tailwind.js +7 -8
- package/cjs/Switch/SwitchOption.d.ts +2 -1
- package/cjs/Switch/SwitchOption.js +25 -17
- package/cjs/Tables/DataTable/DataTable.d.ts +15 -5
- package/cjs/Tables/DataTable/DataTable.js +79 -60
- package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/cjs/Tables/DataTable/DataTable.tailwind.js +3 -6
- package/cjs/Tables/DataTable/components/Body.d.ts +7 -6
- package/cjs/Tables/DataTable/components/Body.js +62 -47
- package/cjs/Tables/DataTable/components/Footer.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Footer.js +6 -6
- package/cjs/Tables/DataTable/components/Header.js +24 -20
- package/cjs/Tables/DataTable/components/HeaderCell.d.ts +3 -3
- package/cjs/Tables/DataTable/components/HeaderCell.js +20 -14
- package/cjs/Tables/DataTable/components/Loader.d.ts +3 -1
- package/cjs/Tables/DataTable/components/Loader.js +19 -20
- package/cjs/Tables/DataTable/types.d.ts +3 -3
- package/cjs/Tables/DataTable/utils.d.ts +1 -1
- package/cjs/Tables/Table/Table.d.ts +3 -3
- package/cjs/Tables/Table/Table.js +19 -12
- package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
- package/cjs/Tables/Table/Table.tailwind.js +3 -6
- package/cjs/Tables/Table/components/Footer.d.ts +2 -2
- package/cjs/Tables/Table/components/Footer.js +6 -5
- package/cjs/Tabs/ContentTabs.d.ts +1 -1
- package/cjs/Tabs/ContentTabs.js +39 -38
- package/cjs/Tabs/LinkTabs.d.ts +1 -1
- package/cjs/Tabs/LinkTabs.js +16 -16
- package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
- package/cjs/Tabs/Tabs.tailwind.js +5 -8
- package/cjs/Tabs/components/LinkTab.d.ts +3 -3
- package/cjs/Tabs/components/LinkTab.js +18 -12
- package/cjs/Tabs/types.d.ts +6 -6
- package/cjs/Tabs/utils.d.ts +1 -1
- package/cjs/Tag/Tag.d.ts +8 -4
- package/cjs/Tag/Tag.js +36 -24
- package/cjs/Tag/Tag.tailwind.d.ts +4 -4
- package/cjs/Tag/Tag.tailwind.js +6 -9
- package/cjs/TextArea/TextArea.d.ts +3 -3
- package/cjs/TextArea/TextArea.js +8 -8
- package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
- package/cjs/TextArea/TextArea.tailwind.js +4 -7
- package/cjs/TextWrap/TextWrap.js +20 -20
- package/cjs/Toggle/Toggle.d.ts +3 -3
- package/cjs/Toggle/Toggle.js +23 -21
- package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
- package/cjs/Toggle/Toggle.tailwind.js +19 -22
- package/cjs/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
- package/cjs/Tooltip/OverflowTooltipWrapper.js +32 -24
- package/cjs/Tooltip/Tooltip.d.ts +3 -3
- package/cjs/Tooltip/Tooltip.js +8 -8
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
- package/cjs/Tooltip/TooltipWrapper.d.ts +4 -3
- package/cjs/Tooltip/TooltipWrapper.js +47 -39
- package/cjs/Tooltip/types.d.ts +4 -2
- package/cjs/Typography/Typography.tailwind.d.ts +5 -17
- package/cjs/Typography/Typography.tailwind.js +125 -135
- package/cjs/UserContent/UserContent.js +3 -3
- package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
- package/cjs/UserContent/UserContent.tailwind.js +13 -13
- package/cjs/styles/base.tailwind.d.ts +4 -4
- package/cjs/styles/base.tailwind.js +3 -6
- package/cjs/styles/tailwind.config.d.ts +2 -198
- package/cjs/styles/tailwind.config.js +27 -31
- package/cjs/types.d.ts +10 -3
- package/cjs/utilities/utilities.tailwind.d.ts +4 -1
- package/cjs/utilities/utilities.tailwind.js +4 -6
- package/cjs/utils/genericChangeHandler.d.ts +3 -3
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/cjs/utils/isRenderedChild.d.ts +2 -2
- package/cjs/utils/pluralize.js +6 -1
- package/cjs/utils/useForwardedRef.d.ts +2 -2
- package/cjs/utils/useLinkProps.d.ts +2 -2
- package/cjs/utils/useTriggerInputChange.d.ts +2 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +8 -3
- package/esm/AnnouncementBadge/AnnouncementBadge.js +23 -6
- package/esm/AutoComplete/AutoComplete.d.ts +23 -17
- package/esm/AutoComplete/AutoComplete.js +184 -115
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +4 -4
- package/esm/AutoComplete/components/AutoCompleteEmptyState.js +16 -12
- package/esm/AutoComplete/components/DefaultOptionItem.d.ts +6 -2
- package/esm/AutoComplete/components/DefaultOptionItem.js +25 -16
- package/esm/AutoComplete/types.d.ts +33 -25
- package/esm/AutoComplete/utils.d.ts +5 -4
- package/esm/AutoComplete/utils.js +16 -0
- package/esm/Avatars/ApplicationAvatar.js +6 -5
- package/esm/Avatars/UserAvatar.js +19 -14
- package/esm/Avatars/utils.d.ts +1 -1
- package/esm/Badge/Badge.d.ts +5 -5
- package/esm/Badge/Badge.js +21 -11
- package/esm/Banner/Banner.d.ts +5 -4
- package/esm/Banner/Banner.js +31 -25
- package/esm/Banners/Alert/Alert.d.ts +5 -4
- package/esm/Banners/Alert/Alert.js +30 -23
- package/esm/Banners/BigBertha/BigBertha.d.ts +3 -2
- package/esm/Banners/BigBertha/BigBertha.js +11 -8
- package/esm/Banners/Promote/Promote.d.ts +6 -5
- package/esm/Banners/Promote/Promote.js +37 -28
- package/esm/Button/Button.js +23 -16
- package/esm/Button/Button.tailwind.d.ts +4 -4
- package/esm/Button/Button.tailwind.js +13 -16
- package/esm/Button/ButtonGroup.d.ts +2 -1
- package/esm/Button/ButtonGroup.js +5 -4
- package/esm/Button/IconButton.d.ts +2 -2
- package/esm/Button/IconButton.js +24 -19
- package/esm/Button/styles.d.ts +1 -1
- package/esm/Button/types.d.ts +5 -5
- package/esm/Card/Card.d.ts +3 -3
- package/esm/Card/Card.js +6 -4
- package/esm/Card/Card.tailwind.d.ts +4 -4
- package/esm/Card/Card.tailwind.js +6 -9
- package/esm/Card/components/CardHeader.js +8 -3
- package/esm/Card/components/CardTitle.d.ts +4 -2
- package/esm/Card/components/CardTitle.js +11 -5
- package/esm/Checkbox/Checkbox.d.ts +3 -3
- package/esm/Checkbox/Checkbox.js +35 -26
- package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/esm/Checkbox/Checkbox.tailwind.js +11 -14
- package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +3 -2
- package/esm/ClickAwayContainer/ClickAwayContainer.js +6 -4
- package/esm/DatePicker/DatePicker/DatePicker.d.ts +13 -19
- package/esm/DatePicker/DatePicker/DatePicker.js +92 -59
- package/esm/DatePicker/DatePicker/datePickerReducer.d.ts +2 -2
- package/esm/DatePicker/DatePicker/datePickerReducer.js +2 -2
- package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/esm/DatePicker/DatePicker.tailwind.js +19 -15
- package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts +11 -17
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +105 -67
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +4 -1
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +19 -11
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.d.ts +3 -3
- package/esm/DatePicker/DateRangePicker/dateRangePickerReducer.js +4 -4
- package/esm/DatePicker/components/Calendar.d.ts +6 -2
- package/esm/DatePicker/components/Calendar.js +13 -5
- package/esm/DatePicker/components/Display.d.ts +3 -3
- package/esm/DatePicker/components/Display.js +5 -4
- package/esm/DatePicker/components/Footer.d.ts +2 -2
- package/esm/DatePicker/components/Footer.js +5 -4
- package/esm/DatePicker/components/FooterActions.d.ts +4 -1
- package/esm/DatePicker/components/FooterActions.js +18 -13
- package/esm/DatePicker/components/Modal.d.ts +5 -5
- package/esm/DatePicker/components/Modal.js +19 -12
- package/esm/DatePicker/components/NavBar.d.ts +7 -3
- package/esm/DatePicker/components/NavBar.js +42 -35
- package/esm/DatePicker/components/SidePanel.d.ts +2 -2
- package/esm/DatePicker/components/SidePanel.js +8 -6
- package/esm/DatePicker/types.d.ts +17 -0
- package/esm/{tailwind-types.js → DatePicker/types.js} +0 -0
- package/esm/DatePicker/utils.d.ts +2 -0
- package/esm/DatePicker/utils.js +7 -0
- package/esm/Dropdown/Dropdown.d.ts +8 -8
- package/esm/Dropdown/Dropdown.js +45 -30
- package/esm/Dropdown/DropdownButton.d.ts +4 -3
- package/esm/Dropdown/DropdownButton.js +15 -8
- package/esm/Dropdown/DropdownContext.d.ts +2 -2
- package/esm/Dropdown/DropdownContext.js +2 -2
- package/esm/Dropdown/components/DropdownButtonItem.d.ts +1 -1
- package/esm/Dropdown/components/DropdownButtonItem.js +14 -12
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +4 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +29 -22
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +5 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +6 -4
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +6 -4
- package/esm/Dropdown/components/DropdownDivider.js +2 -2
- package/esm/Dropdown/components/DropdownFooterItem.d.ts +2 -2
- package/esm/Dropdown/components/DropdownFooterItem.js +11 -4
- package/esm/Dropdown/components/DropdownLinkItem.js +14 -11
- package/esm/Dropdown/components/DropdownRadioItem.d.ts +2 -2
- package/esm/Dropdown/components/DropdownRadioItem.js +17 -14
- package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/esm/Dropdown/components/DropdownTitle.js +8 -3
- package/esm/Dropdown/components/DropdownToggleItem.d.ts +3 -3
- package/esm/Dropdown/components/DropdownToggleItem.js +16 -14
- package/esm/Dropdown/useDropdownItemProps.d.ts +3 -3
- package/esm/Dropzone/Dropzone.d.ts +7 -3
- package/esm/Dropzone/Dropzone.js +69 -49
- package/esm/EmptyState/EmptyState.d.ts +1 -1
- package/esm/EmptyState/EmptyState.js +29 -21
- package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/esm/EmptyState/EmptyState.tailwind.js +6 -9
- package/esm/EmptyState/types.d.ts +7 -7
- package/esm/Field/Field.d.ts +4 -3
- package/esm/Field/Field.js +33 -25
- package/esm/Flag/Flag.d.ts +3 -2
- package/esm/Flag/Flag.js +57 -33
- package/esm/Flag/Flag.tailwind.d.ts +4 -4
- package/esm/Flag/Flag.tailwind.js +9 -16
- package/esm/Flag/Flags.d.ts +3 -3
- package/esm/Flag/Flags.js +30 -21
- package/esm/Flag/types.d.ts +8 -4
- package/esm/FlexGrid/FlexGrid.d.ts +2 -1
- package/esm/FlexGrid/FlexGrid.js +13 -8
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/esm/FlexGrid/FlexGrid.tailwind.js +10 -13
- package/esm/HelpUnderline/HelpUnderline.d.ts +2 -1
- package/esm/HelpUnderline/HelpUnderline.js +8 -6
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
- package/esm/Input/Input.d.ts +11 -5
- package/esm/Input/Input.js +131 -109
- package/esm/Input/Input.tailwind.d.ts +4 -4
- package/esm/Input/Input.tailwind.js +14 -17
- package/esm/Insert/Insert.d.ts +3 -2
- package/esm/Insert/Insert.js +28 -21
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
- package/esm/KeyboardKey/KeyboardKey.d.ts +2 -1
- package/esm/KeyboardKey/KeyboardKey.js +9 -6
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
- package/esm/Link/BaseLink.d.ts +3 -3
- package/esm/Link/BaseLink.js +9 -3
- package/esm/Link/ButtonLink.d.ts +1 -1
- package/esm/Link/ButtonLink.js +9 -4
- package/esm/Link/IconButtonLink.d.ts +1 -1
- package/esm/Link/IconButtonLink.js +9 -4
- package/esm/Link/Link.d.ts +5 -5
- package/esm/Link/Link.js +18 -10
- package/esm/Medallion/Medallion.d.ts +2 -2
- package/esm/Medallion/Medallion.js +7 -6
- package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
- package/esm/Medallion/Medallion.tailwind.js +8 -11
- package/esm/Modal/Modal.d.ts +8 -5
- package/esm/Modal/Modal.js +58 -39
- package/esm/Modal/Modal.tailwind.d.ts +4 -4
- package/esm/Modal/Modal.tailwind.js +10 -19
- package/esm/Modal/components/ModalFooter.d.ts +4 -2
- package/esm/Modal/components/ModalFooter.js +16 -9
- package/esm/Modal/components/ModalSection.d.ts +1 -1
- package/esm/Modal/components/ModalSection.js +5 -4
- package/esm/Pagination/CompactPagination/CompactPagination.d.ts +8 -0
- package/esm/Pagination/CompactPagination/CompactPagination.js +61 -37
- package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -1
- package/esm/Pagination/DotPagination/DotPagination.js +33 -16
- package/esm/Pagination/Pagination/Pagination.d.ts +7 -1
- package/esm/Pagination/Pagination/Pagination.js +78 -48
- package/esm/ProgressBar/ProgressBar.d.ts +2 -2
- package/esm/ProgressBar/ProgressBar.js +16 -10
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/esm/ProgressSpinner/ProgressSpinner.d.ts +2 -2
- package/esm/ProgressSpinner/ProgressSpinner.js +18 -10
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
- package/esm/RadioGroup/RadioButton.d.ts +3 -3
- package/esm/RadioGroup/RadioButton.js +9 -3
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
- package/esm/RadioGroup/RadioGroup.d.ts +4 -3
- package/esm/RadioGroup/RadioGroup.js +36 -28
- package/esm/RangeSlider/RangeSlider.d.ts +3 -3
- package/esm/RangeSlider/RangeSlider.js +39 -31
- package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/esm/Satellite/Satellite.d.ts +5 -2
- package/esm/Satellite/Satellite.js +11 -6
- package/esm/Satellite/SatelliteContext.d.ts +3 -1
- package/esm/Satellite/SatelliteContext.js +4 -3
- package/esm/Satellite/SatelliteRouter.d.ts +1 -1
- package/esm/Satellite/index.d.ts +1 -0
- package/esm/Satellite/index.js +1 -0
- package/esm/Satellite/locale.d.ts +27 -0
- package/esm/Satellite/locale.js +8 -0
- package/esm/ScrollIndicator/ScrollIndicator.d.ts +6 -3
- package/esm/ScrollIndicator/ScrollIndicator.js +12 -10
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/esm/Select/Select.d.ts +3 -3
- package/esm/Select/Select.js +8 -3
- package/esm/Select/Select.tailwind.d.ts +5 -5
- package/esm/Select/Select.tailwind.js +5 -8
- package/esm/Sidebar/Sidebar.d.ts +6 -4
- package/esm/Sidebar/Sidebar.js +16 -8
- package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/esm/Sidebar/Sidebar.tailwind.js +6 -9
- package/esm/Sidebar/SidebarContext.d.ts +1 -1
- package/esm/Sidebar/components/SidebarHeader.d.ts +2 -2
- package/esm/Sidebar/components/SidebarHeader.js +11 -5
- package/esm/Sidebar/components/SidebarLink.d.ts +4 -3
- package/esm/Sidebar/components/SidebarLink.js +34 -21
- package/esm/Switch/Switch.d.ts +3 -3
- package/esm/Switch/Switch.js +16 -12
- package/esm/Switch/Switch.tailwind.d.ts +5 -5
- package/esm/Switch/Switch.tailwind.js +7 -8
- package/esm/Switch/SwitchOption.d.ts +2 -1
- package/esm/Switch/SwitchOption.js +25 -16
- package/esm/Tables/DataTable/DataTable.d.ts +15 -5
- package/esm/Tables/DataTable/DataTable.js +77 -54
- package/esm/Tables/DataTable/DataTable.tailwind.d.ts +4 -4
- package/esm/Tables/DataTable/DataTable.tailwind.js +4 -7
- package/esm/Tables/DataTable/components/Body.d.ts +7 -6
- package/esm/Tables/DataTable/components/Body.js +60 -45
- package/esm/Tables/DataTable/components/Footer.d.ts +1 -1
- package/esm/Tables/DataTable/components/Footer.js +5 -5
- package/esm/Tables/DataTable/components/Header.js +22 -18
- package/esm/Tables/DataTable/components/HeaderCell.d.ts +3 -3
- package/esm/Tables/DataTable/components/HeaderCell.js +20 -13
- package/esm/Tables/DataTable/components/Loader.d.ts +3 -1
- package/esm/Tables/DataTable/components/Loader.js +18 -14
- package/esm/Tables/DataTable/types.d.ts +3 -3
- package/esm/Tables/DataTable/utils.d.ts +1 -1
- package/esm/Tables/Table/Table.d.ts +3 -3
- package/esm/Tables/Table/Table.js +20 -11
- package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
- package/esm/Tables/Table/Table.tailwind.js +4 -7
- package/esm/Tables/Table/components/Footer.d.ts +2 -2
- package/esm/Tables/Table/components/Footer.js +5 -4
- package/esm/Tabs/ContentTabs.d.ts +1 -1
- package/esm/Tabs/ContentTabs.js +38 -31
- package/esm/Tabs/LinkTabs.d.ts +1 -1
- package/esm/Tabs/LinkTabs.js +14 -14
- package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
- package/esm/Tabs/Tabs.tailwind.js +6 -9
- package/esm/Tabs/components/LinkTab.d.ts +3 -3
- package/esm/Tabs/components/LinkTab.js +18 -11
- package/esm/Tabs/types.d.ts +6 -6
- package/esm/Tabs/utils.d.ts +1 -1
- package/esm/Tag/Tag.d.ts +8 -4
- package/esm/Tag/Tag.js +36 -19
- package/esm/Tag/Tag.tailwind.d.ts +4 -4
- package/esm/Tag/Tag.tailwind.js +7 -10
- package/esm/TextArea/TextArea.d.ts +3 -3
- package/esm/TextArea/TextArea.js +9 -3
- package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
- package/esm/TextArea/TextArea.tailwind.js +6 -9
- package/esm/TextWrap/TextWrap.js +22 -17
- package/esm/Toggle/Toggle.d.ts +3 -3
- package/esm/Toggle/Toggle.js +25 -16
- package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
- package/esm/Toggle/Toggle.tailwind.js +19 -22
- package/esm/Tooltip/OverflowTooltipWrapper.d.ts +3 -2
- package/esm/Tooltip/OverflowTooltipWrapper.js +35 -19
- package/esm/Tooltip/Tooltip.d.ts +3 -3
- package/esm/Tooltip/Tooltip.js +8 -3
- package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/esm/Tooltip/Tooltip.tailwind.js +20 -19
- package/esm/Tooltip/TooltipWrapper.d.ts +4 -3
- package/esm/Tooltip/TooltipWrapper.js +48 -33
- package/esm/Tooltip/types.d.ts +4 -2
- package/esm/Typography/Typography.tailwind.d.ts +5 -17
- package/esm/Typography/Typography.tailwind.js +126 -136
- package/esm/UserContent/UserContent.js +2 -2
- package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
- package/esm/UserContent/UserContent.tailwind.js +14 -14
- package/esm/styles/base.tailwind.d.ts +4 -4
- package/esm/styles/base.tailwind.js +4 -7
- package/esm/styles/tailwind.config.d.ts +2 -198
- package/esm/styles/tailwind.config.js +29 -32
- package/esm/types.d.ts +10 -3
- package/esm/utilities/utilities.tailwind.d.ts +4 -1
- package/esm/utilities/utilities.tailwind.js +4 -6
- package/esm/utils/genericChangeHandler.d.ts +3 -3
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/isRenderedChild.d.ts +2 -2
- package/esm/utils/pluralize.js +6 -1
- package/esm/utils/useForwardedRef.d.ts +2 -2
- package/esm/utils/useForwardedRef.js +1 -1
- package/esm/utils/useLinkProps.d.ts +2 -2
- package/esm/utils/useTriggerInputChange.d.ts +2 -2
- package/package.json +11 -14
- package/satellite.min.css +2 -4
- package/scss/colors.scss +1 -0
- package/cjs/tailwind-types.d.ts +0 -52
- package/esm/tailwind-types.d.ts +0 -52
- package/satellite.css +0 -196852
@@ -9,30 +9,37 @@ exports["default"] = void 0;
|
|
9
9
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
11
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
12
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
15
13
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
15
|
+
|
16
16
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
17
17
|
|
18
|
-
var metadataSpacer = /*#__PURE__*/
|
19
|
-
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["px-1"])))
|
20
|
-
|
18
|
+
var metadataSpacer = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
19
|
+
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["px-1"]))),
|
20
|
+
children: "\xB7"
|
21
|
+
});
|
21
22
|
|
22
23
|
var DefaultOptionItem = function DefaultOptionItem(_ref) {
|
24
|
+
var _locale$optionItemPre;
|
25
|
+
|
23
26
|
var option = _ref.option,
|
24
|
-
multiple = _ref.multiple
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
27
|
+
multiple = _ref.multiple,
|
28
|
+
locale = _ref.locale;
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
30
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate py-2"]))),
|
31
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
32
|
+
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["font-semibold text-md text-grey-900"]))),
|
33
|
+
children: option["new"] ? "".concat(locale === null || locale === void 0 ? void 0 : (_locale$optionItemPre = locale.optionItemPrefix) === null || _locale$optionItemPre === void 0 ? void 0 : _locale$optionItemPre.call(locale, multiple), " ").concat(option.label) : option.label
|
34
|
+
}), option.metadata && option.metadata.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
35
|
+
className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex text-grey-600"]))),
|
36
|
+
children: option.metadata.map(function (metadata, idx) {
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
|
38
|
+
children: [metadata, idx !== option.metadata.length - 1 && metadataSpacer]
|
39
|
+
}, metadata);
|
40
|
+
})
|
41
|
+
})]
|
42
|
+
});
|
36
43
|
};
|
37
44
|
|
38
45
|
var _default = DefaultOptionItem;
|
@@ -1,7 +1,14 @@
|
|
1
|
-
|
2
|
-
import { IconComponentType } from "../types";
|
1
|
+
import type { ComponentType, FocusEventHandler, ReactNode } from "react";
|
2
|
+
import type { IconComponentType } from "../types";
|
3
3
|
export declare type AutoCompleteVariant = "medium" | "large";
|
4
|
-
export
|
4
|
+
export declare type AutoCompleteLocale = {
|
5
|
+
emptyStateTitle?: string;
|
6
|
+
clearInputButton?: string;
|
7
|
+
itemsAvailable?: (resultCount: number) => string;
|
8
|
+
showMoreButton?: (extraResults: number) => string;
|
9
|
+
optionItemPrefix?: (multiple: boolean) => string;
|
10
|
+
};
|
11
|
+
export interface AutoCompleteBaseProps<T extends Option = Option> {
|
5
12
|
id?: string;
|
6
13
|
icon?: IconComponentType;
|
7
14
|
name?: string;
|
@@ -12,42 +19,43 @@ export interface AutoCompleteBaseProps {
|
|
12
19
|
placeholder?: string;
|
13
20
|
disabled?: boolean;
|
14
21
|
autoFocus?: boolean;
|
15
|
-
options?:
|
22
|
+
options?: T[];
|
16
23
|
inputValue?: string;
|
17
24
|
onTextChange?: (text: string) => any;
|
18
|
-
onFocus?:
|
19
|
-
onBlur?:
|
25
|
+
onFocus?: FocusEventHandler<HTMLInputElement>;
|
26
|
+
onBlur?: FocusEventHandler<HTMLInputElement>;
|
20
27
|
creatable?: boolean;
|
21
28
|
clearable?: boolean;
|
22
29
|
selectOnBlur?: boolean;
|
23
30
|
maxResults?: number;
|
24
|
-
createFromInputValue?: CreateFromInputValue
|
31
|
+
createFromInputValue?: CreateFromInputValue<T>;
|
25
32
|
separatorKeyCodes?: number[];
|
26
33
|
separatorKeys?: string[];
|
27
|
-
renderValueTemplate?: (args: RenderValueTemplateArgs) => JSX.Element;
|
28
|
-
emptyState?:
|
29
|
-
menuFooter?:
|
30
|
-
optionItemComponent?: OptionItemComponentType
|
34
|
+
renderValueTemplate?: (args: RenderValueTemplateArgs<T>) => JSX.Element;
|
35
|
+
emptyState?: ReactNode;
|
36
|
+
menuFooter?: ReactNode;
|
37
|
+
optionItemComponent?: OptionItemComponentType<T>;
|
31
38
|
/** Keep the input on a single line */
|
32
39
|
noWrap?: boolean;
|
33
|
-
endItem?:
|
40
|
+
endItem?: ReactNode;
|
34
41
|
/**
|
35
42
|
* `medium` will display about 5 results in the dropdown; use `large` variant to display more
|
36
43
|
* @default "medium"
|
37
44
|
*/
|
38
45
|
menuSize?: "medium" | "large";
|
46
|
+
locale?: AutoCompleteLocale;
|
39
47
|
}
|
40
|
-
export interface AutoCompleteSingleProps extends AutoCompleteBaseProps {
|
48
|
+
export interface AutoCompleteSingleProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
|
41
49
|
multiple?: false;
|
42
|
-
value?:
|
43
|
-
onChange: (option:
|
50
|
+
value?: T;
|
51
|
+
onChange: (option: T | null) => void;
|
44
52
|
}
|
45
|
-
export interface AutoCompleteMultiProps extends AutoCompleteBaseProps {
|
53
|
+
export interface AutoCompleteMultiProps<T extends Option = Option> extends AutoCompleteBaseProps<T> {
|
46
54
|
multiple: true;
|
47
|
-
value?:
|
48
|
-
onChange: (option:
|
55
|
+
value?: T[];
|
56
|
+
onChange: (option: T[] | null) => void;
|
49
57
|
}
|
50
|
-
export declare type AutoCompleteProps = AutoCompleteMultiProps | AutoCompleteSingleProps
|
58
|
+
export declare type AutoCompleteProps<T extends Option = Option> = AutoCompleteMultiProps<T> | AutoCompleteSingleProps<T>;
|
51
59
|
declare type OptionsValue = string | number | boolean;
|
52
60
|
export interface Option {
|
53
61
|
value: OptionsValue;
|
@@ -57,22 +65,22 @@ export interface Option {
|
|
57
65
|
disabled?: boolean;
|
58
66
|
bypassNeedleMatch?: boolean;
|
59
67
|
}
|
60
|
-
export interface OptionItemProps {
|
61
|
-
option:
|
68
|
+
export interface OptionItemProps<T extends Option = Option> {
|
69
|
+
option: T;
|
62
70
|
multiple: boolean;
|
63
71
|
inputValue: string;
|
64
72
|
highlighted: boolean;
|
65
73
|
}
|
66
|
-
export declare type OptionItemComponentType =
|
74
|
+
export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<OptionItemProps<T>>;
|
67
75
|
export interface OptionRendererParams {
|
68
76
|
multiple: boolean;
|
69
77
|
inputValue: string;
|
70
78
|
highlighted: boolean;
|
71
79
|
}
|
72
|
-
export interface RenderValueTemplateArgs {
|
73
|
-
option:
|
80
|
+
export interface RenderValueTemplateArgs<T extends Option = Option> {
|
81
|
+
option: T;
|
74
82
|
key: string;
|
75
83
|
editable: boolean;
|
76
84
|
}
|
77
|
-
export declare type CreateFromInputValue = (options:
|
85
|
+
export declare type CreateFromInputValue<T extends Option = Option> = (options: T[] | undefined, inputValue: string) => Option[];
|
78
86
|
export {};
|
@@ -1,4 +1,5 @@
|
|
1
|
-
import {
|
2
|
-
export declare function isAutoCompleteMultiProps(props: AutoCompleteProps): props is AutoCompleteMultiProps
|
3
|
-
export declare const defaultCreateFromInputValue:
|
4
|
-
export declare const caseInsensitiveCreateFromInputValue:
|
1
|
+
import type { AutoCompleteLocale, AutoCompleteMultiProps, AutoCompleteProps, Option } from "./types";
|
2
|
+
export declare function isAutoCompleteMultiProps<T extends Option = Option>(props: AutoCompleteProps<T>): props is AutoCompleteMultiProps<T>;
|
3
|
+
export declare const defaultCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
|
4
|
+
export declare const caseInsensitiveCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
|
5
|
+
export declare const DEFAULT_AUTOCOMPLETE_LOCALE: Required<AutoCompleteLocale>;
|
@@ -1,11 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
6
|
-
exports.defaultCreateFromInputValue = exports.caseInsensitiveCreateFromInputValue = void 0;
|
8
|
+
exports.defaultCreateFromInputValue = exports.caseInsensitiveCreateFromInputValue = exports.DEFAULT_AUTOCOMPLETE_LOCALE = void 0;
|
7
9
|
exports.isAutoCompleteMultiProps = isAutoCompleteMultiProps;
|
8
10
|
|
11
|
+
var _pluralize = _interopRequireDefault(require("../utils/pluralize"));
|
12
|
+
|
9
13
|
function isAutoCompleteMultiProps(props) {
|
10
14
|
return Boolean(props.multiple);
|
11
15
|
}
|
@@ -37,4 +41,20 @@ var caseInsensitiveCreateFromInputValue = function caseInsensitiveCreateFromInpu
|
|
37
41
|
});
|
38
42
|
};
|
39
43
|
|
40
|
-
exports.caseInsensitiveCreateFromInputValue = caseInsensitiveCreateFromInputValue;
|
44
|
+
exports.caseInsensitiveCreateFromInputValue = caseInsensitiveCreateFromInputValue;
|
45
|
+
var DEFAULT_AUTOCOMPLETE_LOCALE = {
|
46
|
+
clearInputButton: "Clear input value",
|
47
|
+
emptyStateTitle: "No matches found",
|
48
|
+
itemsAvailable: function itemsAvailable(count) {
|
49
|
+
return "".concat((0, _pluralize["default"])(count, "item is", {
|
50
|
+
plural: "items are"
|
51
|
+
}), " available");
|
52
|
+
},
|
53
|
+
optionItemPrefix: function optionItemPrefix(multiple) {
|
54
|
+
return multiple ? "Add" : "Use";
|
55
|
+
},
|
56
|
+
showMoreButton: function showMoreButton(extraResults) {
|
57
|
+
return "Show ".concat((0, _pluralize["default"])(extraResults, "result"), " more");
|
58
|
+
}
|
59
|
+
};
|
60
|
+
exports.DEFAULT_AUTOCOMPLETE_LOCALE = DEFAULT_AUTOCOMPLETE_LOCALE;
|
@@ -9,14 +9,14 @@ exports["default"] = exports.ApplicationAvatar = void 0;
|
|
9
9
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
11
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
15
13
|
|
16
14
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
17
15
|
|
18
16
|
var _utils = require("./utils");
|
19
17
|
|
18
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
19
|
+
|
20
20
|
var _templateObject, _templateObject2, _templateObject3;
|
21
21
|
|
22
22
|
var SIZE_CLASSNAMES = {
|
@@ -30,12 +30,13 @@ var ApplicationAvatar = function ApplicationAvatar(_ref) {
|
|
30
30
|
application = _ref.application,
|
31
31
|
_ref$size = _ref.size,
|
32
32
|
size = _ref$size === void 0 ? "medium" : _ref$size;
|
33
|
-
return /*#__PURE__*/
|
34
|
-
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["rounded inline-flex
|
33
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
34
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["rounded inline-flex shrink-0 items-center justify-center uppercase"]))), (0, _utils.pickApplicationColors)(application.applicationId), SIZE_CLASSNAMES[size], className),
|
35
35
|
style: size === "small" ? {
|
36
36
|
fontSize: "8px"
|
37
|
-
} : {}
|
38
|
-
|
37
|
+
} : {},
|
38
|
+
children: (0, _utils.getApplicationInitials)(application)
|
39
|
+
});
|
39
40
|
};
|
40
41
|
|
41
42
|
exports.ApplicationAvatar = ApplicationAvatar;
|
@@ -2,8 +2,6 @@
|
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
4
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
6
|
-
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
8
6
|
value: true
|
9
7
|
});
|
@@ -13,19 +11,17 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
13
11
|
|
14
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
15
13
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
17
|
-
|
18
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
19
15
|
|
16
|
+
var _react = require("react");
|
17
|
+
|
20
18
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
21
19
|
|
22
20
|
var _utils = require("./utils");
|
23
21
|
|
24
|
-
var
|
25
|
-
|
26
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
22
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
27
23
|
|
28
|
-
|
24
|
+
var _templateObject, _templateObject2, _templateObject3;
|
29
25
|
|
30
26
|
/** The `UserAvatar` is used as a visual representation of a user. */
|
31
27
|
var UserAvatar = function UserAvatar(_ref) {
|
@@ -45,23 +41,26 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
45
41
|
(0, _react.useEffect)(function () {
|
46
42
|
return setImageLoaded(false);
|
47
43
|
}, [user.avatar]);
|
48
|
-
return /*#__PURE__*/
|
44
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
49
45
|
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["relative overflow-hidden flex justify-center items-center rounded-full text-white uppercase transition-colors"]))), imageLoaded ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-white"]))) : (0, _utils.getUserBackgroundClassName)((_user$email = user.email) !== null && _user$email !== void 0 ? _user$email : "no-email"), className),
|
50
46
|
style: {
|
51
47
|
width: size,
|
52
48
|
height: size
|
53
|
-
}
|
54
|
-
}, /*#__PURE__*/_react["default"].createElement("span", null, initials), /*#__PURE__*/_react["default"].createElement("img", {
|
55
|
-
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n w-full absolute top-0 left-0\n transition-opacity ", "\n "])), imageLoaded ? "opacity-100" : "opacity-0"),
|
56
|
-
src: user.avatar,
|
57
|
-
alt: imageLoaded ? "".concat(user.name || user.email, "'s avatar") : "",
|
58
|
-
onLoad: function onLoad() {
|
59
|
-
return setImageLoaded(true);
|
60
49
|
},
|
61
|
-
|
62
|
-
|
63
|
-
}
|
64
|
-
|
50
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
51
|
+
children: initials
|
52
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
53
|
+
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n w-full absolute top-0 left-0\n transition-opacity ", "\n "])), imageLoaded ? "opacity-100" : "opacity-0"),
|
54
|
+
src: user.avatar,
|
55
|
+
alt: imageLoaded ? "".concat(user.name || user.email, "'s avatar") : "",
|
56
|
+
onLoad: function onLoad() {
|
57
|
+
return setImageLoaded(true);
|
58
|
+
},
|
59
|
+
onError: function onError() {
|
60
|
+
return setImageLoaded(false);
|
61
|
+
}
|
62
|
+
})]
|
63
|
+
});
|
65
64
|
};
|
66
65
|
|
67
66
|
exports.UserAvatar = UserAvatar;
|
package/cjs/Avatars/utils.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { MinimalApplication, MinimalUser } from "./types";
|
1
|
+
import type { MinimalApplication, MinimalUser } from "./types";
|
2
2
|
export declare const pickApplicationColors: (applicationId: string) => string;
|
3
3
|
export declare const getApplicationIdInitial: (applicationId: string) => string;
|
4
4
|
export declare const getApplicationInitials: ({ name, applicationId }: MinimalApplication) => string;
|
package/cjs/Badge/Badge.d.ts
CHANGED
@@ -1,17 +1,17 @@
|
|
1
|
-
import
|
2
|
-
import { AtLeastOne, ColorVariant, IconComponentType } from "../types";
|
1
|
+
import type { FunctionComponent, HTMLAttributes, ReactNode } from "react";
|
2
|
+
import type { AtLeastOne, ColorVariant, IconComponentType } from "../types";
|
3
3
|
export declare type BadgeSizes = "default" | "small";
|
4
4
|
export declare type BadgeVariants = ColorVariant | "pink";
|
5
|
-
interface BaseBadgeProps extends
|
5
|
+
interface BaseBadgeProps extends HTMLAttributes<HTMLDivElement> {
|
6
6
|
/** @default grey */
|
7
7
|
variant?: BadgeVariants;
|
8
8
|
/** @default default */
|
9
9
|
size?: BadgeSizes;
|
10
10
|
}
|
11
11
|
declare type BadgeContentProps = {
|
12
|
-
children:
|
12
|
+
children: ReactNode;
|
13
13
|
/** An additional value to accompany the `Badge` */
|
14
|
-
value:
|
14
|
+
value: ReactNode;
|
15
15
|
/** Left aligned icon */
|
16
16
|
icon: IconComponentType;
|
17
17
|
};
|
package/cjs/Badge/Badge.js
CHANGED
@@ -7,22 +7,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
});
|
8
8
|
exports["default"] = exports.Badge = void 0;
|
9
9
|
|
10
|
-
var
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11
11
|
|
12
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
13
13
|
|
14
14
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
15
15
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
17
|
-
|
18
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
19
17
|
|
20
18
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
21
19
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
+
|
22
22
|
var _excluded = ["children", "value", "icon", "variant", "size", "className"];
|
23
23
|
|
24
24
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
25
25
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
27
|
+
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
29
|
+
|
26
30
|
var BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n inline-flex items-center justify-center\n rounded-full border\n overflow-hidden\n"])));
|
27
31
|
var VARIANT_CLASSNAMES = {
|
28
32
|
grey: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 border-grey-200 text-grey-700"]))),
|
@@ -73,15 +77,20 @@ var Badge = function Badge(_ref) {
|
|
73
77
|
className = _ref.className,
|
74
78
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
75
79
|
var badgeClassName = (0, _classnames["default"])(BASE_CLASSNAMES, VARIANT_CLASSNAMES[variant], SIZE_CLASSNAMES[size], className);
|
76
|
-
return /*#__PURE__*/
|
77
|
-
className: badgeClassName
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
80
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, props), {}, {
|
81
|
+
className: badgeClassName,
|
82
|
+
children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
83
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
84
|
+
size: ".8em"
|
85
|
+
})
|
86
|
+
}), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
87
|
+
className: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
|
88
|
+
children: children
|
89
|
+
}), value && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
90
|
+
className: VALUE_VARIANT_CLASSNAMES[variant],
|
91
|
+
children: value
|
92
|
+
})]
|
93
|
+
}));
|
85
94
|
};
|
86
95
|
|
87
96
|
exports.Badge = Badge;
|
package/cjs/Banner/Banner.d.ts
CHANGED
@@ -1,15 +1,16 @@
|
|
1
|
-
import
|
2
|
-
import { ColorVariant, IconComponentType } from "../types";
|
1
|
+
import type { CSSProperties, FunctionComponent, ReactNode } from "react";
|
2
|
+
import type { ColorVariant, IconComponentType } from "../types";
|
3
3
|
export declare type BannerContextType = "page" | "section" | "content" | "inline";
|
4
4
|
export interface BannerPropsBase {
|
5
5
|
/** @ignore */
|
6
6
|
className?: string;
|
7
7
|
/** @ignore */
|
8
|
-
style?:
|
8
|
+
style?: CSSProperties;
|
9
9
|
/** @default grey */
|
10
10
|
variant?: ColorVariant;
|
11
11
|
icon?: boolean | IconComponentType;
|
12
12
|
onDismiss?(): void;
|
13
|
+
children: ReactNode;
|
13
14
|
}
|
14
15
|
export interface BannerPageProps extends BannerPropsBase {
|
15
16
|
/**
|
@@ -25,7 +26,7 @@ export interface BannerDefaultProps extends BannerPropsBase {
|
|
25
26
|
*/
|
26
27
|
usageContext?: "inline" | "content" | "section";
|
27
28
|
/** Descriptive title for the `Banner` */
|
28
|
-
title?:
|
29
|
+
title?: ReactNode;
|
29
30
|
}
|
30
31
|
export declare type BannerProps = BannerPageProps | BannerDefaultProps;
|
31
32
|
/** @deprecated use the new `Alert` component instead */
|
package/cjs/Banner/Banner.js
CHANGED
@@ -9,8 +9,6 @@ exports["default"] = exports.Banner = void 0;
|
|
9
9
|
|
10
10
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
11
11
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
13
|
-
|
14
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
15
13
|
|
16
14
|
var _reactFeather = require("react-feather");
|
@@ -19,6 +17,8 @@ var _Button = require("../Button");
|
|
19
17
|
|
20
18
|
var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
|
21
19
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
21
|
+
|
22
22
|
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, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
|
23
23
|
|
24
24
|
function isBannerDefaultProps(props) {
|
@@ -140,30 +140,35 @@ var Banner = function Banner(props) {
|
|
140
140
|
var icon = props.icon === undefined ? usageContext !== "page" : props.icon;
|
141
141
|
var Icon = typeof icon === "boolean" && icon ? ICON_VARIANTS[variant] : icon;
|
142
142
|
var subduedContent = Boolean(isBannerDefaultProps(props) && usageContext === "section" && props.title);
|
143
|
-
return /*#__PURE__*/
|
143
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
144
144
|
className: containerClassName,
|
145
|
-
style: style
|
146
|
-
|
147
|
-
|
148
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
145
|
+
style: style,
|
146
|
+
children: [Icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
147
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2["default"])(["\n shrink-0\n ", "\n ", "\n "])), usageContext !== "inline" ? "mr-4" : "mr-2", isBannerDefaultProps(props) && props.title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
|
148
|
+
size: "1rem"
|
149
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
150
|
+
className: (0, _satellitePrefixer["default"])(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2["default"])(["flex flex-1 flex-col ", ""])), onDismiss && "mr-2"),
|
151
|
+
children: [isBannerDefaultProps(props) && props.title && /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
|
152
|
+
className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-1"]))), TITLE_CLASSNAME_VARIANTS[variant]),
|
153
|
+
children: props.title
|
154
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
155
|
+
className: (0, _satellitePrefixer["default"])(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2["default"])(["", " ", ""])), usageContext === "page" && "text-center", subduedContent && "text-grey-600"),
|
156
|
+
children: children
|
157
|
+
})]
|
158
|
+
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
159
|
+
className: (0, _satellitePrefixer["default"])(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
|
160
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
|
161
|
+
title: "Close",
|
162
|
+
variant: "subtle",
|
163
|
+
size: "small",
|
164
|
+
icon: _reactFeather.X,
|
165
|
+
onClick: function onClick(evt) {
|
166
|
+
evt.stopPropagation();
|
167
|
+
onDismiss();
|
168
|
+
}
|
169
|
+
})
|
170
|
+
})]
|
171
|
+
});
|
167
172
|
};
|
168
173
|
|
169
174
|
exports.Banner = Banner;
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import
|
2
|
-
import { ColorVariant, IconComponentType } from "../../types";
|
1
|
+
import type { CSSProperties, FunctionComponent, ReactNode } from "react";
|
2
|
+
import type { ColorVariant, IconComponentType } from "../../types";
|
3
3
|
export declare type AlertContextType = "page" | "section";
|
4
4
|
export declare type AlertColorVariant = Exclude<ColorVariant, "blue">;
|
5
5
|
export interface AlertProps {
|
6
6
|
/** @ignore */
|
7
7
|
className?: string;
|
8
8
|
/** @ignore */
|
9
|
-
style?:
|
9
|
+
style?: CSSProperties;
|
10
10
|
/** Descriptive title for `Alert` */
|
11
|
-
title?:
|
11
|
+
title?: ReactNode;
|
12
12
|
/** @default grey */
|
13
13
|
variant?: AlertColorVariant;
|
14
14
|
/**
|
@@ -18,6 +18,7 @@ export interface AlertProps {
|
|
18
18
|
usageContext?: AlertContextType;
|
19
19
|
icon?: IconComponentType;
|
20
20
|
onDismiss?(): void;
|
21
|
+
children: ReactNode;
|
21
22
|
}
|
22
23
|
/**
|
23
24
|
* Alerts inform users about important changes or temporally conditions. Use this component if you need to communicate something to users in a prominent way.
|