@algolia/satellite 2.0.0-rc.1 → 2.0.0-rc.3
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/dist/cjs/Actions/Button/PolymorphicIconButton.d.ts +1 -1
- package/dist/cjs/Actions/{Switch/Switch.d.ts → SegmentedControl/SegmentedControl.d.ts} +6 -6
- package/dist/cjs/Actions/{Switch/Switch.js → SegmentedControl/SegmentedControl.js} +6 -6
- package/dist/cjs/{Fields/Toggle/Toggle.tailwind.d.ts → Actions/SegmentedControl/SegmentedControl.tailwind.d.ts} +2 -2
- package/dist/cjs/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js} +4 -4
- package/dist/cjs/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts} +2 -2
- package/dist/cjs/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js} +2 -2
- package/dist/cjs/Actions/SegmentedControl/index.d.ts +2 -0
- package/dist/cjs/Actions/SegmentedControl/index.js +27 -0
- package/dist/cjs/Actions/SegmentedControl/types.d.ts +7 -0
- package/dist/cjs/Actions/{Switch → SegmentedControl}/utils.d.ts +2 -2
- package/dist/cjs/Actions/{Switch → SegmentedControl}/utils.js +4 -4
- package/dist/cjs/Actions/index.d.ts +1 -1
- package/dist/cjs/Actions/index.js +4 -4
- package/dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts +4 -2
- package/dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.js +7 -8
- package/dist/cjs/Avatars/UserAvatar/UserAvatar.d.ts +7 -4
- package/dist/cjs/Avatars/UserAvatar/UserAvatar.js +14 -8
- package/dist/cjs/Avatars/types.d.ts +3 -2
- package/dist/cjs/Avatars/types.js +6 -2
- package/dist/cjs/Fields/AutoComplete/AutoComplete.js +6 -5
- package/dist/cjs/Fields/DateInput/DateInput.js +2 -1
- package/dist/cjs/Fields/DatePicker/DatePicker/DatePicker.js +2 -1
- package/dist/cjs/Fields/DatePicker/DateRangePicker/DateRangePicker.js +5 -3
- package/dist/cjs/Fields/DatePicker/components/Popover.d.ts +2 -1
- package/dist/cjs/Fields/DatePicker/components/Popover.js +4 -7
- package/dist/cjs/Fields/DatePicker/types.d.ts +5 -2
- package/dist/cjs/Fields/Dropzone/Dropzone.d.ts +13 -2
- package/dist/cjs/Fields/Dropzone/Dropzone.js +78 -30
- package/dist/cjs/Fields/Field/Field.js +62 -46
- package/dist/cjs/Fields/FilePicker/FilePicker.d.ts +16 -0
- package/dist/cjs/Fields/FilePicker/FilePicker.js +141 -0
- package/dist/cjs/Fields/FilePicker/index.d.ts +1 -0
- package/dist/cjs/Fields/FilePicker/index.js +16 -0
- package/dist/cjs/Fields/Form/Form.d.ts +3 -0
- package/dist/cjs/Fields/Form/Form.js +7 -2
- package/dist/cjs/Fields/Form/FormContext.d.ts +3 -0
- package/dist/cjs/Fields/Form/index.d.ts +1 -1
- package/dist/cjs/Fields/Form/stories/Complex.js +3 -7
- package/dist/cjs/Fields/Form/stories/InlineFields.js +62 -0
- package/dist/cjs/Fields/Form/stories/JSONForms.js +2 -2
- package/dist/cjs/Fields/{Toggle/Toggle.d.ts → Switch/Switch.d.ts} +4 -4
- package/dist/cjs/Fields/{Toggle/Toggle.js → Switch/Switch.js} +8 -8
- package/dist/cjs/Fields/{Toggle/Toggle.tailwind.js → Switch/Switch.tailwind.js} +14 -14
- package/dist/cjs/Fields/Switch/index.d.ts +1 -0
- package/dist/cjs/Fields/{Toggle → Switch}/index.js +4 -4
- package/dist/cjs/Fields/index.d.ts +2 -1
- package/dist/cjs/Fields/index.js +15 -4
- package/dist/cjs/Helpers/HelpUnderline/HelpUnderline.d.ts +1 -1
- package/dist/cjs/Indicators/AnnouncementBadge/AnnouncementBadge.d.ts +11 -2
- package/dist/cjs/Indicators/Badge/Badge.d.ts +13 -2
- package/dist/cjs/Indicators/Banners/Alert/Alert.d.ts +25 -8
- package/dist/cjs/Indicators/Banners/Promote/Promote.d.ts +30 -4
- package/dist/cjs/Indicators/Banners/SystemNotification/SystemNotification.d.ts +6 -0
- package/dist/cjs/Indicators/EmptyState/types.d.ts +21 -9
- package/dist/cjs/Indicators/KeyboardKey/KeyboardKey.d.ts +3 -0
- package/dist/cjs/Indicators/ProgressBar/ProgressBar.d.ts +9 -3
- package/dist/cjs/Indicators/ProgressSpinner/ProgressSpinner.d.ts +9 -0
- package/dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.d.ts +12 -0
- package/dist/cjs/Indicators/Skeleton/Skeleton.d.ts +12 -0
- package/dist/cjs/Indicators/Tag/Tag.d.ts +19 -5
- package/dist/cjs/Layout/Card/Card.d.ts +6 -0
- package/dist/cjs/Layout/FlexGrid/FlexGrid.d.ts +18 -4
- package/dist/cjs/Layout/Insert/Insert.d.ts +9 -1
- package/dist/cjs/Layout/Sidebar/Sidebar.d.ts +14 -2
- package/dist/cjs/Layout/Sidebar/SidebarButtonLink.d.ts +18 -0
- package/dist/cjs/Layout/Sidebar/SidebarHeading.d.ts +6 -0
- package/dist/cjs/Layout/Sidebar/SidebarLink.d.ts +12 -0
- package/dist/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +18 -0
- package/dist/cjs/Layout/Sidebar/SidebarNav.d.ts +12 -0
- package/dist/cjs/Layout/Tables/DataTable/DataTable.d.ts +16 -1
- package/dist/cjs/Layout/Tables/DataTable/components/Body.d.ts +8 -0
- package/dist/cjs/Layout/Tables/DataTable/components/Footer.d.ts +2 -0
- package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts +4 -0
- package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts +6 -0
- package/dist/cjs/Layout/Tables/DataTable/components/Loader.d.ts +1 -0
- package/dist/cjs/Layout/Tables/Table/Table.d.ts +15 -0
- package/dist/cjs/Layout/Tables/Table/components/TableFooter.d.ts +3 -0
- package/dist/cjs/Navigation/Link/Link.d.ts +18 -0
- package/dist/cjs/Navigation/Pagination/CompactPagination/CompactPagination.d.ts +24 -1
- package/dist/cjs/Navigation/Pagination/DotPagination/DotPagination.d.ts +15 -1
- package/dist/cjs/Navigation/Pagination/Pagination/Pagination.d.ts +15 -0
- package/dist/cjs/Navigation/Tabs/types.d.ts +21 -0
- package/dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.js +1 -46
- package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -1
- package/dist/{esm/Overlay/Tooltip → cjs/Overlay/OverflowTooltipWrapper}/OverflowTooltipWrapper.d.ts +1 -1
- package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/OverflowTooltipWrapper.js +1 -1
- package/dist/cjs/Overlay/OverflowTooltipWrapper/index.d.ts +1 -0
- package/dist/cjs/Overlay/OverflowTooltipWrapper/index.js +16 -0
- package/dist/cjs/Overlay/Tooltip/index.d.ts +0 -2
- package/dist/cjs/Overlay/Tooltip/index.js +0 -22
- package/dist/cjs/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.js +1 -1
- package/dist/cjs/Overlay/TooltipWrapper/index.d.ts +1 -0
- package/dist/cjs/Overlay/TooltipWrapper/index.js +16 -0
- package/dist/{esm/Overlay/Tooltip → cjs/Overlay/TooltipWrapper}/types.d.ts +1 -1
- package/dist/cjs/Overlay/TooltipWrapper/types.js +5 -0
- package/dist/cjs/Overlay/index.d.ts +2 -1
- package/dist/cjs/Overlay/index.js +22 -11
- package/dist/cjs/Satellite/locale.d.ts +3 -2
- package/dist/cjs/styles/tailwind.config.js +1 -1
- package/dist/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/dist/esm/Actions/Button/PolymorphicIconButton.d.ts +1 -1
- package/dist/esm/Actions/{Switch/Switch.d.ts → SegmentedControl/SegmentedControl.d.ts} +6 -6
- package/dist/esm/Actions/{Switch/Switch.js → SegmentedControl/SegmentedControl.js} +5 -5
- package/dist/esm/{Fields/Toggle/Toggle.tailwind.d.ts → Actions/SegmentedControl/SegmentedControl.tailwind.d.ts} +2 -2
- package/dist/esm/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js} +4 -4
- package/dist/esm/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts} +2 -2
- package/dist/esm/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js} +1 -1
- package/dist/esm/Actions/SegmentedControl/index.d.ts +2 -0
- package/dist/esm/Actions/SegmentedControl/index.js +2 -0
- package/dist/esm/Actions/SegmentedControl/types.d.ts +7 -0
- package/dist/esm/Actions/{Switch → SegmentedControl}/utils.d.ts +2 -2
- package/dist/esm/Actions/{Switch → SegmentedControl}/utils.js +3 -3
- package/dist/esm/Actions/index.d.ts +1 -1
- package/dist/esm/Actions/index.js +1 -1
- package/dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts +4 -2
- package/dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.js +7 -8
- package/dist/esm/Avatars/UserAvatar/UserAvatar.d.ts +7 -4
- package/dist/esm/Avatars/UserAvatar/UserAvatar.js +14 -8
- package/dist/esm/Avatars/types.d.ts +3 -2
- package/dist/esm/Avatars/types.js +4 -1
- package/dist/esm/Fields/AutoComplete/AutoComplete.js +7 -5
- package/dist/esm/Fields/DateInput/DateInput.js +2 -1
- package/dist/esm/Fields/DatePicker/DatePicker/DatePicker.js +2 -1
- package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.js +5 -3
- package/dist/esm/Fields/DatePicker/components/Popover.d.ts +2 -1
- package/dist/esm/Fields/DatePicker/components/Popover.js +4 -7
- package/dist/esm/Fields/DatePicker/types.d.ts +5 -2
- package/dist/esm/Fields/Dropzone/Dropzone.d.ts +13 -2
- package/dist/esm/Fields/Dropzone/Dropzone.js +80 -32
- package/dist/esm/Fields/Field/Field.js +62 -46
- package/dist/esm/Fields/FilePicker/FilePicker.d.ts +16 -0
- package/dist/esm/Fields/FilePicker/FilePicker.js +134 -0
- package/dist/esm/Fields/FilePicker/index.d.ts +1 -0
- package/dist/esm/Fields/FilePicker/index.js +1 -0
- package/dist/esm/Fields/Form/Form.d.ts +3 -0
- package/dist/esm/Fields/Form/Form.js +7 -2
- package/dist/esm/Fields/Form/FormContext.d.ts +3 -0
- package/dist/esm/Fields/Form/index.d.ts +1 -1
- package/dist/esm/Fields/Form/stories/Complex.js +3 -7
- package/dist/esm/Fields/Form/stories/InlineFields.js +55 -0
- package/dist/esm/Fields/Form/stories/JSONForms.js +2 -2
- package/dist/esm/Fields/{Toggle/Toggle.d.ts → Switch/Switch.d.ts} +4 -4
- package/dist/esm/Fields/{Toggle/Toggle.js → Switch/Switch.js} +7 -7
- package/dist/esm/Fields/{Toggle/Toggle.tailwind.js → Switch/Switch.tailwind.js} +14 -14
- package/dist/esm/Fields/Switch/index.d.ts +1 -0
- package/dist/esm/Fields/Switch/index.js +1 -0
- package/dist/esm/Fields/index.d.ts +2 -1
- package/dist/esm/Fields/index.js +2 -1
- package/dist/esm/Helpers/HelpUnderline/HelpUnderline.d.ts +1 -1
- package/dist/esm/Indicators/AnnouncementBadge/AnnouncementBadge.d.ts +11 -2
- package/dist/esm/Indicators/Badge/Badge.d.ts +13 -2
- package/dist/esm/Indicators/Banners/Alert/Alert.d.ts +25 -8
- package/dist/esm/Indicators/Banners/Promote/Promote.d.ts +30 -4
- package/dist/esm/Indicators/Banners/SystemNotification/SystemNotification.d.ts +6 -0
- package/dist/esm/Indicators/EmptyState/types.d.ts +21 -9
- package/dist/esm/Indicators/KeyboardKey/KeyboardKey.d.ts +3 -0
- package/dist/esm/Indicators/ProgressBar/ProgressBar.d.ts +9 -3
- package/dist/esm/Indicators/ProgressSpinner/ProgressSpinner.d.ts +9 -0
- package/dist/esm/Indicators/ScrollIndicator/ScrollIndicator.d.ts +12 -0
- package/dist/esm/Indicators/Skeleton/Skeleton.d.ts +12 -0
- package/dist/esm/Indicators/Tag/Tag.d.ts +19 -5
- package/dist/esm/Layout/Card/Card.d.ts +6 -0
- package/dist/esm/Layout/FlexGrid/FlexGrid.d.ts +18 -4
- package/dist/esm/Layout/Insert/Insert.d.ts +9 -1
- package/dist/esm/Layout/Sidebar/Sidebar.d.ts +14 -2
- package/dist/esm/Layout/Sidebar/SidebarButtonLink.d.ts +18 -0
- package/dist/esm/Layout/Sidebar/SidebarHeading.d.ts +6 -0
- package/dist/esm/Layout/Sidebar/SidebarLink.d.ts +12 -0
- package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +18 -0
- package/dist/esm/Layout/Sidebar/SidebarNav.d.ts +12 -0
- package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts +16 -1
- package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts +8 -0
- package/dist/esm/Layout/Tables/DataTable/components/Footer.d.ts +2 -0
- package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts +4 -0
- package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts +6 -0
- package/dist/esm/Layout/Tables/DataTable/components/Loader.d.ts +1 -0
- package/dist/esm/Layout/Tables/Table/Table.d.ts +15 -0
- package/dist/esm/Layout/Tables/Table/components/TableFooter.d.ts +3 -0
- package/dist/esm/Navigation/Link/Link.d.ts +18 -0
- package/dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.d.ts +24 -1
- package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.d.ts +15 -1
- package/dist/esm/Navigation/Pagination/Pagination/Pagination.d.ts +15 -0
- package/dist/esm/Navigation/Tabs/types.d.ts +21 -0
- package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js +0 -39
- package/dist/esm/Overlay/MenuButton/components/items/ToggleItem.js +2 -2
- package/dist/{cjs/Overlay/Tooltip → esm/Overlay/OverflowTooltipWrapper}/OverflowTooltipWrapper.d.ts +1 -1
- package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/OverflowTooltipWrapper.js +1 -1
- package/dist/esm/Overlay/OverflowTooltipWrapper/index.d.ts +1 -0
- package/dist/esm/Overlay/OverflowTooltipWrapper/index.js +1 -0
- package/dist/esm/Overlay/Tooltip/index.d.ts +0 -2
- package/dist/esm/Overlay/Tooltip/index.js +1 -3
- package/dist/esm/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.js +1 -1
- package/dist/esm/Overlay/TooltipWrapper/index.d.ts +1 -0
- package/dist/esm/Overlay/TooltipWrapper/index.js +1 -0
- package/dist/{cjs/Overlay/Tooltip → esm/Overlay/TooltipWrapper}/types.d.ts +1 -1
- package/dist/esm/Overlay/TooltipWrapper/types.js +1 -0
- package/dist/esm/Overlay/index.d.ts +2 -1
- package/dist/esm/Overlay/index.js +3 -2
- package/dist/esm/Satellite/locale.d.ts +3 -2
- package/dist/esm/styles/tailwind.config.js +1 -1
- package/dist/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/dist/satellite.min.css +1 -1
- package/package.json +2 -2
- package/dist/cjs/Actions/Switch/index.d.ts +0 -2
- package/dist/cjs/Actions/Switch/index.js +0 -27
- package/dist/cjs/Actions/Switch/types.d.ts +0 -8
- package/dist/cjs/Actions/Switch/types.js +0 -7
- package/dist/cjs/Fields/Toggle/index.d.ts +0 -1
- package/dist/cjs/Overlay/Dropdown/Dropdown.d.ts +0 -37
- package/dist/cjs/Overlay/Dropdown/Dropdown.js +0 -124
- package/dist/cjs/Overlay/Dropdown/DropdownButton.d.ts +0 -13
- package/dist/cjs/Overlay/Dropdown/DropdownButton.js +0 -49
- package/dist/cjs/Overlay/Dropdown/DropdownContext.d.ts +0 -6
- package/dist/cjs/Overlay/Dropdown/DropdownContext.js +0 -15
- package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.d.ts +0 -14
- package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.js +0 -49
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +0 -60
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +0 -8
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +0 -21
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +0 -8
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -17
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +0 -37
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +0 -34
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/index.d.ts +0 -5
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/index.js +0 -63
- package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.d.ts +0 -2
- package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.js +0 -17
- package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.d.ts +0 -9
- package/dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.js +0 -29
- package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.d.ts +0 -10
- package/dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.js +0 -56
- package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.d.ts +0 -6
- package/dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.js +0 -43
- package/dist/cjs/Overlay/Dropdown/components/DropdownTitle.d.ts +0 -6
- package/dist/cjs/Overlay/Dropdown/components/DropdownTitle.js +0 -25
- package/dist/cjs/Overlay/Dropdown/index.d.ts +0 -12
- package/dist/cjs/Overlay/Dropdown/index.js +0 -147
- package/dist/cjs/Overlay/Dropdown/useDropdownItemProps.d.ts +0 -20
- package/dist/cjs/Overlay/Dropdown/useDropdownItemProps.js +0 -37
- package/dist/esm/Actions/Switch/index.d.ts +0 -2
- package/dist/esm/Actions/Switch/index.js +0 -2
- package/dist/esm/Actions/Switch/types.d.ts +0 -8
- package/dist/esm/Actions/Switch/types.js +0 -1
- package/dist/esm/Fields/Toggle/index.d.ts +0 -1
- package/dist/esm/Fields/Toggle/index.js +0 -1
- package/dist/esm/Overlay/Dropdown/Dropdown.d.ts +0 -37
- package/dist/esm/Overlay/Dropdown/Dropdown.js +0 -117
- package/dist/esm/Overlay/Dropdown/DropdownButton.d.ts +0 -13
- package/dist/esm/Overlay/Dropdown/DropdownButton.js +0 -42
- package/dist/esm/Overlay/Dropdown/DropdownContext.d.ts +0 -6
- package/dist/esm/Overlay/Dropdown/DropdownContext.js +0 -9
- package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.d.ts +0 -14
- package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js +0 -42
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +0 -53
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +0 -8
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js +0 -15
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts +0 -8
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js +0 -11
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js +0 -30
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js +0 -27
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/index.d.ts +0 -5
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/index.js +0 -5
- package/dist/esm/Overlay/Dropdown/components/DropdownDivider.d.ts +0 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownDivider.js +0 -11
- package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.d.ts +0 -9
- package/dist/esm/Overlay/Dropdown/components/DropdownFooterItem.js +0 -22
- package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.d.ts +0 -10
- package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.js +0 -49
- package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.d.ts +0 -6
- package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js +0 -36
- package/dist/esm/Overlay/Dropdown/components/DropdownTitle.d.ts +0 -6
- package/dist/esm/Overlay/Dropdown/components/DropdownTitle.js +0 -18
- package/dist/esm/Overlay/Dropdown/index.d.ts +0 -12
- package/dist/esm/Overlay/Dropdown/index.js +0 -12
- package/dist/esm/Overlay/Dropdown/useDropdownItemProps.d.ts +0 -20
- package/dist/esm/Overlay/Dropdown/useDropdownItemProps.js +0 -30
- /package/dist/cjs/{Overlay/Tooltip → Actions/SegmentedControl}/types.js +0 -0
- /package/dist/cjs/{Actions → Fields}/Switch/Switch.tailwind.d.ts +0 -0
- /package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.d.ts +0 -0
- /package/dist/cjs/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.js +0 -0
- /package/dist/cjs/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.d.ts +0 -0
- /package/dist/esm/{Overlay/Tooltip → Actions/SegmentedControl}/types.js +0 -0
- /package/dist/esm/{Actions → Fields}/Switch/Switch.tailwind.d.ts +0 -0
- /package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.d.ts +0 -0
- /package/dist/esm/Overlay/{Tooltip → OverflowTooltipWrapper}/utils.js +0 -0
- /package/dist/esm/Overlay/{Tooltip → TooltipWrapper}/TooltipWrapper.d.ts +0 -0
@@ -17,8 +17,17 @@ export interface LinkTab extends BaseTab {
|
|
17
17
|
export interface LinkTabsProps {
|
18
18
|
/** @ignore */
|
19
19
|
className?: string;
|
20
|
+
/**
|
21
|
+
* The tabs to display.
|
22
|
+
*/
|
20
23
|
tabs: LinkTab[];
|
24
|
+
/**
|
25
|
+
* The function to call when a tab is clicked.
|
26
|
+
*/
|
21
27
|
onTabClick?(event: MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
|
28
|
+
/**
|
29
|
+
* The function to use to determine if a tab is selected.
|
30
|
+
*/
|
22
31
|
urlMatcher?: UrlMatcher;
|
23
32
|
}
|
24
33
|
export interface ContentTab extends BaseTab {
|
@@ -27,8 +36,20 @@ export interface ContentTab extends BaseTab {
|
|
27
36
|
export interface ContentTabsProps {
|
28
37
|
/** @ignore */
|
29
38
|
className?: string;
|
39
|
+
/**
|
40
|
+
* The tabs to display.
|
41
|
+
*/
|
30
42
|
tabs: ContentTab[];
|
43
|
+
/**
|
44
|
+
* The current tab index.
|
45
|
+
*/
|
31
46
|
tabIndex?: number;
|
47
|
+
/**
|
48
|
+
* The index of the tab to display by default.
|
49
|
+
*/
|
32
50
|
defaultIndex?: number;
|
51
|
+
/**
|
52
|
+
* The function to call when the tab changes.
|
53
|
+
*/
|
33
54
|
onChange?: (tabIndex: number) => void;
|
34
55
|
}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { FC, PropsWithChildren } from "react";
|
2
|
-
import type { ToggleProps } from "../../../Fields";
|
3
|
-
import type { IconComponentType } from "../../../Icons";
|
4
|
-
import type { DropdownBaseItemProps } from "../useDropdownItemProps";
|
5
|
-
export declare type DropdownToggleItemProps = PropsWithChildren<ToggleProps & DropdownBaseItemProps<HTMLInputElement>> & {
|
6
|
-
/** Left aligned icon */
|
7
|
-
startIcon?: IconComponentType;
|
8
|
-
};
|
9
|
-
/** @deprecated */
|
10
|
-
export declare const DropdownToggleItem: FC<DropdownToggleItemProps>;
|
@@ -1,46 +1 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.DropdownToggleItem = void 0;
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
9
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
11
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
12
|
-
var _Fields = require("../../../Fields");
|
13
|
-
var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
|
14
|
-
var _useDropdownItemProps = require("../useDropdownItemProps");
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
17
|
-
var _excluded = ["className", "toggle", "startIcon", "children"];
|
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
|
-
/** @deprecated */
|
21
|
-
var _DropdownToggleItem = function _DropdownToggleItem(props) {
|
22
|
-
var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(props);
|
23
|
-
// `toggle` is destructured here because we don't want it passed to the `Toggle`
|
24
|
-
var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
|
25
|
-
className = _props$dropdownItemPr.className,
|
26
|
-
toggle = _props$dropdownItemPr.toggle,
|
27
|
-
StartIcon = _props$dropdownItemPr.startIcon,
|
28
|
-
children = _props$dropdownItemPr.children,
|
29
|
-
toggleProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
|
30
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
31
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className),
|
32
|
-
children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
|
33
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 text-grey-500"]))),
|
34
|
-
width: "1rem",
|
35
|
-
height: "1rem"
|
36
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
37
|
-
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
|
38
|
-
children: children
|
39
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fields.Toggle, _objectSpread({
|
40
|
-
className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"])))
|
41
|
-
}, toggleProps))]
|
42
|
-
});
|
43
|
-
};
|
44
|
-
|
45
|
-
/** @deprecated */
|
46
|
-
var DropdownToggleItem = exports.DropdownToggleItem = _DropdownToggleItem;
|
1
|
+
"use strict";
|
@@ -66,7 +66,7 @@ var ToggleItem = exports.ToggleItem = function ToggleItem(props) {
|
|
66
66
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
67
67
|
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
|
68
68
|
children: children
|
69
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fields.
|
69
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fields.Switch, {
|
70
70
|
decorative: true,
|
71
71
|
className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"]))),
|
72
72
|
checked: isChecked,
|
@@ -14,7 +14,7 @@ var _react = require("react");
|
|
14
14
|
var _Helpers = require("../../Helpers");
|
15
15
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
16
16
|
var _isReactText = require("../../utils/isReactText");
|
17
|
-
var _TooltipWrapper = require("
|
17
|
+
var _TooltipWrapper = require("../TooltipWrapper/TooltipWrapper");
|
18
18
|
var _utils = require("./utils");
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
20
20
|
var _templateObject;
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./OverflowTooltipWrapper";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
var _OverflowTooltipWrapper = require("./OverflowTooltipWrapper");
|
7
|
+
Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
9
|
+
if (key in exports && exports[key] === _OverflowTooltipWrapper[key]) return;
|
10
|
+
Object.defineProperty(exports, key, {
|
11
|
+
enumerable: true,
|
12
|
+
get: function get() {
|
13
|
+
return _OverflowTooltipWrapper[key];
|
14
|
+
}
|
15
|
+
});
|
16
|
+
});
|
@@ -13,26 +13,4 @@ Object.keys(_Tooltip).forEach(function (key) {
|
|
13
13
|
return _Tooltip[key];
|
14
14
|
}
|
15
15
|
});
|
16
|
-
});
|
17
|
-
var _TooltipWrapper = require("./TooltipWrapper");
|
18
|
-
Object.keys(_TooltipWrapper).forEach(function (key) {
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
20
|
-
if (key in exports && exports[key] === _TooltipWrapper[key]) return;
|
21
|
-
Object.defineProperty(exports, key, {
|
22
|
-
enumerable: true,
|
23
|
-
get: function get() {
|
24
|
-
return _TooltipWrapper[key];
|
25
|
-
}
|
26
|
-
});
|
27
|
-
});
|
28
|
-
var _OverflowTooltipWrapper = require("./OverflowTooltipWrapper");
|
29
|
-
Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
31
|
-
if (key in exports && exports[key] === _OverflowTooltipWrapper[key]) return;
|
32
|
-
Object.defineProperty(exports, key, {
|
33
|
-
enumerable: true,
|
34
|
-
get: function get() {
|
35
|
-
return _OverflowTooltipWrapper[key];
|
36
|
-
}
|
37
|
-
});
|
38
16
|
});
|
@@ -13,7 +13,7 @@ var _react = require("react");
|
|
13
13
|
var _Satellite = require("../../Satellite");
|
14
14
|
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
15
15
|
var _isReactText = require("../../utils/isReactText");
|
16
|
-
var _Tooltip = require("
|
16
|
+
var _Tooltip = require("../Tooltip/Tooltip");
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
18
|
var _templateObject, _templateObject2, _templateObject3;
|
19
19
|
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); }
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from "./TooltipWrapper";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
var _TooltipWrapper = require("./TooltipWrapper");
|
7
|
+
Object.keys(_TooltipWrapper).forEach(function (key) {
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
9
|
+
if (key in exports && exports[key] === _TooltipWrapper[key]) return;
|
10
|
+
Object.defineProperty(exports, key, {
|
11
|
+
enumerable: true,
|
12
|
+
get: function get() {
|
13
|
+
return _TooltipWrapper[key];
|
14
|
+
}
|
15
|
+
});
|
16
|
+
});
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import type { TooltipContentProps } from "@radix-ui/react-tooltip";
|
2
2
|
import type { ReactElement } from "react";
|
3
|
-
import type { TooltipVariant } from "
|
3
|
+
import type { TooltipVariant } from "../Tooltip/Tooltip";
|
4
4
|
export interface TooltipWrapperBaseProps {
|
5
5
|
/**
|
6
6
|
* Defines how long you should hover the wrapped element before displaying the `Tooltip` (in ms).
|
@@ -3,17 +3,6 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
var _Dropdown = require("./Dropdown");
|
7
|
-
Object.keys(_Dropdown).forEach(function (key) {
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
9
|
-
if (key in exports && exports[key] === _Dropdown[key]) return;
|
10
|
-
Object.defineProperty(exports, key, {
|
11
|
-
enumerable: true,
|
12
|
-
get: function get() {
|
13
|
-
return _Dropdown[key];
|
14
|
-
}
|
15
|
-
});
|
16
|
-
});
|
17
6
|
var _MenuButton = require("./MenuButton");
|
18
7
|
Object.keys(_MenuButton).forEach(function (key) {
|
19
8
|
if (key === "default" || key === "__esModule") return;
|
@@ -57,4 +46,26 @@ Object.keys(_Tooltip).forEach(function (key) {
|
|
57
46
|
return _Tooltip[key];
|
58
47
|
}
|
59
48
|
});
|
49
|
+
});
|
50
|
+
var _TooltipWrapper = require("./TooltipWrapper");
|
51
|
+
Object.keys(_TooltipWrapper).forEach(function (key) {
|
52
|
+
if (key === "default" || key === "__esModule") return;
|
53
|
+
if (key in exports && exports[key] === _TooltipWrapper[key]) return;
|
54
|
+
Object.defineProperty(exports, key, {
|
55
|
+
enumerable: true,
|
56
|
+
get: function get() {
|
57
|
+
return _TooltipWrapper[key];
|
58
|
+
}
|
59
|
+
});
|
60
|
+
});
|
61
|
+
var _OverflowTooltipWrapper = require("./OverflowTooltipWrapper");
|
62
|
+
Object.keys(_OverflowTooltipWrapper).forEach(function (key) {
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
64
|
+
if (key in exports && exports[key] === _OverflowTooltipWrapper[key]) return;
|
65
|
+
Object.defineProperty(exports, key, {
|
66
|
+
enumerable: true,
|
67
|
+
get: function get() {
|
68
|
+
return _OverflowTooltipWrapper[key];
|
69
|
+
}
|
70
|
+
});
|
60
71
|
});
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { UserAvatarLocale } from "../Avatars";
|
2
|
-
import type { AutoCompleteLocale, DateInputLocale, DatePickerLocale, DropzoneLocale, ExperimentalFormLocale, InputPropsLocale } from "../Fields";
|
2
|
+
import type { AutoCompleteLocale, DateInputLocale, DatePickerLocale, DropzoneLocale, ExperimentalFormLocale, FilePickerLocale, InputPropsLocale } from "../Fields";
|
3
3
|
import type { AnnouncementBadgeLocale, TagLocale, ToastLocale, ToastsLocale } from "../Indicators";
|
4
4
|
import type { DataTableLocale, SidebarLocale } from "../Layout";
|
5
5
|
import type { CompactPaginationLocale, DotPaginationLocale, PaginationLocale, StepperLocale } from "../Navigation";
|
@@ -8,11 +8,12 @@ export declare type ComponentsLocales = {
|
|
8
8
|
announcementBadge?: AnnouncementBadgeLocale;
|
9
9
|
autoComplete?: AutoCompleteLocale;
|
10
10
|
compactPagination?: CompactPaginationLocale;
|
11
|
-
dateInput?: DateInputLocale;
|
12
11
|
dataTable?: DataTableLocale;
|
12
|
+
dateInput?: DateInputLocale;
|
13
13
|
datePicker?: DatePickerLocale;
|
14
14
|
dotPagination?: DotPaginationLocale;
|
15
15
|
dropzone?: DropzoneLocale;
|
16
|
+
filePicker?: FilePickerLocale;
|
16
17
|
form?: ExperimentalFormLocale;
|
17
18
|
input?: InputPropsLocale;
|
18
19
|
modal?: ModalLocale;
|
@@ -141,5 +141,5 @@ module.exports = {
|
|
141
141
|
}
|
142
142
|
}
|
143
143
|
},
|
144
|
-
plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Helpers/utilities/focusable.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.tailwind"), require("../Actions/ToggleGroup/ToggleGroup.tailwind"), require("../Actions/Accordion/Accordion.tailwind"), require("../Layout/Card/Card.tailwind"), require("../Fields/Checkbox/Checkbox.tailwind"), require("../Indicators/EmptyState/EmptyState.tailwind"), require("../Indicators/Toast/Toast.tailwind"), require("../Helpers/HelpUnderline/HelpUnderline.tailwind"), require("../Fields/Input/Input.tailwind"), require("../Helpers/InstantSearch/InstantSearch.tailwind"), require("../Indicators/KeyboardKey/KeyboardKey.tailwind"), require("../Helpers/Medallion/Medallion.tailwind"), require("../Overlay/Modal/Modal.tailwind"), require("../Indicators/ProgressBar/ProgressBar.tailwind"), require("../Indicators/ProgressSpinner/ProgressSpinner.tailwind"), require("../Fields/RadioGroup/RadioButton.tailwind"), require("../Indicators/ScrollIndicator/ScrollIndicator.tailwind"), require("../Fields/Select/Select.tailwind"), require("../Helpers/Separator/Separator.tailwind"), require("../Actions/
|
144
|
+
plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Helpers/utilities/focusable.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.tailwind"), require("../Actions/ToggleGroup/ToggleGroup.tailwind"), require("../Actions/Accordion/Accordion.tailwind"), require("../Layout/Card/Card.tailwind"), require("../Fields/Checkbox/Checkbox.tailwind"), require("../Indicators/EmptyState/EmptyState.tailwind"), require("../Indicators/Toast/Toast.tailwind"), require("../Helpers/HelpUnderline/HelpUnderline.tailwind"), require("../Fields/Input/Input.tailwind"), require("../Helpers/InstantSearch/InstantSearch.tailwind"), require("../Indicators/KeyboardKey/KeyboardKey.tailwind"), require("../Helpers/Medallion/Medallion.tailwind"), require("../Overlay/Modal/Modal.tailwind"), require("../Indicators/ProgressBar/ProgressBar.tailwind"), require("../Indicators/ProgressSpinner/ProgressSpinner.tailwind"), require("../Fields/RadioGroup/RadioButton.tailwind"), require("../Indicators/ScrollIndicator/ScrollIndicator.tailwind"), require("../Fields/Select/Select.tailwind"), require("../Helpers/Separator/Separator.tailwind"), require("../Actions/SegmentedControl/SegmentedControl.tailwind"), require("../Navigation/Tabs/Tabs.tailwind"), require("../Layout/Tables/DataTable/DataTable.tailwind"), require("../Layout/Tables/Table/Table.tailwind"), require("../Indicators/Tag/Tag.tailwind"), require("../Fields/TextArea/TextArea.tailwind"), require("../Fields/Switch/Switch.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
|
145
145
|
};
|
@@ -1 +1 @@
|
|
1
|
-
export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "grid" | "
|
1
|
+
export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "grid" | "clipPath" | "marker" | "mask" | "translate" | "content" | "color" | "width" | "height" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "all" | "item" | "border" | "left" | "right" | "columns" | "top" | "bottom" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "resize" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import type { IconComponentType } from "../../Icons";
|
3
|
-
import type { TooltipWrapperBaseProps } from "../../Overlay/
|
3
|
+
import type { TooltipWrapperBaseProps } from "../../Overlay/TooltipWrapper/types";
|
4
4
|
import type { ButtonSize, ButtonVariant, PolymorphicComponentPropWithRef } from "./types";
|
5
5
|
export interface IconButtonBaseProps {
|
6
6
|
/**
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import type { FC, ReactNode } from "react";
|
2
|
-
import type {
|
3
|
-
export interface
|
2
|
+
import type { SegmentedControlSize } from "./types";
|
3
|
+
export interface SegmentedControlProps {
|
4
4
|
/**
|
5
5
|
* The class name of the `Switch`.
|
6
6
|
*/
|
@@ -24,15 +24,15 @@ export interface SwitchProps {
|
|
24
24
|
/**
|
25
25
|
* The size of the `Switch`.
|
26
26
|
*/
|
27
|
-
size?:
|
27
|
+
size?: SegmentedControlSize;
|
28
28
|
/**
|
29
29
|
* Optional name attribute for the radio inputs.
|
30
30
|
*/
|
31
31
|
name?: string;
|
32
32
|
}
|
33
33
|
/**
|
34
|
-
* The `
|
34
|
+
* The `SegmentedControl` component is used to select one option among a list of options.
|
35
35
|
*
|
36
|
-
* See the [
|
36
|
+
* See the [SegmentedControl documentation page](https://satellite.algolia.com/components/controls/segmented-control) for more information.
|
37
37
|
*/
|
38
|
-
export declare const
|
38
|
+
export declare const SegmentedControl: FC<SegmentedControlProps>;
|
@@ -11,11 +11,11 @@ import { BUTTON_SIZE_CLASSNAMES } from "../Button/styles";
|
|
11
11
|
import { buildAnimationKeySelector } from "./utils";
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
13
13
|
/**
|
14
|
-
* The `
|
14
|
+
* The `SegmentedControl` component is used to select one option among a list of options.
|
15
15
|
*
|
16
|
-
* See the [
|
16
|
+
* See the [SegmentedControl documentation page](https://satellite.algolia.com/components/controls/segmented-control) for more information.
|
17
17
|
*/
|
18
|
-
export var
|
18
|
+
export var SegmentedControl = function SegmentedControl(_ref) {
|
19
19
|
var className = _ref.className,
|
20
20
|
children = _ref.children,
|
21
21
|
value = _ref.value,
|
@@ -25,7 +25,7 @@ export var Switch = function Switch(_ref) {
|
|
25
25
|
_ref$size = _ref.size,
|
26
26
|
size = _ref$size === void 0 ? "medium" : _ref$size;
|
27
27
|
var _useState = useState(function () {
|
28
|
-
return uniqueId("
|
28
|
+
return uniqueId("SegmentedControlName-");
|
29
29
|
}),
|
30
30
|
_useState2 = _slicedToArray(_useState, 1),
|
31
31
|
componentDefaultName = _useState2[0];
|
@@ -72,7 +72,7 @@ export var Switch = function Switch(_ref) {
|
|
72
72
|
},
|
73
73
|
children: /*#__PURE__*/_jsxs("div", {
|
74
74
|
ref: containerRef,
|
75
|
-
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["
|
75
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["segmented-control focusable-visible-within\n relative inline-flex typo-display-body rounded bg-grey-100\n ", "\n "])), size === "large" ? "segmented-control-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className),
|
76
76
|
children: [/*#__PURE__*/_jsx("div", {
|
77
77
|
ref: valueIndicatorRef,
|
78
78
|
style: valueIndicatorStyle,
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
declare const
|
1
|
+
export = segmentedControlPlugin;
|
2
|
+
declare const segmentedControlPlugin: {
|
3
3
|
handler: import("tailwindcss/types/config").PluginCreator;
|
4
4
|
config?: Partial<import("tailwindcss/types/config").Config> | undefined;
|
5
5
|
};
|
package/dist/esm/Actions/{Switch/Switch.tailwind.js → SegmentedControl/SegmentedControl.tailwind.js}
RENAMED
@@ -1,18 +1,18 @@
|
|
1
1
|
import _plugin from "tailwindcss/plugin";
|
2
2
|
// @ts-check
|
3
3
|
var plugin = _plugin;
|
4
|
-
var
|
4
|
+
var segmentedControlPlugin = plugin(function (_ref) {
|
5
5
|
var addComponents = _ref.addComponents,
|
6
6
|
theme = _ref.theme;
|
7
7
|
addComponents({
|
8
|
-
".
|
8
|
+
".segmented-control": {
|
9
9
|
// this + position relative helps create a new stack context (helps with z-index)
|
10
10
|
zIndex: "1",
|
11
11
|
boxShadow: "0 0 0 2px ".concat(theme("colors.grey.100"))
|
12
12
|
},
|
13
|
-
".
|
13
|
+
".segmented-control-large": {
|
14
14
|
boxShadow: "0 0 0 4px ".concat(theme("colors.grey.100"))
|
15
15
|
}
|
16
16
|
});
|
17
17
|
});
|
18
|
-
export default
|
18
|
+
export default segmentedControlPlugin;
|
package/dist/esm/Actions/{Switch/SwitchOption.d.ts → SegmentedControl/SegmentedControlOption.d.ts}
RENAMED
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { FC, ReactNode } from "react";
|
2
|
-
export interface
|
2
|
+
export interface SegmentedControlOptionProps {
|
3
3
|
/**
|
4
4
|
* The value associated with this `SwitchOption`.
|
5
5
|
*/
|
@@ -13,4 +13,4 @@ export interface SwitchOptionProps {
|
|
13
13
|
*/
|
14
14
|
children: ReactNode;
|
15
15
|
}
|
16
|
-
export declare const
|
16
|
+
export declare const SegmentedControlOption: FC<SegmentedControlOptionProps>;
|
package/dist/esm/Actions/{Switch/SwitchOption.js → SegmentedControl/SegmentedControlOption.js}
RENAMED
@@ -8,7 +8,7 @@ import { OverflowTooltipWrapper } from "../../Overlay";
|
|
8
8
|
import stl from "../../styles/helpers/satellitePrefixer";
|
9
9
|
import { buildAnimationProps } from "./utils";
|
10
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
11
|
-
export var
|
11
|
+
export var SegmentedControlOption = function SegmentedControlOption(_ref) {
|
12
12
|
var value = _ref.value,
|
13
13
|
disabled = _ref.disabled,
|
14
14
|
children = _ref.children;
|
@@ -1,6 +1,6 @@
|
|
1
|
-
export declare const
|
1
|
+
export declare const SEGMENTED_CONTROL_ANIMATION_KEY = "data-segmented-control-animation-key";
|
2
2
|
export declare const buildAnimationKeyValue: (name: string, value: string) => string;
|
3
3
|
export declare const buildAnimationKeySelector: (name: string, value: string) => string;
|
4
4
|
export declare const buildAnimationProps: (name: string, value: string) => {
|
5
|
-
"data-
|
5
|
+
"data-segmented-control-animation-key": string;
|
6
6
|
};
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2
|
-
export var
|
2
|
+
export var SEGMENTED_CONTROL_ANIMATION_KEY = "data-segmented-control-animation-key";
|
3
3
|
export var buildAnimationKeyValue = function buildAnimationKeyValue(name, value) {
|
4
4
|
return "".concat(name, "-").concat(value);
|
5
5
|
};
|
6
6
|
export var buildAnimationKeySelector = function buildAnimationKeySelector(name, value) {
|
7
|
-
return "[".concat(
|
7
|
+
return "[".concat(SEGMENTED_CONTROL_ANIMATION_KEY, "=\"").concat(buildAnimationKeyValue(name, value), "\"]");
|
8
8
|
};
|
9
9
|
export var buildAnimationProps = function buildAnimationProps(name, value) {
|
10
|
-
return _defineProperty({},
|
10
|
+
return _defineProperty({}, SEGMENTED_CONTROL_ANIMATION_KEY, buildAnimationKeyValue(name, value));
|
11
11
|
};
|
@@ -4,7 +4,7 @@ export * from "./ButtonGroup/ButtonGroup";
|
|
4
4
|
export * from "./ButtonLink/ButtonLink";
|
5
5
|
export * from "./IconButton/IconButton";
|
6
6
|
export * from "./IconButtonLink/IconButtonLink";
|
7
|
-
export * from "./
|
7
|
+
export * from "./SegmentedControl";
|
8
8
|
export * from "./ToggleButton/ToggleButton";
|
9
9
|
export * from "./ToggleGroup/ToggleGroup";
|
10
10
|
export type { ButtonSize, ButtonVariant } from "./Button/types";
|
@@ -4,7 +4,7 @@ export * from "./ButtonGroup/ButtonGroup";
|
|
4
4
|
export * from "./ButtonLink/ButtonLink";
|
5
5
|
export * from "./IconButton/IconButton";
|
6
6
|
export * from "./IconButtonLink/IconButtonLink";
|
7
|
-
export * from "./
|
7
|
+
export * from "./SegmentedControl";
|
8
8
|
export * from "./ToggleButton/ToggleButton";
|
9
9
|
export * from "./ToggleGroup/ToggleGroup";
|
10
10
|
export {};
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import type { FC } from "react";
|
2
|
-
import type {
|
2
|
+
import type { AvatarSize, MinimalApplication } from "../types";
|
3
|
+
declare type ApplicationAvatarSize = "small" | AvatarSize;
|
3
4
|
export interface ApplicationAvatarProps {
|
4
5
|
/**
|
5
6
|
* A minimal application object containing `applicationID` and `name`.
|
@@ -7,7 +8,7 @@ export interface ApplicationAvatarProps {
|
|
7
8
|
application: MinimalApplication;
|
8
9
|
/**
|
9
10
|
* The size of the `ApplicationAvatar`.
|
10
|
-
* @default "
|
11
|
+
* @default "large"
|
11
12
|
*/
|
12
13
|
size?: ApplicationAvatarSize;
|
13
14
|
/**
|
@@ -21,3 +22,4 @@ export interface ApplicationAvatarProps {
|
|
21
22
|
* See the [Application Avatar documentation page](https://satellite.algolia.com/components/images/application-avatar) for more information.
|
22
23
|
*/
|
23
24
|
export declare const ApplicationAvatar: FC<ApplicationAvatarProps>;
|
25
|
+
export {};
|