@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
@@ -12,7 +12,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
12
12
|
|
13
13
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
14
14
|
|
15
|
-
var _excluded = ["
|
15
|
+
var _excluded = ["optionItemPrefix"];
|
16
16
|
|
17
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
18
18
|
|
@@ -37,14 +37,14 @@ import { Popper } from "react-popper";
|
|
37
37
|
import Button from "../Button";
|
38
38
|
import Card from "../Card";
|
39
39
|
import { FieldStateContext } from "../Field/FieldStateContext";
|
40
|
+
import { SatelliteContext } from "../Satellite";
|
40
41
|
import ScrollIndicator from "../ScrollIndicator";
|
41
42
|
import stl from "../styles/helpers/satellitePrefixer";
|
42
43
|
import Tag from "../Tag";
|
43
|
-
import pluralize from "../utils/pluralize";
|
44
44
|
import uniqBy from "../utils/uniqBy";
|
45
45
|
import AutoCompleteEmptyState from "./components/AutoCompleteEmptyState";
|
46
46
|
import DefaultOptionItem from "./components/DefaultOptionItem";
|
47
|
-
import { defaultCreateFromInputValue, isAutoCompleteMultiProps } from "./utils";
|
47
|
+
import { DEFAULT_AUTOCOMPLETE_LOCALE, defaultCreateFromInputValue, isAutoCompleteMultiProps } from "./utils";
|
48
48
|
import { jsx as _jsx } from "react/jsx-runtime";
|
49
49
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
50
50
|
|
@@ -112,26 +112,19 @@ var BACKSPACE_KEY_CODE = 8;
|
|
112
112
|
|
113
113
|
/** @ignore */
|
114
114
|
var DefaultEmptyState = function DefaultEmptyState(_ref) {
|
115
|
-
var
|
116
|
-
|
117
|
-
var locale = _ref.locale;
|
115
|
+
var emptyStateTitle = _ref.emptyStateTitle;
|
118
116
|
return /*#__PURE__*/_jsx(AutoCompleteEmptyState, {
|
119
|
-
title:
|
117
|
+
title: emptyStateTitle
|
120
118
|
});
|
121
119
|
};
|
122
120
|
|
123
|
-
/** @ignore */
|
124
121
|
var DefaultOption = function DefaultOption(_ref2) {
|
125
|
-
var
|
122
|
+
var optionItemPrefix = _ref2.optionItemPrefix,
|
126
123
|
props = _objectWithoutProperties(_ref2, _excluded);
|
127
124
|
|
128
125
|
return /*#__PURE__*/_jsx(DefaultOptionItem, _objectSpread(_objectSpread({}, props), {}, {
|
129
126
|
locale: {
|
130
|
-
optionItemPrefix:
|
131
|
-
var _locale$optionItemPre, _locale$optionItemPre2;
|
132
|
-
|
133
|
-
return (_locale$optionItemPre = locale === null || locale === void 0 ? void 0 : (_locale$optionItemPre2 = locale.optionItemPrefix) === null || _locale$optionItemPre2 === void 0 ? void 0 : _locale$optionItemPre2.call(locale, multiple)) !== null && _locale$optionItemPre !== void 0 ? _locale$optionItemPre : AutoComplete.defaultProps.locale.optionItemPrefix(multiple);
|
134
|
-
}
|
127
|
+
optionItemPrefix: optionItemPrefix !== null && optionItemPrefix !== void 0 ? optionItemPrefix : DEFAULT_AUTOCOMPLETE_LOCALE.optionItemPrefix
|
135
128
|
}
|
136
129
|
}));
|
137
130
|
};
|
@@ -346,23 +339,17 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
346
339
|
}
|
347
340
|
|
348
341
|
if (!options.resultCount) {
|
349
|
-
|
350
|
-
|
351
|
-
return (_this$props$locale$em = (_this$props$locale = _this.props.locale) === null || _this$props$locale === void 0 ? void 0 : _this$props$locale.emptyStateTitle) !== null && _this$props$locale$em !== void 0 ? _this$props$locale$em : "";
|
342
|
+
return _this.locale.emptyStateTitle;
|
352
343
|
}
|
353
344
|
|
354
345
|
if (options.resultCount > 0) {
|
355
|
-
|
356
|
-
|
357
|
-
return (_this$props$locale$it = (_this$props$locale2 = _this.props.locale) === null || _this$props$locale2 === void 0 ? void 0 : (_this$props$locale2$i = _this$props$locale2.itemsAvailable) === null || _this$props$locale2$i === void 0 ? void 0 : _this$props$locale2$i.call(_this$props$locale2, options.resultCount)) !== null && _this$props$locale$it !== void 0 ? _this$props$locale$it : "";
|
346
|
+
return _this.locale.itemsAvailable(options.resultCount);
|
358
347
|
}
|
359
348
|
|
360
349
|
return "";
|
361
350
|
});
|
362
351
|
|
363
352
|
_defineProperty(_assertThisInitialized(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
|
364
|
-
var _this$props$locale3;
|
365
|
-
|
366
353
|
var _this$props3 = _this.props,
|
367
354
|
id = _this$props3.id,
|
368
355
|
placeholder = _this$props3.placeholder,
|
@@ -428,7 +415,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
428
415
|
onClick: _this.handleFakeInputClick,
|
429
416
|
ref: _this.handleInputContainerRefUpdate,
|
430
417
|
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
431
|
-
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4
|
418
|
+
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
|
432
419
|
size: "1rem"
|
433
420
|
}), /*#__PURE__*/_jsxs("div", {
|
434
421
|
className: cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName),
|
@@ -460,7 +447,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
460
447
|
type: "button",
|
461
448
|
className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["w-6 flex items-center justify-center text-grey-500"]))),
|
462
449
|
onClick: _this.handleClearClick,
|
463
|
-
"aria-label":
|
450
|
+
"aria-label": _this.locale.clearInputButton,
|
464
451
|
children: /*#__PURE__*/_jsx(X, {
|
465
452
|
size: ".75rem"
|
466
453
|
})
|
@@ -479,7 +466,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
479
466
|
isOpen = autocompleteHelpers.isOpen;
|
480
467
|
|
481
468
|
var defaultEmptyState = /*#__PURE__*/_jsx(DefaultEmptyState, {
|
482
|
-
|
469
|
+
emptyStateTitle: _this.locale.emptyStateTitle
|
483
470
|
});
|
484
471
|
|
485
472
|
var _this$props4 = _this.props,
|
@@ -522,8 +509,6 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
522
509
|
referenceElement: (_this$inputContainerR3 = _this.inputContainerRef) !== null && _this$inputContainerR3 !== void 0 ? _this$inputContainerR3 : undefined,
|
523
510
|
modifiers: MENU_POPPER_MODFIERS,
|
524
511
|
children: function children(popper) {
|
525
|
-
var _this$props$locale4, _this$props$locale4$s;
|
526
|
-
|
527
512
|
return /*#__PURE__*/_jsx("div", {
|
528
513
|
className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
|
529
514
|
style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
|
@@ -547,7 +532,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
547
532
|
children: /*#__PURE__*/_jsx(OptionItem, _objectSpread(_objectSpread({}, optionItemProps), {}, {
|
548
533
|
highlighted: index === highlightedIndex,
|
549
534
|
option: result,
|
550
|
-
|
535
|
+
optionItemPrefix: _this.locale.optionItemPrefix
|
551
536
|
}))
|
552
537
|
}), result.value);
|
553
538
|
}), extraResults > 0 && !showAllResults && /*#__PURE__*/_jsx("li", {
|
@@ -556,7 +541,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
556
541
|
variant: "subtle",
|
557
542
|
size: "small",
|
558
543
|
onMouseDown: _this.handleShowAllResults,
|
559
|
-
children:
|
544
|
+
children: _this.locale.showMoreButton(extraResults)
|
560
545
|
})
|
561
546
|
})]
|
562
547
|
}))
|
@@ -611,6 +596,11 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
611
596
|
});
|
612
597
|
}
|
613
598
|
}
|
599
|
+
}, {
|
600
|
+
key: "locale",
|
601
|
+
get: function get() {
|
602
|
+
return _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_AUTOCOMPLETE_LOCALE), this.context["locales"]), this.props.locale);
|
603
|
+
}
|
614
604
|
}, {
|
615
605
|
key: "render",
|
616
606
|
value: function render() {
|
@@ -645,6 +635,8 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
|
|
645
635
|
return AutoComplete;
|
646
636
|
}(Component);
|
647
637
|
|
638
|
+
_defineProperty(AutoComplete, "contextType", SatelliteContext);
|
639
|
+
|
648
640
|
_defineProperty(AutoComplete, "defaultProps", {
|
649
641
|
clearable: false,
|
650
642
|
creatable: false,
|
@@ -655,22 +647,7 @@ _defineProperty(AutoComplete, "defaultProps", {
|
|
655
647
|
separatorKeyCodes: [],
|
656
648
|
separatorKeys: [],
|
657
649
|
optionItemComponent: DefaultOption,
|
658
|
-
noWrap: false
|
659
|
-
locale: {
|
660
|
-
clearInputButton: "Clear input value",
|
661
|
-
emptyStateTitle: "No matches found",
|
662
|
-
itemsAvailable: function itemsAvailable(resultCount) {
|
663
|
-
return "".concat(pluralize(resultCount, "item is", {
|
664
|
-
plural: "items are"
|
665
|
-
}), " available");
|
666
|
-
},
|
667
|
-
showMoreButton: function showMoreButton(extraResults) {
|
668
|
-
return "Show ".concat(pluralize(extraResults, "result"), " more");
|
669
|
-
},
|
670
|
-
optionItemPrefix: function optionItemPrefix(multiple) {
|
671
|
-
return multiple ? "Add" : "Use";
|
672
|
-
}
|
673
|
-
}
|
650
|
+
noWrap: false
|
674
651
|
});
|
675
652
|
|
676
653
|
export default AutoComplete;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = autoCompletePlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const autoCompletePlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,13 +1,11 @@
|
|
1
1
|
import _rgba from "../styles/rgba";
|
2
2
|
import _disabledColor from "../styles/disabledColor";
|
3
|
+
import _plugin from "tailwindcss/plugin";
|
3
4
|
// @ts-check
|
5
|
+
var plugin = _plugin;
|
4
6
|
var disabledColor = _disabledColor;
|
5
7
|
var rgba = _rgba;
|
6
|
-
|
7
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
8
|
-
*/
|
9
|
-
|
10
|
-
var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
8
|
+
var autoCompletePlugin = plugin(function (_ref) {
|
11
9
|
var addComponents = _ref.addComponents,
|
12
10
|
theme = _ref.theme;
|
13
11
|
addComponents({
|
@@ -30,14 +28,14 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
|
30
28
|
"&::after": {
|
31
29
|
content: '" "',
|
32
30
|
display: "block",
|
33
|
-
minHeight:
|
31
|
+
minHeight: "30px",
|
34
32
|
// don't ask me why 30
|
35
|
-
fontSize:
|
33
|
+
fontSize: "0px"
|
36
34
|
},
|
37
35
|
"&.autocomplete-large": {
|
38
36
|
minHeight: "3rem",
|
39
37
|
"&::after": {
|
40
|
-
minHeight:
|
38
|
+
minHeight: "38px" // don't ask me why 38
|
41
39
|
|
42
40
|
}
|
43
41
|
}
|
@@ -67,12 +65,12 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
|
67
65
|
scrollbarWidth: "none",
|
68
66
|
msOverflowStyle: "-ms-autohiding-scrollbar",
|
69
67
|
"&::-webkit-scrollbar": {
|
70
|
-
width:
|
71
|
-
height:
|
68
|
+
width: "0px",
|
69
|
+
height: "0px"
|
72
70
|
}
|
73
71
|
},
|
74
72
|
".autocomplete-input": {
|
75
|
-
flex: 1,
|
73
|
+
flex: "1",
|
76
74
|
backgroundColor: "transparent",
|
77
75
|
caretColor: theme("colors.grey.600"),
|
78
76
|
color: theme("colors.grey.900"),
|
@@ -92,6 +90,5 @@ var autoCompletePlugin = function autoCompletePlugin(_ref) {
|
|
92
90
|
}
|
93
91
|
}
|
94
92
|
});
|
95
|
-
};
|
96
|
-
|
93
|
+
});
|
97
94
|
export default autoCompletePlugin;
|
@@ -1,4 +1,5 @@
|
|
1
|
-
import type { AutoCompleteMultiProps, AutoCompleteProps, Option } from "./types";
|
1
|
+
import type { AutoCompleteLocale, AutoCompleteMultiProps, AutoCompleteProps, Option } from "./types";
|
2
2
|
export declare function isAutoCompleteMultiProps<T extends Option = Option>(props: AutoCompleteProps<T>): props is AutoCompleteMultiProps<T>;
|
3
3
|
export declare const defaultCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
|
4
4
|
export declare const caseInsensitiveCreateFromInputValue: <T extends Option = Option>(options: T[] | undefined, inputValue: string) => Option[];
|
5
|
+
export declare const DEFAULT_AUTOCOMPLETE_LOCALE: Required<AutoCompleteLocale>;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import pluralize from "../utils/pluralize";
|
1
2
|
export function isAutoCompleteMultiProps(props) {
|
2
3
|
return Boolean(props.multiple);
|
3
4
|
}
|
@@ -24,4 +25,19 @@ export var caseInsensitiveCreateFromInputValue = function caseInsensitiveCreateF
|
|
24
25
|
return createFromInputValue(options, inputValue, function (option) {
|
25
26
|
return option.value.toString().toLowerCase() === inputValue.toLowerCase();
|
26
27
|
});
|
28
|
+
};
|
29
|
+
export var DEFAULT_AUTOCOMPLETE_LOCALE = {
|
30
|
+
clearInputButton: "Clear input value",
|
31
|
+
emptyStateTitle: "No matches found",
|
32
|
+
itemsAvailable: function itemsAvailable(count) {
|
33
|
+
return "".concat(pluralize(count, "item is", {
|
34
|
+
plural: "items are"
|
35
|
+
}), " available");
|
36
|
+
},
|
37
|
+
optionItemPrefix: function optionItemPrefix(multiple) {
|
38
|
+
return multiple ? "Add" : "Use";
|
39
|
+
},
|
40
|
+
showMoreButton: function showMoreButton(extraResults) {
|
41
|
+
return "Show ".concat(pluralize(extraResults, "result"), " more");
|
42
|
+
}
|
27
43
|
};
|
@@ -18,7 +18,7 @@ export var ApplicationAvatar = function ApplicationAvatar(_ref) {
|
|
18
18
|
_ref$size = _ref.size,
|
19
19
|
size = _ref$size === void 0 ? "medium" : _ref$size;
|
20
20
|
return /*#__PURE__*/_jsx("div", {
|
21
|
-
className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["rounded inline-flex
|
21
|
+
className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["rounded inline-flex shrink-0 items-center justify-center uppercase"]))), pickApplicationColors(application.applicationId), SIZE_CLASSNAMES[size], className),
|
22
22
|
style: size === "small" ? {
|
23
23
|
fontSize: "8px"
|
24
24
|
} : {},
|
package/esm/Banner/Banner.d.ts
CHANGED
package/esm/Banner/Banner.js
CHANGED
@@ -132,7 +132,7 @@ export var Banner = function Banner(props) {
|
|
132
132
|
className: containerClassName,
|
133
133
|
style: style,
|
134
134
|
children: [Icon && /*#__PURE__*/_jsx(Icon, {
|
135
|
-
className: cx(stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n
|
135
|
+
className: cx(stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n shrink-0\n ", "\n ", "\n "])), usageContext !== "inline" ? "mr-4" : "mr-2", isBannerDefaultProps(props) && props.title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
|
136
136
|
size: "1rem"
|
137
137
|
}), /*#__PURE__*/_jsxs("div", {
|
138
138
|
className: stl(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["flex flex-1 flex-col ", ""])), onDismiss && "mr-2"),
|
@@ -18,6 +18,7 @@ export interface AlertProps {
|
|
18
18
|
usageContext?: AlertContextType;
|
19
19
|
icon?: IconComponentType;
|
20
20
|
onDismiss?(): void;
|
21
|
+
children: ReactNode;
|
21
22
|
}
|
22
23
|
/**
|
23
24
|
* Alerts inform users about important changes or temporally conditions. Use this component if you need to communicate something to users in a prominent way.
|
@@ -106,7 +106,7 @@ export var Alert = function Alert(_ref) {
|
|
106
106
|
className: containerClassName,
|
107
107
|
style: style,
|
108
108
|
children: [/*#__PURE__*/_jsx(Icon, {
|
109
|
-
className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n
|
109
|
+
className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n shrink-0 mr-2\n ", "\n "])), title ? "mt-1" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
|
110
110
|
size: "1rem"
|
111
111
|
}), /*#__PURE__*/_jsxs("div", {
|
112
112
|
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["flex flex-1 flex-col ", ""])), onDismiss && "mr-6"),
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import type { FC } from "react";
|
1
|
+
import type { FC, ReactNode } from "react";
|
2
2
|
import type { IconComponentType } from "../../types";
|
3
3
|
export interface BigBerthaProps {
|
4
4
|
icon?: IconComponentType;
|
5
|
+
children: ReactNode;
|
5
6
|
}
|
6
7
|
/**
|
7
8
|
* Major product wide announcement from Algolia to the users.
|
@@ -17,6 +17,7 @@ export declare type PromoteProps = {
|
|
17
17
|
/** Buttons */
|
18
18
|
actions?: ReactNode;
|
19
19
|
onDismiss?(): void;
|
20
|
+
children: ReactNode;
|
20
21
|
} & (CompactPromoteProps | WidePromoteProps);
|
21
22
|
/**
|
22
23
|
* A contextual way of showing our user that a new feature / product is available to them on a higher plan or as an option.
|
package/esm/Button/Button.js
CHANGED
@@ -68,12 +68,12 @@ export var Button = function Button(props) {
|
|
68
68
|
size: BUTTON_LOADER_ICON_SIZES[size],
|
69
69
|
thickness: 1
|
70
70
|
}), StartIcon && /*#__PURE__*/_jsx(StartIcon, {
|
71
|
-
className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["
|
71
|
+
className: cx(stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["shrink-0 pr-2"]))), iconClassNames)
|
72
72
|
}), /*#__PURE__*/_jsx("span", {
|
73
73
|
className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["truncate text-center"]))), textClassNames),
|
74
74
|
children: children
|
75
75
|
}), EndIcon && /*#__PURE__*/_jsx(EndIcon, {
|
76
|
-
className: cx(stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["
|
76
|
+
className: cx(stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["shrink-0 pl-2"]))), iconClassNames)
|
77
77
|
})]
|
78
78
|
}));
|
79
79
|
};
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = buttonPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const buttonPlugin: {
|
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 buttonPlugin = function buttonPlugin(_ref) {
|
7
|
+
var rgba = _rgba;
|
8
|
+
var buttonPlugin = plugin(function (_ref) {
|
11
9
|
var addComponents = _ref.addComponents,
|
12
10
|
theme = _ref.theme;
|
13
11
|
// Button
|
@@ -135,24 +133,23 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
135
133
|
display: "flex",
|
136
134
|
flexWrap: "nowrap",
|
137
135
|
"& > .btn:not(:first-child):not(:last-child), & > :not(:first-child):not(:last-child) .btn": {
|
138
|
-
borderRadius:
|
136
|
+
borderRadius: "0px"
|
139
137
|
},
|
140
138
|
"& > .btn:first-child, & > :first-child .btn": {
|
141
|
-
borderTopRightRadius:
|
142
|
-
borderBottomRightRadius:
|
139
|
+
borderTopRightRadius: "0px",
|
140
|
+
borderBottomRightRadius: "0px"
|
143
141
|
},
|
144
142
|
"& > .btn:not(:first-child), & > :not(:first-child) .btn": {
|
145
|
-
marginLeft: -
|
143
|
+
marginLeft: "-1px"
|
146
144
|
},
|
147
145
|
"& > .btn:last-child, & > :last-child .btn": {
|
148
|
-
borderTopLeftRadius:
|
149
|
-
borderBottomLeftRadius:
|
146
|
+
borderTopLeftRadius: "0px",
|
147
|
+
borderBottomLeftRadius: "0px"
|
150
148
|
},
|
151
149
|
"& .btn:active, & .btn-active, & .btn:focus": {
|
152
|
-
zIndex: 1
|
150
|
+
zIndex: "1"
|
153
151
|
}
|
154
152
|
}
|
155
153
|
});
|
156
|
-
};
|
157
|
-
|
154
|
+
});
|
158
155
|
export default buttonPlugin;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import type { FunctionComponent } from "react";
|
1
|
+
import type { FunctionComponent, ReactNode } from "react";
|
2
2
|
export interface ButtonGroupProps {
|
3
3
|
className?: string;
|
4
4
|
as?: keyof JSX.IntrinsicElements;
|
5
|
+
children: ReactNode;
|
5
6
|
}
|
6
7
|
/**
|
7
8
|
* - Use grouped buttons when there is a close relationship between a number of buttons.
|
@@ -1,5 +1,5 @@
|
|
1
1
|
export = cardPlugin;
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
2
|
+
declare const cardPlugin: {
|
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 cardPlugin = function cardPlugin(_ref) {
|
3
|
+
var plugin = _plugin;
|
4
|
+
var cardPlugin = plugin(function (_ref) {
|
7
5
|
var addComponents = _ref.addComponents,
|
8
6
|
theme = _ref.theme;
|
9
7
|
addComponents({
|
@@ -14,7 +12,7 @@ var cardPlugin = function cardPlugin(_ref) {
|
|
14
12
|
padding: theme("spacing.6")
|
15
13
|
},
|
16
14
|
".card-fullbleed": {
|
17
|
-
padding:
|
15
|
+
padding: "0px"
|
18
16
|
},
|
19
17
|
".card-z100": {
|
20
18
|
boxShadow: theme("boxShadow.z100")
|
@@ -30,9 +28,8 @@ var cardPlugin = function cardPlugin(_ref) {
|
|
30
28
|
},
|
31
29
|
".card-z500": {
|
32
30
|
boxShadow: theme("boxShadow.z500"),
|
33
|
-
borderRadius:
|
31
|
+
borderRadius: "8px"
|
34
32
|
}
|
35
33
|
});
|
36
|
-
};
|
37
|
-
|
34
|
+
});
|
38
35
|
export default cardPlugin;
|
@@ -1,4 +1,6 @@
|
|
1
|
-
import type { FunctionComponent } from "react";
|
2
|
-
export declare type CardTitleProps = JSX.IntrinsicElements["h2"]
|
1
|
+
import type { FunctionComponent, ReactNode } from "react";
|
2
|
+
export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
|
3
|
+
children: ReactNode;
|
4
|
+
};
|
3
5
|
export declare const CardTitle: FunctionComponent<CardTitleProps>;
|
4
6
|
export default CardTitle;
|
@@ -20,5 +20,5 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
|
|
20
20
|
* - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
|
21
21
|
* - Checkboxes require the use of a button to apply the settings once they are selected
|
22
22
|
*/
|
23
|
-
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "
|
23
|
+
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
|
24
24
|
export default Checkbox;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
export =
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
export = checkboxPlugin;
|
2
|
+
declare const checkboxPlugin: {
|
3
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
4
|
+
config?: import("tailwindcss").Config | undefined;
|
5
|
+
};
|
@@ -1,22 +1,20 @@
|
|
1
1
|
import _disabledColor from "../styles/disabledColor";
|
2
|
+
import _plugin from "tailwindcss/plugin";
|
2
3
|
// @ts-check
|
4
|
+
var plugin = _plugin;
|
3
5
|
var disabledColor = _disabledColor;
|
4
|
-
|
5
|
-
* @type {import('../tailwind-types').TailwindPlugin}
|
6
|
-
*/
|
7
|
-
|
8
|
-
var buttonPlugin = function buttonPlugin(_ref) {
|
6
|
+
var checkboxPlugin = plugin(function (_ref) {
|
9
7
|
var addComponents = _ref.addComponents,
|
10
8
|
theme = _ref.theme;
|
11
9
|
addComponents({
|
12
10
|
".checkbox": {
|
13
11
|
position: "relative",
|
14
|
-
width:
|
15
|
-
height:
|
12
|
+
width: "16px",
|
13
|
+
height: "16px",
|
16
14
|
display: "flex",
|
17
15
|
justifyContent: "center",
|
18
16
|
alignItems: "center",
|
19
|
-
flexShrink: 0,
|
17
|
+
flexShrink: "0",
|
20
18
|
overflow: "hidden",
|
21
19
|
color: theme("colors.accent.600"),
|
22
20
|
background: "linear-gradient(180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
|
@@ -32,7 +30,7 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
32
30
|
color: "currentColor",
|
33
31
|
transition: "150ms cubic-bezier(0.23, 1, 0.32, 1)",
|
34
32
|
transform: "scale(1.8)",
|
35
|
-
opacity: 0
|
33
|
+
opacity: "0"
|
36
34
|
}
|
37
35
|
},
|
38
36
|
".checkbox-invalid:not(.checkbox-disabled)": {
|
@@ -48,7 +46,7 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
48
46
|
boxShadow: "\n inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5"), ",\n 0 0 0 1px currentColor\n ")
|
49
47
|
},
|
50
48
|
"& > .checkbox-icon": {
|
51
|
-
opacity: 1,
|
49
|
+
opacity: "1",
|
52
50
|
transform: "scale(1)"
|
53
51
|
}
|
54
52
|
},
|
@@ -60,9 +58,8 @@ var buttonPlugin = function buttonPlugin(_ref) {
|
|
60
58
|
color: disabledColor(theme("colors.grey.200"))
|
61
59
|
},
|
62
60
|
".checkbox-icon": {
|
63
|
-
strokeWidth:
|
61
|
+
strokeWidth: "3px"
|
64
62
|
}
|
65
63
|
});
|
66
|
-
};
|
67
|
-
|
68
|
-
export default buttonPlugin;
|
64
|
+
});
|
65
|
+
export default checkboxPlugin;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { FC } from "react";
|
1
|
+
import type { FC, ReactNode } from "react";
|
2
2
|
interface ClickAwayContextType {
|
3
3
|
registerElement(element: HTMLElement): void;
|
4
4
|
unregisterElement(element: HTMLElement): void;
|
@@ -14,6 +14,7 @@ export interface ClickAwayContainerProps {
|
|
14
14
|
* happens outside of the subtree tracked by this component instance
|
15
15
|
* */
|
16
16
|
onClickAway(evt: Event): void;
|
17
|
+
children?: ReactNode;
|
17
18
|
}
|
18
19
|
/**
|
19
20
|
* ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
|