@algolia/satellite 1.0.0-beta.133 → 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 +6 -2
- package/cjs/AnnouncementBadge/AnnouncementBadge.js +14 -2
- package/cjs/AutoComplete/AutoComplete.d.ts +5 -10
- package/cjs/AutoComplete/AutoComplete.js +21 -45
- package/cjs/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/cjs/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/cjs/AutoComplete/utils.d.ts +2 -1
- package/cjs/AutoComplete/utils.js +22 -2
- package/cjs/Avatars/ApplicationAvatar.js +1 -1
- package/cjs/Banner/Banner.d.ts +1 -0
- package/cjs/Banner/Banner.js +1 -1
- package/cjs/Banners/Alert/Alert.d.ts +1 -0
- package/cjs/Banners/Alert/Alert.js +1 -1
- package/cjs/Banners/BigBertha/BigBertha.d.ts +2 -1
- package/cjs/Banners/Promote/Promote.d.ts +1 -0
- package/cjs/Button/Button.js +2 -2
- 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/Card/Card.tailwind.d.ts +4 -4
- package/cjs/Card/Card.tailwind.js +5 -8
- package/cjs/Card/components/CardTitle.d.ts +4 -2
- package/cjs/Checkbox/Checkbox.d.ts +1 -1
- package/cjs/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/cjs/Checkbox/Checkbox.tailwind.js +11 -14
- package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
- package/cjs/DatePicker/DatePicker/DatePicker.js +13 -7
- package/cjs/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/cjs/DatePicker/DatePicker.tailwind.js +19 -14
- package/cjs/DatePicker/DateRangePicker/DateRangePicker.js +14 -3
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
- package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
- package/cjs/DatePicker/components/Calendar.d.ts +2 -1
- package/cjs/DatePicker/components/FooterActions.d.ts +2 -1
- package/cjs/DatePicker/components/FooterActions.js +2 -2
- package/cjs/DatePicker/components/NavBar.d.ts +2 -1
- package/cjs/DatePicker/components/NavBar.js +2 -2
- package/cjs/DatePicker/utils.d.ts +2 -0
- package/cjs/DatePicker/utils.js +10 -2
- package/cjs/Dropdown/Dropdown.d.ts +1 -1
- package/cjs/Dropdown/DropdownButton.d.ts +1 -0
- package/cjs/Dropdown/components/DropdownLinkItem.js +1 -1
- package/cjs/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/cjs/Dropdown/components/DropdownToggleItem.js +2 -2
- package/cjs/Dropzone/Dropzone.d.ts +5 -1
- package/cjs/Dropzone/Dropzone.js +14 -5
- package/cjs/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/cjs/EmptyState/EmptyState.tailwind.js +5 -8
- package/cjs/Field/Field.d.ts +1 -0
- package/cjs/Flag/Flag.d.ts +1 -0
- package/cjs/Flag/Flag.js +17 -2
- package/cjs/Flag/Flag.tailwind.d.ts +4 -4
- package/cjs/Flag/Flag.tailwind.js +8 -15
- package/cjs/Flag/types.d.ts +4 -0
- package/cjs/FlexGrid/FlexGrid.d.ts +2 -1
- package/cjs/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/cjs/FlexGrid/FlexGrid.tailwind.js +8 -11
- package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/cjs/HelpUnderline/HelpUnderline.tailwind.js +3 -6
- package/cjs/Input/Input.d.ts +6 -0
- package/cjs/Input/Input.js +15 -4
- package/cjs/Input/Input.tailwind.d.ts +4 -4
- package/cjs/Input/Input.tailwind.js +12 -15
- package/cjs/Insert/Insert.d.ts +1 -0
- package/cjs/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/cjs/InstantSearch/InstantSearch.tailwind.js +34 -32
- package/cjs/KeyboardKey/KeyboardKey.js +3 -2
- package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/cjs/KeyboardKey/KeyboardKey.tailwind.js +5 -8
- package/cjs/Medallion/Medallion.tailwind.d.ts +4 -4
- package/cjs/Medallion/Medallion.tailwind.js +8 -11
- package/cjs/Modal/Modal.d.ts +5 -4
- package/cjs/Modal/Modal.js +13 -4
- 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/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
- package/cjs/Pagination/CompactPagination/CompactPagination.js +30 -6
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +5 -4
- package/cjs/Pagination/DotPagination/DotPagination.js +20 -4
- package/cjs/Pagination/Pagination/Pagination.d.ts +1 -1
- package/cjs/Pagination/Pagination/Pagination.js +27 -10
- package/cjs/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/cjs/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/cjs/ProgressSpinner/ProgressSpinner.tailwind.js +4 -7
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/cjs/RadioGroup/RadioButton.tailwind.js +11 -14
- package/cjs/RadioGroup/RadioGroup.d.ts +1 -0
- package/cjs/RadioGroup/RadioGroup.js +1 -1
- package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
- package/cjs/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/cjs/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/cjs/Satellite/Satellite.d.ts +4 -1
- package/cjs/Satellite/Satellite.js +7 -2
- package/cjs/Satellite/SatelliteContext.d.ts +3 -1
- package/cjs/Satellite/SatelliteContext.js +2 -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 +2 -1
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/cjs/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/cjs/Select/Select.tailwind.d.ts +5 -5
- package/cjs/Select/Select.tailwind.js +5 -8
- package/cjs/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/cjs/Sidebar/Sidebar.tailwind.js +5 -8
- package/cjs/Sidebar/components/SidebarLink.d.ts +2 -1
- package/cjs/Sidebar/components/SidebarLink.js +1 -1
- 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 +1 -1
- package/cjs/Tables/DataTable/DataTable.d.ts +1 -1
- package/cjs/Tables/DataTable/DataTable.js +24 -7
- 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 +3 -2
- package/cjs/Tables/DataTable/components/Body.js +4 -4
- package/cjs/Tables/DataTable/components/Loader.d.ts +1 -1
- package/cjs/Tables/DataTable/components/Loader.js +2 -2
- package/cjs/Tables/Table/Table.tailwind.d.ts +4 -4
- package/cjs/Tables/Table/Table.tailwind.js +3 -6
- package/cjs/Tabs/Tabs.tailwind.d.ts +4 -4
- package/cjs/Tabs/Tabs.tailwind.js +5 -8
- package/cjs/Tag/Tag.d.ts +5 -4
- package/cjs/Tag/Tag.js +14 -6
- package/cjs/Tag/Tag.tailwind.d.ts +4 -4
- package/cjs/Tag/Tag.tailwind.js +6 -9
- package/cjs/TextArea/TextArea.tailwind.d.ts +4 -4
- package/cjs/TextArea/TextArea.tailwind.js +4 -7
- package/cjs/Toggle/Toggle.d.ts +1 -1
- package/cjs/Toggle/Toggle.tailwind.d.ts +5 -5
- package/cjs/Toggle/Toggle.tailwind.js +19 -22
- package/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/cjs/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/cjs/Tooltip/Tooltip.tailwind.js +19 -18
- package/cjs/Tooltip/TooltipWrapper.d.ts +1 -0
- package/cjs/Tooltip/types.d.ts +2 -0
- package/cjs/Typography/Typography.tailwind.d.ts +5 -17
- package/cjs/Typography/Typography.tailwind.js +123 -133
- package/cjs/UserContent/UserContent.tailwind.d.ts +4 -1
- package/cjs/UserContent/UserContent.tailwind.js +11 -9
- 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 +25 -29
- package/cjs/types.d.ts +7 -0
- package/cjs/utilities/utilities.tailwind.d.ts +4 -1
- package/cjs/utilities/utilities.tailwind.js +4 -6
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +6 -2
- package/esm/AnnouncementBadge/AnnouncementBadge.js +13 -2
- package/esm/AutoComplete/AutoComplete.d.ts +5 -10
- package/esm/AutoComplete/AutoComplete.js +22 -45
- package/esm/AutoComplete/AutoComplete.tailwind.d.ts +4 -4
- package/esm/AutoComplete/AutoComplete.tailwind.js +10 -13
- package/esm/AutoComplete/utils.d.ts +2 -1
- package/esm/AutoComplete/utils.js +16 -0
- package/esm/Avatars/ApplicationAvatar.js +1 -1
- package/esm/Banner/Banner.d.ts +1 -0
- package/esm/Banner/Banner.js +1 -1
- package/esm/Banners/Alert/Alert.d.ts +1 -0
- package/esm/Banners/Alert/Alert.js +1 -1
- package/esm/Banners/BigBertha/BigBertha.d.ts +2 -1
- package/esm/Banners/Promote/Promote.d.ts +1 -0
- package/esm/Button/Button.js +2 -2
- 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/Card/Card.tailwind.d.ts +4 -4
- package/esm/Card/Card.tailwind.js +6 -9
- package/esm/Card/components/CardTitle.d.ts +4 -2
- package/esm/Checkbox/Checkbox.d.ts +1 -1
- package/esm/Checkbox/Checkbox.tailwind.d.ts +5 -5
- package/esm/Checkbox/Checkbox.tailwind.js +11 -14
- package/esm/ClickAwayContainer/ClickAwayContainer.d.ts +2 -1
- package/esm/DatePicker/DatePicker/DatePicker.js +12 -7
- package/esm/DatePicker/DatePicker.tailwind.d.ts +4 -4
- package/esm/DatePicker/DatePicker.tailwind.js +19 -15
- package/esm/DatePicker/DateRangePicker/DateRangePicker.js +12 -2
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts +2 -1
- package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -1
- package/esm/DatePicker/components/Calendar.d.ts +2 -1
- package/esm/DatePicker/components/FooterActions.d.ts +2 -1
- package/esm/DatePicker/components/FooterActions.js +2 -2
- package/esm/DatePicker/components/NavBar.d.ts +2 -1
- package/esm/DatePicker/components/NavBar.js +2 -2
- package/esm/DatePicker/utils.d.ts +2 -0
- package/esm/DatePicker/utils.js +7 -0
- package/esm/Dropdown/Dropdown.d.ts +1 -1
- package/esm/Dropdown/DropdownButton.d.ts +1 -0
- package/esm/Dropdown/components/DropdownLinkItem.js +1 -1
- package/esm/Dropdown/components/DropdownTitle.d.ts +4 -2
- package/esm/Dropdown/components/DropdownToggleItem.js +2 -2
- package/esm/Dropzone/Dropzone.d.ts +5 -1
- package/esm/Dropzone/Dropzone.js +13 -4
- package/esm/EmptyState/EmptyState.tailwind.d.ts +4 -4
- package/esm/EmptyState/EmptyState.tailwind.js +6 -9
- package/esm/Field/Field.d.ts +1 -0
- package/esm/Flag/Flag.d.ts +1 -0
- package/esm/Flag/Flag.js +15 -2
- package/esm/Flag/Flag.tailwind.d.ts +4 -4
- package/esm/Flag/Flag.tailwind.js +9 -16
- package/esm/Flag/types.d.ts +4 -0
- package/esm/FlexGrid/FlexGrid.d.ts +2 -1
- package/esm/FlexGrid/FlexGrid.tailwind.d.ts +6 -3
- package/esm/FlexGrid/FlexGrid.tailwind.js +8 -11
- package/esm/HelpUnderline/HelpUnderline.tailwind.d.ts +4 -4
- package/esm/HelpUnderline/HelpUnderline.tailwind.js +4 -7
- package/esm/Input/Input.d.ts +6 -0
- package/esm/Input/Input.js +15 -4
- package/esm/Input/Input.tailwind.d.ts +4 -4
- package/esm/Input/Input.tailwind.js +14 -17
- package/esm/Insert/Insert.d.ts +1 -0
- package/esm/InstantSearch/InstantSearch.tailwind.d.ts +4 -5
- package/esm/InstantSearch/InstantSearch.tailwind.js +35 -33
- package/esm/KeyboardKey/KeyboardKey.js +3 -2
- package/esm/KeyboardKey/KeyboardKey.tailwind.d.ts +4 -4
- package/esm/KeyboardKey/KeyboardKey.tailwind.js +6 -9
- package/esm/Medallion/Medallion.tailwind.d.ts +4 -4
- package/esm/Medallion/Medallion.tailwind.js +8 -11
- package/esm/Modal/Modal.d.ts +5 -4
- package/esm/Modal/Modal.js +11 -4
- 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/Pagination/CompactPagination/CompactPagination.d.ts +3 -7
- package/esm/Pagination/CompactPagination/CompactPagination.js +27 -6
- package/esm/Pagination/DotPagination/DotPagination.d.ts +5 -4
- package/esm/Pagination/DotPagination/DotPagination.js +17 -4
- package/esm/Pagination/Pagination/Pagination.d.ts +1 -1
- package/esm/Pagination/Pagination/Pagination.js +25 -10
- package/esm/ProgressBar/ProgressBar.tailwind.d.ts +5 -5
- package/esm/ProgressBar/ProgressBar.tailwind.js +7 -10
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.d.ts +5 -5
- package/esm/ProgressSpinner/ProgressSpinner.tailwind.js +5 -8
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/RadioGroup/RadioButton.tailwind.d.ts +4 -4
- package/esm/RadioGroup/RadioButton.tailwind.js +13 -16
- package/esm/RadioGroup/RadioGroup.d.ts +1 -0
- package/esm/RadioGroup/RadioGroup.js +1 -1
- package/esm/RangeSlider/RangeSlider.d.ts +1 -1
- package/esm/RangeSlider/RangeSlider.tailwind.d.ts +4 -4
- package/esm/RangeSlider/RangeSlider.tailwind.js +21 -24
- package/esm/Satellite/Satellite.d.ts +4 -1
- package/esm/Satellite/Satellite.js +6 -2
- package/esm/Satellite/SatelliteContext.d.ts +3 -1
- package/esm/Satellite/SatelliteContext.js +2 -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 +2 -1
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.d.ts +4 -4
- package/esm/ScrollIndicator/ScrollIndicator.tailwind.js +8 -11
- package/esm/Select/Select.tailwind.d.ts +5 -5
- package/esm/Select/Select.tailwind.js +5 -8
- package/esm/Sidebar/Sidebar.tailwind.d.ts +4 -4
- package/esm/Sidebar/Sidebar.tailwind.js +6 -9
- package/esm/Sidebar/components/SidebarLink.d.ts +2 -1
- package/esm/Sidebar/components/SidebarLink.js +1 -1
- 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 +1 -1
- package/esm/Tables/DataTable/DataTable.d.ts +1 -1
- package/esm/Tables/DataTable/DataTable.js +21 -6
- 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 +3 -2
- package/esm/Tables/DataTable/components/Body.js +4 -4
- package/esm/Tables/DataTable/components/Loader.d.ts +1 -1
- package/esm/Tables/DataTable/components/Loader.js +2 -2
- package/esm/Tables/Table/Table.tailwind.d.ts +4 -4
- package/esm/Tables/Table/Table.tailwind.js +4 -7
- package/esm/Tabs/Tabs.tailwind.d.ts +4 -4
- package/esm/Tabs/Tabs.tailwind.js +6 -9
- package/esm/Tag/Tag.d.ts +5 -4
- package/esm/Tag/Tag.js +13 -6
- package/esm/Tag/Tag.tailwind.d.ts +4 -4
- package/esm/Tag/Tag.tailwind.js +7 -10
- package/esm/TextArea/TextArea.tailwind.d.ts +4 -4
- package/esm/TextArea/TextArea.tailwind.js +6 -9
- package/esm/Toggle/Toggle.d.ts +1 -1
- package/esm/Toggle/Toggle.tailwind.d.ts +5 -5
- package/esm/Toggle/Toggle.tailwind.js +19 -22
- package/esm/Tooltip/Tooltip.d.ts +1 -1
- package/esm/Tooltip/Tooltip.tailwind.d.ts +4 -4
- package/esm/Tooltip/Tooltip.tailwind.js +20 -19
- package/esm/Tooltip/TooltipWrapper.d.ts +1 -0
- package/esm/Tooltip/types.d.ts +2 -0
- package/esm/Typography/Typography.tailwind.d.ts +5 -17
- package/esm/Typography/Typography.tailwind.js +124 -134
- package/esm/UserContent/UserContent.tailwind.d.ts +4 -1
- package/esm/UserContent/UserContent.tailwind.js +12 -10
- 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 +27 -30
- package/esm/types.d.ts +7 -0
- package/esm/utilities/utilities.tailwind.d.ts +4 -1
- package/esm/utilities/utilities.tailwind.js +4 -6
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/package.json +8 -11
- package/satellite.min.css +2 -4
- package/scss/colors.scss +1 -0
- package/cjs/tailwind-types.d.ts +0 -52
- package/cjs/tailwind-types.js +0 -5
- package/esm/tailwind-types.d.ts +0 -52
- package/esm/tailwind-types.js +0 -1
- package/satellite.css +0 -196852
@@ -1,5 +1,5 @@
|
|
1
1
|
export = tablePlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const tablePlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// purgecss whitelist: th, td, tr
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var tablePlugin = function tablePlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var tablePlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
addComponents({
|
@@ -36,6 +34,5 @@ var tablePlugin = function tablePlugin(_ref) {
|
|
36
34
|
}
|
37
35
|
}
|
38
36
|
});
|
39
|
-
};
|
40
|
-
|
37
|
+
});
|
41
38
|
export default tablePlugin;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = tabsPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const tabsPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// @ts-check
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var tabsPlugin = function tabsPlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var tabsPlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
addComponents({
|
@@ -32,8 +30,8 @@ var tabsPlugin = function tabsPlugin(_ref) {
|
|
32
30
|
borderBottomColor: theme("colors.red.600")
|
33
31
|
},
|
34
32
|
".tab": {
|
35
|
-
flexShrink: 0,
|
36
|
-
borderBottomWidth:
|
33
|
+
flexShrink: "0",
|
34
|
+
borderBottomWidth: "3px",
|
37
35
|
borderBottomColor: "transparent",
|
38
36
|
color: theme("colors.grey.600"),
|
39
37
|
cursor: "pointer",
|
@@ -50,6 +48,5 @@ var tabsPlugin = function tabsPlugin(_ref) {
|
|
50
48
|
}
|
51
49
|
}
|
52
50
|
});
|
53
|
-
};
|
54
|
-
|
51
|
+
});
|
55
52
|
export default tabsPlugin;
|
package/esm/Tag/Tag.d.ts
CHANGED
@@ -1,6 +1,9 @@
|
|
1
1
|
import type { DetailedHTMLProps, HTMLAttributes, MouseEventHandler } from "react";
|
2
2
|
import type { ColorVariant } from "../types";
|
3
3
|
export declare type TagVariants = ColorVariant | "pink";
|
4
|
+
export declare type TagLocale = {
|
5
|
+
removeButton?: string | ((title: string) => string);
|
6
|
+
};
|
4
7
|
export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
|
5
8
|
/**
|
6
9
|
* The "pink" variant should only be used for **Algolia admin** related things.
|
@@ -8,9 +11,7 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
|
|
8
11
|
* */
|
9
12
|
variant?: TagVariants;
|
10
13
|
onDelete?: MouseEventHandler<HTMLElement>;
|
11
|
-
locale?:
|
12
|
-
removeButton?: string;
|
13
|
-
};
|
14
|
+
locale?: TagLocale;
|
14
15
|
}
|
15
16
|
/**
|
16
17
|
* Use tags to visually label UI objects for quick recognition and navigation. (!) **Tags can be added or removed from an object by users**.
|
@@ -33,5 +34,5 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
|
|
33
34
|
* - When writing tags, avoid line-wrapping
|
34
35
|
* - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
|
35
36
|
*/
|
36
|
-
export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "
|
37
|
+
export declare const Tag: import("react").ForwardRefExoticComponent<Pick<TagProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "onDelete" | "locale"> & import("react").RefAttributes<HTMLSpanElement>>;
|
37
38
|
export default Tag;
|
package/esm/Tag/Tag.js
CHANGED
@@ -12,9 +12,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
12
12
|
import cx from "classnames";
|
13
13
|
import { forwardRef } from "react";
|
14
14
|
import { X } from "react-feather";
|
15
|
+
import { useLocale } from "../Satellite";
|
15
16
|
import stl from "../styles/helpers/satellitePrefixer";
|
16
17
|
import { jsx as _jsx } from "react/jsx-runtime";
|
17
18
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
19
|
+
var DEFAULT_TAG_LOCALE = {
|
20
|
+
removeButton: function removeButton(title) {
|
21
|
+
return "Remove ".concat(title);
|
22
|
+
}
|
23
|
+
};
|
18
24
|
var VARIANT_CLASSNAMES = {
|
19
25
|
accent: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-accent-100 border-accent-200 text-accent-700"]))),
|
20
26
|
grey: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-grey-100 border-grey-200 text-grey-700"]))),
|
@@ -61,19 +67,20 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
61
67
|
variant = _ref$variant === void 0 ? "grey" : _ref$variant,
|
62
68
|
className = _ref.className,
|
63
69
|
onDelete = _ref.onDelete,
|
64
|
-
|
70
|
+
propsLocale = _ref.locale,
|
65
71
|
props = _objectWithoutProperties(_ref, _excluded);
|
66
72
|
|
67
73
|
var title = typeof children === "string" ? children : "tag";
|
74
|
+
var contextLocale = useLocale("tag");
|
75
|
+
|
76
|
+
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
|
77
|
+
|
68
78
|
var tagClassName = cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["tag"]))), VARIANT_CLASSNAMES[variant], className);
|
69
79
|
var editable = Boolean(onDelete);
|
70
80
|
|
71
81
|
var handleDelete = function handleDelete(evt) {
|
72
82
|
evt.stopPropagation();
|
73
|
-
|
74
|
-
if (onDelete) {
|
75
|
-
onDelete(evt);
|
76
|
-
}
|
83
|
+
onDelete === null || onDelete === void 0 ? void 0 : onDelete(evt);
|
77
84
|
};
|
78
85
|
|
79
86
|
return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
|
@@ -87,7 +94,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
87
94
|
className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button"]))), BUTTON_CLOSE_VARIANT_CLASSNAMES[variant]),
|
88
95
|
type: "button",
|
89
96
|
onClick: handleDelete,
|
90
|
-
"aria-label":
|
97
|
+
"aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,
|
91
98
|
children: /*#__PURE__*/_jsx(X, {
|
92
99
|
size: "1em"
|
93
100
|
})
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = tagPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const tagPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
package/esm/Tag/Tag.tailwind.js
CHANGED
@@ -1,9 +1,7 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// @ts-check
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var tagPlugin = function tagPlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var tagPlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
addComponents({
|
@@ -26,15 +24,14 @@ var tagPlugin = function tagPlugin(_ref) {
|
|
26
24
|
marginRight: "-".concat(theme("spacing.2")),
|
27
25
|
borderLeft: "1px solid transparent",
|
28
26
|
"&, &:focus": {
|
29
|
-
outlineWidth:
|
27
|
+
outlineWidth: "0px"
|
30
28
|
},
|
31
29
|
"&:focus-visible": {
|
32
|
-
outlineOffset: -
|
33
|
-
outlineWidth:
|
30
|
+
outlineOffset: "-2px",
|
31
|
+
outlineWidth: "3px",
|
34
32
|
outlineColor: theme("colors.accent.600")
|
35
33
|
}
|
36
34
|
}
|
37
35
|
});
|
38
|
-
};
|
39
|
-
|
36
|
+
});
|
40
37
|
export default tagPlugin;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = textAreaPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const textAreaPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,13 +1,11 @@
|
|
1
|
-
import _disabledColor from "../styles/disabledColor";
|
2
1
|
import _rgba from "../styles/rgba";
|
2
|
+
import _disabledColor from "../styles/disabledColor";
|
3
|
+
import _plugin from "tailwindcss/plugin";
|
3
4
|
// @ts-check
|
4
|
-
var
|
5
|
+
var plugin = _plugin;
|
5
6
|
var disabledColor = _disabledColor;
|
6
|
-
|
7
|
-
|
8
|
-
*/
|
9
|
-
|
10
|
-
var textAreaPlugin = function textAreaPlugin(_ref) {
|
7
|
+
var rgba = _rgba;
|
8
|
+
var textAreaPlugin = plugin(function (_ref) {
|
11
9
|
var addComponents = _ref.addComponents,
|
12
10
|
theme = _ref.theme;
|
13
11
|
addComponents({
|
@@ -38,6 +36,5 @@ var textAreaPlugin = function textAreaPlugin(_ref) {
|
|
38
36
|
}
|
39
37
|
}
|
40
38
|
});
|
41
|
-
};
|
42
|
-
|
39
|
+
});
|
43
40
|
export default textAreaPlugin;
|
package/esm/Toggle/Toggle.d.ts
CHANGED
@@ -6,5 +6,5 @@ export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "childr
|
|
6
6
|
* - Toggles should not require a Save button to apply the changes
|
7
7
|
* - If a Save button is needed, try using Radio groups or Checkboxes instead
|
8
8
|
*/
|
9
|
-
export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "
|
9
|
+
export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
|
10
10
|
export default Toggle;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
export = togglePlugin;
|
2
|
+
declare const togglePlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,11 +1,9 @@
|
|
1
1
|
import _rgba from "../styles/rgba";
|
2
|
+
import _plugin from "tailwindcss/plugin";
|
2
3
|
// @ts-check
|
4
|
+
var plugin = _plugin;
|
3
5
|
var rgba = _rgba;
|
4
|
-
|
5
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
6
|
-
*/
|
7
|
-
|
8
|
-
var buttonPlugin = function buttonPlugin(_ref) {
|
6
|
+
var togglePlugin = plugin(function (_ref) {
|
9
7
|
var addComponents = _ref.addComponents,
|
10
8
|
theme = _ref.theme;
|
11
9
|
var transition = "all 72ms ease-in-out";
|
@@ -13,16 +11,16 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
13
11
|
".toggle-container": {
|
14
12
|
position: "relative",
|
15
13
|
display: "block",
|
16
|
-
height:
|
17
|
-
width:
|
14
|
+
height: "18px",
|
15
|
+
width: "32px",
|
18
16
|
overflow: "hidden",
|
19
17
|
"& input": {
|
20
18
|
position: "absolute",
|
21
|
-
top:
|
22
|
-
left:
|
19
|
+
top: "0px",
|
20
|
+
left: "0px",
|
23
21
|
width: "100%",
|
24
22
|
height: "100%",
|
25
|
-
opacity: 0,
|
23
|
+
opacity: "0",
|
26
24
|
cursor: "pointer",
|
27
25
|
"&:disabled": {
|
28
26
|
cursor: "not-allowed"
|
@@ -31,23 +29,23 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
31
29
|
},
|
32
30
|
".toggle": {
|
33
31
|
position: "absolute",
|
34
|
-
top:
|
35
|
-
left:
|
32
|
+
top: "0px",
|
33
|
+
left: "0px",
|
36
34
|
width: "100%",
|
37
35
|
height: "100%",
|
38
36
|
pointerEvents: "none",
|
39
|
-
borderRadius:
|
37
|
+
borderRadius: "9999px",
|
40
38
|
background: theme("colors.grey.100"),
|
41
39
|
boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.2)),
|
42
40
|
transition: transition,
|
43
41
|
"&::after": {
|
44
42
|
position: "absolute",
|
45
|
-
top:
|
46
|
-
left:
|
47
|
-
width:
|
48
|
-
height:
|
43
|
+
top: "1px",
|
44
|
+
left: "1px",
|
45
|
+
width: "16px",
|
46
|
+
height: "16px",
|
49
47
|
content: '" "',
|
50
|
-
borderRadius:
|
48
|
+
borderRadius: "9999px",
|
51
49
|
background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
|
52
50
|
boxShadow: "0px 1px 1px 0px ".concat(theme("colors.shadow.10")),
|
53
51
|
transition: transition
|
@@ -60,10 +58,9 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
60
58
|
}
|
61
59
|
},
|
62
60
|
"input:disabled ~ &": {
|
63
|
-
opacity: 0.6
|
61
|
+
opacity: "0.6"
|
64
62
|
}
|
65
63
|
}
|
66
64
|
});
|
67
|
-
};
|
68
|
-
|
69
|
-
export default buttonPlugin;
|
65
|
+
});
|
66
|
+
export default togglePlugin;
|
package/esm/Tooltip/Tooltip.d.ts
CHANGED
@@ -20,5 +20,5 @@ export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEl
|
|
20
20
|
* - Not contain any links or buttons
|
21
21
|
* - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
|
22
22
|
*/
|
23
|
-
export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "
|
23
|
+
export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "key" | "id" | "color" | "translate" | "hidden" | "dir" | "slot" | "style" | "title" | "accessKey" | "draggable" | "lang" | "className" | "prefix" | "children" | "contentEditable" | "inputMode" | "tabIndex" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
|
24
24
|
export default Tooltip;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = tooltipPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const tooltipPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,13 +1,15 @@
|
|
1
|
+
import _plugin from "tailwindcss/plugin";
|
1
2
|
// @ts-check
|
2
|
-
|
3
|
-
|
4
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
5
|
-
*/
|
6
|
-
var tooltipPlugin = function tooltipPlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var tooltipPlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
var arrowSize = 4;
|
8
|
+
/** @type {string} */
|
9
|
+
|
10
10
|
var tooltipDarkBackground = theme("colors.grey.900");
|
11
|
+
/** @type {string} */
|
12
|
+
|
11
13
|
var tooltipLightBackground = theme("colors.white");
|
12
14
|
addComponents({
|
13
15
|
".tooltip": {
|
@@ -22,7 +24,7 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
22
24
|
border: "1px solid currentColor",
|
23
25
|
background: "initial",
|
24
26
|
whiteSpace: "nowrap",
|
25
|
-
lineHeight: 2
|
27
|
+
lineHeight: "2"
|
26
28
|
}
|
27
29
|
},
|
28
30
|
".tooltip-dark": {
|
@@ -38,8 +40,8 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
38
40
|
addComponents({
|
39
41
|
".tooltip-wrapper": {
|
40
42
|
display: "inline-block",
|
41
|
-
lineHeight: 0,
|
42
|
-
outline:
|
43
|
+
lineHeight: "0",
|
44
|
+
outline: "0px"
|
43
45
|
},
|
44
46
|
".tooltip-wrapper-popper": {
|
45
47
|
zIndex: theme("zIndex.tooltip"),
|
@@ -49,17 +51,17 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
49
51
|
".tooltip-wrapper-arrow": {
|
50
52
|
position: "absolute",
|
51
53
|
display: "block",
|
52
|
-
width: arrowSize,
|
53
|
-
height: arrowSize,
|
54
|
+
width: "".concat(arrowSize, "px"),
|
55
|
+
height: "".concat(arrowSize, "px"),
|
54
56
|
border: "".concat(arrowSize, "px solid transparent"),
|
55
57
|
color: tooltipDarkBackground,
|
56
58
|
'[data-popper-placement^="right"] > &': {
|
57
|
-
left: -arrowSize,
|
59
|
+
left: "".concat(-arrowSize, "px"),
|
58
60
|
borderLeft: "none",
|
59
61
|
borderRightColor: "currentColor"
|
60
62
|
},
|
61
63
|
'[data-popper-placement^="left"] > &': {
|
62
|
-
right: -arrowSize,
|
64
|
+
right: "".concat(-arrowSize, "px"),
|
63
65
|
borderRight: "none",
|
64
66
|
borderLeftColor: "currentColor"
|
65
67
|
},
|
@@ -69,7 +71,7 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
69
71
|
borderTopColor: "currentColor"
|
70
72
|
},
|
71
73
|
'[data-popper-placement^="bottom"] > &': {
|
72
|
-
top: -arrowSize,
|
74
|
+
top: "".concat(-arrowSize, "px"),
|
73
75
|
borderTop: "none",
|
74
76
|
borderBottomColor: "currentColor"
|
75
77
|
}
|
@@ -82,31 +84,30 @@ var tooltipPlugin = function tooltipPlugin(_ref) {
|
|
82
84
|
border: "".concat(arrowSize - 1, "px solid transparent")
|
83
85
|
},
|
84
86
|
'[data-popper-placement^="left"] > &::after': {
|
85
|
-
right:
|
87
|
+
right: "1px",
|
86
88
|
transform: "translate(0, -50%)",
|
87
89
|
borderRight: "none",
|
88
90
|
borderLeftColor: tooltipLightBackground
|
89
91
|
},
|
90
92
|
'[data-popper-placement^="right"] > &::after': {
|
91
|
-
left:
|
93
|
+
left: "1px",
|
92
94
|
transform: "translate(0, -50%)",
|
93
95
|
borderLeft: "none",
|
94
96
|
borderRightColor: tooltipLightBackground
|
95
97
|
},
|
96
98
|
'[data-popper-placement^="top"] > &::after': {
|
97
|
-
bottom:
|
99
|
+
bottom: "1px",
|
98
100
|
transform: "translate(-50%, 0)",
|
99
101
|
borderBottom: "none",
|
100
102
|
borderTopColor: tooltipLightBackground
|
101
103
|
},
|
102
104
|
'[data-popper-placement^="bottom"] > &::after': {
|
103
|
-
top:
|
105
|
+
top: "1px",
|
104
106
|
transform: "translate(-50%, 0)",
|
105
107
|
borderTop: "none",
|
106
108
|
borderBottomColor: tooltipLightBackground
|
107
109
|
}
|
108
110
|
}
|
109
111
|
});
|
110
|
-
};
|
111
|
-
|
112
|
+
});
|
112
113
|
export default tooltipPlugin;
|
@@ -22,6 +22,7 @@ export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
|
|
22
22
|
*/
|
23
23
|
interactive?: boolean;
|
24
24
|
content: ReactNode;
|
25
|
+
children: ReactNode;
|
25
26
|
}
|
26
27
|
export declare const TooltipWrapper: FunctionComponent<TooltipWrapperProps>;
|
27
28
|
export default TooltipWrapper;
|
package/esm/Tooltip/types.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import type { Placement, StrictModifiers } from "@popperjs/core";
|
2
|
+
import type { ReactNode } from "react";
|
2
3
|
import type { TooltipVariant } from "./Tooltip";
|
3
4
|
export interface TooltipWrapperBaseProps {
|
4
5
|
/** Defines where to open the menu */
|
@@ -9,4 +10,5 @@ export interface TooltipWrapperBaseProps {
|
|
9
10
|
/** Modifiers for the Popper menu */
|
10
11
|
modifiers?: StrictModifiers[];
|
11
12
|
noArrow?: boolean;
|
13
|
+
children: ReactNode;
|
12
14
|
}
|
@@ -1,17 +1,5 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
* @type {import('../tailwind-types').TailwindFunction}
|
7
|
-
*/
|
8
|
-
declare const mobile: import('../tailwind-types').TailwindFunction;
|
9
|
-
/**
|
10
|
-
* @type {import("../tailwind-types").TailwindPlugin}
|
11
|
-
*/
|
12
|
-
declare const typographyPlugin: import("../tailwind-types").TailwindPlugin;
|
13
|
-
export declare namespace styles {
|
14
|
-
export { desktop };
|
15
|
-
export { mobile };
|
16
|
-
}
|
17
|
-
export { typographyPlugin as plugin };
|
1
|
+
export = typographyPlugin;
|
2
|
+
declare const typographyPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|