@algolia/satellite 1.1.2 → 1.3.0
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/Button.tailwind.js +3 -12
- package/dist/cjs/Actions/Button/PolymorphicButton.js +2 -2
- package/dist/cjs/Actions/Button/PolymorphicIconButton.js +1 -1
- package/dist/cjs/Actions/Switch/Switch.js +1 -1
- package/dist/cjs/Actions/Switch/Switch.tailwind.js +2 -8
- package/dist/cjs/Actions/ToggleButton/ToggleButton.d.ts +27 -0
- package/dist/cjs/Actions/ToggleButton/ToggleButton.js +56 -0
- package/dist/cjs/Actions/index.d.ts +1 -0
- package/dist/cjs/Actions/index.js +11 -0
- package/dist/cjs/Fields/AutoComplete/AutoComplete.js +1 -1
- package/dist/cjs/Fields/AutoComplete/AutoComplete.tailwind.js +1 -10
- package/dist/cjs/Fields/AutoComplete/utils.js +1 -1
- package/dist/cjs/Fields/Checkbox/Checkbox.d.ts +1 -1
- package/dist/cjs/Fields/Checkbox/Checkbox.js +1 -1
- package/dist/cjs/Fields/Checkbox/Checkbox.tailwind.js +3 -11
- package/dist/cjs/Fields/DatePicker/DatePicker.tailwind.js +22 -23
- package/dist/cjs/Fields/DatePicker/components/Calendar.js +0 -1
- package/dist/cjs/Fields/Dropzone/Dropzone.js +3 -13
- package/dist/cjs/Fields/Form/Form.js +2 -2
- package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +1 -1
- package/dist/cjs/Fields/Form/stories/Complex.js +1 -1
- package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +1 -1
- package/dist/cjs/Fields/Form/stories/DirtyFields.js +1 -1
- package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +1 -1
- package/dist/cjs/Fields/Form/stories/FieldArrays.js +1 -1
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +3 -3
- package/dist/cjs/Fields/Input/Input.js +1 -1
- package/dist/cjs/Fields/Input/Input.tailwind.js +1 -12
- package/dist/cjs/Fields/RadioGroup/RadioButton.d.ts +1 -1
- package/dist/cjs/Fields/RadioGroup/RadioButton.js +1 -1
- package/dist/cjs/Fields/RadioGroup/RadioButton.tailwind.js +0 -11
- package/dist/cjs/Fields/RangeSlider/RangeSlider.d.ts +1 -1
- package/dist/cjs/Fields/RangeSlider/RangeSlider.js +1 -1
- package/dist/cjs/Fields/Select/Select.js +2 -2
- package/dist/cjs/Fields/Select/Select.tailwind.js +0 -10
- package/dist/cjs/Fields/TextArea/TextArea.js +1 -1
- package/dist/cjs/Fields/TextArea/TextArea.tailwind.js +0 -8
- package/dist/cjs/Fields/Toggle/Toggle.d.ts +1 -1
- package/dist/cjs/Fields/Toggle/Toggle.js +1 -1
- package/dist/cjs/Fields/Toggle/Toggle.tailwind.js +0 -7
- package/dist/cjs/Helpers/Separator/Separator.js +1 -1
- package/dist/cjs/Helpers/utilities/focusable.tailwind.d.ts +5 -0
- package/dist/cjs/Helpers/utilities/focusable.tailwind.js +14 -0
- package/dist/cjs/Icons/index.d.ts +1 -1
- package/dist/cjs/Icons/index.js +6 -0
- package/dist/cjs/Indicators/ProgressBar/ProgressBar.js +1 -1
- package/dist/cjs/Indicators/Tag/Tag.d.ts +1 -1
- package/dist/cjs/Indicators/Tag/Tag.js +2 -2
- package/dist/cjs/Indicators/Tag/Tag.tailwind.js +4 -19
- package/dist/cjs/Indicators/Toast/Toast.js +1 -1
- package/dist/cjs/Indicators/Toast/Toasts.js +4 -3
- package/dist/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +1 -0
- package/dist/cjs/Layout/Tables/DataTable/DataTable.d.ts +1 -1
- package/dist/cjs/Layout/Tables/DataTable/components/Body.d.ts +1 -1
- package/dist/cjs/Layout/Tables/DataTable/components/Header.d.ts +1 -2
- package/dist/cjs/Layout/Tables/DataTable/components/HeaderCell.d.ts +1 -1
- package/dist/cjs/Navigation/Link/BaseLink.js +7 -2
- package/dist/cjs/Navigation/Link/Link.js +1 -1
- package/dist/cjs/Navigation/Pagination/DotPagination/DotPagination.d.ts +1 -2
- package/dist/cjs/Navigation/Pagination/DotPagination/DotPagination.js +2 -1
- package/dist/cjs/Navigation/Stepper/Step.js +4 -1
- package/dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.js +3 -1
- package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -0
- package/dist/cjs/Overlay/Dropdown/components/DropdownDivider.d.ts +1 -2
- package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +2 -2
- package/dist/cjs/Overlay/MenuButton/MenuButton.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/CustomTrigger.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/DefaultTrigger.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/Divider.d.ts +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Divider.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/Label.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/items/Item.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/items/LinkItem.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/items/RadioItem.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -1
- package/dist/cjs/Overlay/Modal/Modal.js +1 -1
- package/dist/cjs/Overlay/Modal/Modal.tailwind.js +0 -1
- package/dist/cjs/Overlay/Popover/Popover.js +1 -1
- package/dist/cjs/Overlay/Popover/types.d.ts +1 -1
- package/dist/cjs/Overlay/Tooltip/Tooltip.d.ts +1 -1
- package/dist/cjs/Overlay/Tooltip/Tooltip.tailwind.js +1 -1
- package/dist/cjs/Overlay/Tooltip/TooltipWrapper.js +1 -1
- package/dist/cjs/Satellite/SatelliteRouter.js +1 -2
- package/dist/cjs/styles/tailwind.config.js +1 -2
- package/dist/cjs/utils/hashCode.js +0 -1
- package/dist/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/dist/esm/Actions/Button/Button.tailwind.js +3 -12
- package/dist/esm/Actions/Button/PolymorphicButton.js +2 -3
- package/dist/esm/Actions/Button/PolymorphicIconButton.js +2 -4
- package/dist/esm/Actions/Switch/Switch.js +2 -3
- package/dist/esm/Actions/Switch/Switch.tailwind.js +2 -8
- package/dist/esm/Actions/Switch/SwitchOption.js +1 -2
- package/dist/esm/Actions/ToggleButton/ToggleButton.d.ts +27 -0
- package/dist/esm/Actions/ToggleButton/ToggleButton.js +49 -0
- package/dist/esm/Actions/index.d.ts +1 -0
- package/dist/esm/Actions/index.js +1 -0
- package/dist/esm/Avatars/UserAvatar/UserAvatar.js +1 -2
- package/dist/esm/Fields/AutoComplete/AutoComplete.js +2 -3
- package/dist/esm/Fields/AutoComplete/AutoComplete.tailwind.js +1 -10
- package/dist/esm/Fields/AutoComplete/components/AutoCompleteEmptyState.js +1 -2
- package/dist/esm/Fields/AutoComplete/components/DefaultOptionItem.js +1 -2
- package/dist/esm/Fields/AutoComplete/utils.js +1 -1
- package/dist/esm/Fields/Checkbox/Checkbox.d.ts +1 -1
- package/dist/esm/Fields/Checkbox/Checkbox.js +2 -3
- package/dist/esm/Fields/Checkbox/Checkbox.tailwind.js +3 -11
- package/dist/esm/Fields/DatePicker/DatePicker/DatePicker.js +1 -3
- package/dist/esm/Fields/DatePicker/DatePicker.tailwind.js +22 -23
- package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.js +1 -3
- package/dist/esm/Fields/DatePicker/DateRangePicker/DateRangePickerDisplay.js +1 -3
- package/dist/esm/Fields/DatePicker/components/Calendar.js +0 -1
- package/dist/esm/Fields/DatePicker/components/FooterActions.js +1 -2
- package/dist/esm/Fields/DatePicker/components/NavBar.js +1 -2
- package/dist/esm/Fields/Dropzone/Dropzone.js +4 -15
- package/dist/esm/Fields/Field/Field.js +1 -2
- package/dist/esm/Fields/Form/Form.js +3 -5
- package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +1 -2
- package/dist/esm/Fields/Form/stories/Complex.js +1 -2
- package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +1 -2
- package/dist/esm/Fields/Form/stories/DirtyFields.js +1 -2
- package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +1 -2
- package/dist/esm/Fields/Form/stories/FieldArrays.js +1 -3
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +3 -4
- package/dist/esm/Fields/Input/Input.js +2 -3
- package/dist/esm/Fields/Input/Input.tailwind.js +1 -12
- package/dist/esm/Fields/RadioGroup/RadioButton.d.ts +1 -1
- package/dist/esm/Fields/RadioGroup/RadioButton.js +1 -1
- package/dist/esm/Fields/RadioGroup/RadioButton.tailwind.js +0 -11
- package/dist/esm/Fields/RadioGroup/RadioGroup.js +1 -2
- package/dist/esm/Fields/RangeSlider/RangeSlider.d.ts +1 -1
- package/dist/esm/Fields/RangeSlider/RangeSlider.js +2 -3
- package/dist/esm/Fields/Select/Select.js +3 -4
- package/dist/esm/Fields/Select/Select.tailwind.js +0 -10
- package/dist/esm/Fields/TextArea/TextArea.js +2 -3
- package/dist/esm/Fields/TextArea/TextArea.tailwind.js +0 -8
- package/dist/esm/Fields/Toggle/Toggle.d.ts +1 -1
- package/dist/esm/Fields/Toggle/Toggle.js +2 -3
- package/dist/esm/Fields/Toggle/Toggle.tailwind.js +0 -7
- package/dist/esm/Helpers/TextWrap/TextWrap.js +1 -2
- package/dist/esm/Helpers/utilities/focusable.tailwind.d.ts +5 -0
- package/dist/esm/Helpers/utilities/focusable.tailwind.js +12 -0
- package/dist/esm/Icons/AlgoliaRecommendIcon.js +1 -2
- package/dist/esm/Icons/AlgoliaSearchIcon.js +1 -2
- package/dist/esm/Icons/ContextIcon.js +1 -2
- package/dist/esm/Icons/CrawlerIcon.js +1 -2
- package/dist/esm/Icons/DragHandleIcon.js +1 -2
- package/dist/esm/Icons/NoFiltersIcon.js +1 -2
- package/dist/esm/Icons/PinIcon.js +1 -2
- package/dist/esm/Icons/QueryBreakdownIcon.js +1 -2
- package/dist/esm/Icons/SettingsConsequencesIcon.js +1 -2
- package/dist/esm/Icons/UnpinIcon.js +1 -2
- package/dist/esm/Icons/index.d.ts +1 -1
- package/dist/esm/Icons/index.js +2 -3
- package/dist/esm/Indicators/Badge/Badge.js +1 -2
- package/dist/esm/Indicators/Banners/Alert/Alert.js +1 -2
- package/dist/esm/Indicators/Banners/Promote/Promote.js +1 -2
- package/dist/esm/Indicators/Banners/SystemNotification/SystemNotification.js +1 -2
- package/dist/esm/Indicators/EmptyState/EmptyState.js +1 -2
- package/dist/esm/Indicators/ProgressSpinner/ProgressSpinner.js +1 -2
- package/dist/esm/Indicators/Tag/Tag.d.ts +1 -1
- package/dist/esm/Indicators/Tag/Tag.js +3 -4
- package/dist/esm/Indicators/Tag/Tag.tailwind.js +4 -19
- package/dist/esm/Indicators/Toast/Toast.js +1 -2
- package/dist/esm/Indicators/Toast/Toasts.js +4 -4
- package/dist/esm/Layout/Insert/Insert.js +1 -2
- package/dist/esm/Layout/Sidebar/SidebarButtonLink.js +1 -2
- package/dist/esm/Layout/Sidebar/SidebarLink.js +1 -2
- package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +1 -2
- package/dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +2 -2
- package/dist/esm/Layout/Tables/DataTable/DataTable.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/DataTable.js +1 -2
- package/dist/esm/Layout/Tables/DataTable/components/Body.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/components/Header.d.ts +1 -2
- package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.d.ts +1 -1
- package/dist/esm/Layout/Tables/DataTable/components/HeaderCell.js +1 -2
- package/dist/esm/Layout/Tables/Table/Table.js +1 -2
- package/dist/esm/Navigation/Link/BaseLink.js +7 -2
- package/dist/esm/Navigation/Link/Link.js +2 -3
- package/dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.js +1 -2
- package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.d.ts +1 -2
- package/dist/esm/Navigation/Pagination/DotPagination/DotPagination.js +2 -1
- package/dist/esm/Navigation/Pagination/Pagination/Pagination.js +1 -3
- package/dist/esm/Navigation/Stepper/Step.js +5 -3
- package/dist/esm/Navigation/Tabs/ContentTabs/ContentTabs.js +1 -2
- package/dist/esm/Navigation/Tabs/components/LinkTab.js +1 -2
- package/dist/esm/Overlay/Dropdown/Dropdown.js +1 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js +4 -3
- package/dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +2 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownDivider.d.ts +1 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownLinkItem.js +1 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js +1 -2
- package/dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js +1 -2
- package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +2 -2
- package/dist/esm/Overlay/MenuButton/components/Divider.d.ts +1 -2
- package/dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -2
- package/dist/esm/Overlay/MenuButton/components/items/Item.js +1 -2
- package/dist/esm/Overlay/MenuButton/components/items/LinkItem.js +1 -2
- package/dist/esm/Overlay/MenuButton/components/items/RadioItem.js +1 -2
- package/dist/esm/Overlay/MenuButton/components/items/ToggleItem.js +1 -2
- package/dist/esm/Overlay/Modal/Modal.js +1 -2
- package/dist/esm/Overlay/Popover/Popover.js +1 -2
- package/dist/esm/Overlay/Popover/types.d.ts +1 -1
- package/dist/esm/Overlay/Tooltip/Tooltip.d.ts +1 -1
- package/dist/esm/Overlay/Tooltip/Tooltip.tailwind.js +1 -1
- package/dist/esm/Overlay/Tooltip/TooltipWrapper.js +1 -3
- package/dist/esm/Satellite/SatelliteRouter.js +1 -2
- package/dist/esm/styles/tailwind.config.js +1 -2
- package/dist/esm/utils/hashCode.js +0 -1
- package/dist/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/dist/satellite.min.css +1 -1
- package/package.json +23 -18
@@ -5,24 +5,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
6
6
|
});
|
7
7
|
exports.BaseLink = void 0;
|
8
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
8
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
10
11
|
var _react = require("react");
|
12
|
+
var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
|
11
13
|
var _useLinkProps = require("../../utils/useLinkProps");
|
12
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
13
|
-
var
|
15
|
+
var _templateObject;
|
16
|
+
var _excluded = ["href", "onClick", "className"];
|
14
17
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
15
18
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
16
19
|
var BaseLink = exports.BaseLink = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
17
20
|
var href = _ref.href,
|
18
21
|
onClick = _ref.onClick,
|
22
|
+
className = _ref.className,
|
19
23
|
anchorProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
20
24
|
var linkProps = (0, _useLinkProps.useLinkProps)(_objectSpread(_objectSpread({}, anchorProps), {}, {
|
21
25
|
href: href,
|
22
26
|
onClick: onClick
|
23
27
|
}));
|
24
28
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
|
25
|
-
ref: ref
|
29
|
+
ref: ref,
|
30
|
+
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["focusable-visible"])))
|
26
31
|
}));
|
27
32
|
});
|
28
33
|
BaseLink.displayName = "BaseLink";
|
@@ -41,7 +41,7 @@ var Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
41
41
|
}
|
42
42
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
|
43
43
|
ref: ref,
|
44
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["typo-link inline-flex items-center"]))), className),
|
44
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["typo-link inline-flex items-center focusable-visible"]))), className),
|
45
45
|
children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
|
46
46
|
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-1 shrink-0"]))),
|
47
47
|
width: "1em",
|
@@ -1,4 +1,3 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import type { NumberUnion } from "utils/NumberUnion";
|
3
2
|
export declare type DotPaginationLocale = {
|
4
3
|
goToPageText?(page: number): string;
|
@@ -16,4 +15,4 @@ export declare type DotPaginationProps<T extends number> = {
|
|
16
15
|
*
|
17
16
|
* See the [Dot Pagination documentation page](https://satellite.algolia.com/components/navigation/dot-pagination) for more information.
|
18
17
|
*/
|
19
|
-
export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale, }: DotPaginationProps<T>) => JSX.Element;
|
18
|
+
export declare const DotPagination: <T extends number>({ currentPage, onChange, nbPages, size, locale, }: DotPaginationProps<T>) => import("react/jsx-runtime").JSX.Element;
|
@@ -38,8 +38,9 @@ var DotPagination = exports.DotPagination = function DotPagination(_ref) {
|
|
38
38
|
var pageIdx = idx + 1;
|
39
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
40
40
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
41
|
+
type: "button",
|
41
42
|
"aria-label": locale.goToPageText(pageIdx),
|
42
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n rounded-full mx-1 border\n ", "\n ", "\n "])), currentPage === pageIdx ? "bg-accent-600 border-transparent" : "bg-grey-200 border-grey-500", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
|
43
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n rounded-full mx-1 border focusable-visible\n ", "\n ", "\n "])), currentPage === pageIdx ? "bg-accent-600 border-transparent" : "bg-grey-200 border-grey-500", size === "medium" ? "h-3 w-3" : "h-2 w-2"),
|
43
44
|
onClick: function onClick() {
|
44
45
|
return onChange(pageIdx);
|
45
46
|
}
|
@@ -70,8 +70,11 @@ var Step = exports.Step = function Step(_ref) {
|
|
70
70
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
|
71
71
|
className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600 group/step"])))),
|
72
72
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
73
|
+
type: "button",
|
73
74
|
id: buttonId,
|
74
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["relative w-full flex items-center text-left gap-2 rounded border group/button"]))), (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["-outline-offset-2
|
75
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["relative w-full flex items-center text-left gap-2 rounded border group/button"]))), (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["focusable-visible !-outline-offset-2"]))),
|
76
|
+
// Avoid hover overlap
|
77
|
+
disabled ? (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["cursor-not-allowed"]))) : (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["hover:bg-grey-100"]))), active ? (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200 bg-white"]))) : (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["border-transparent"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
|
75
78
|
"aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
|
76
79
|
"aria-current": active ? "step" : undefined,
|
77
80
|
disabled: disabled,
|
@@ -26,7 +26,9 @@ var _DropdownButtonItem = function _DropdownButtonItem(props) {
|
|
26
26
|
StartIcon = _props$dropdownItemPr.startIcon,
|
27
27
|
mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
|
28
28
|
var showDestructiveVariant = !props.disabled && variant === "destructive";
|
29
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
|
30
|
+
type: "button"
|
31
|
+
}, mergedProps), {}, {
|
30
32
|
className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
|
31
33
|
children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
|
32
34
|
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
|
package/dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js
CHANGED
@@ -34,6 +34,7 @@ var DropdownCollapsibleItem = exports.DropdownCollapsibleItem = function Dropdow
|
|
34
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
35
35
|
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col"]))),
|
36
36
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
37
|
+
type: "button",
|
37
38
|
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n w-full h-10 px-4\n flex items-center justify-between\n text-grey-900 hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer\n "]))),
|
38
39
|
onClick: function onClick(evt) {
|
39
40
|
if (typeof expanded === "boolean") {
|
@@ -8,13 +8,13 @@ export declare type MenuButtonProps = DropdownMenuProps;
|
|
8
8
|
* See the [MenuButton documentation page](https://satellite.algolia.com/components/actions/dropdown) for more information.
|
9
9
|
*/
|
10
10
|
export declare const MenuButton: {
|
11
|
-
(props: MenuButtonProps): JSX.Element;
|
11
|
+
(props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
|
12
12
|
CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
|
13
13
|
CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
|
14
14
|
CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
|
15
15
|
Content: ({ children, className, ...rest }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
16
16
|
CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
|
17
|
-
Divider: () => JSX.Element;
|
17
|
+
Divider: () => import("react/jsx-runtime").JSX.Element;
|
18
18
|
Item: import("react").FC<import("./components/items").ItemProps>;
|
19
19
|
Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
|
20
20
|
LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
|
@@ -17,7 +17,7 @@ var _items = require("./components/items");
|
|
17
17
|
var _Label = require("./components/Label");
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
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); }
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
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; }
|
22
22
|
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; }
|
23
23
|
/**
|
@@ -12,7 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
12
12
|
var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
14
14
|
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); }
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
17
17
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
18
18
|
var CustomTrigger = exports.CustomTrigger = function CustomTrigger(_ref) {
|
@@ -15,7 +15,7 @@ var _Icons = require("../../../Icons");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
16
16
|
var _excluded = ["children"];
|
17
17
|
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); }
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
21
21
|
var DefaultTrigger = exports.DefaultTrigger = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
@@ -1,2 +1 @@
|
|
1
|
-
|
2
|
-
export declare const Divider: () => JSX.Element;
|
1
|
+
export declare const Divider: () => import("react/jsx-runtime").JSX.Element;
|
@@ -12,7 +12,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
13
13
|
var _templateObject;
|
14
14
|
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); }
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
16
|
var Divider = exports.Divider = function Divider() {
|
17
17
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Separator, {
|
18
18
|
className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["border-b border-grey-100"])))
|
@@ -16,7 +16,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
var _templateObject;
|
17
17
|
var _excluded = ["className"];
|
18
18
|
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); }
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
20
20
|
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; }
|
21
21
|
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; }
|
22
22
|
var Label = exports.Label = function Label(_ref) {
|
@@ -17,7 +17,7 @@ var _CollapsibleItemsGroupContext = require("./CollapsibleItemsGroupContext");
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
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); }
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
var CollapsibleItem = exports.CollapsibleItem = function CollapsibleItem(_ref) {
|
22
22
|
var title = _ref.title,
|
23
23
|
name = _ref.name,
|
@@ -17,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
var _templateObject, _templateObject2, _templateObject3;
|
18
18
|
var _excluded = ["children", "variant", "startIcon"];
|
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); }
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
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; }
|
22
22
|
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; }
|
23
23
|
var Item = exports.Item = function Item(props) {
|
@@ -21,7 +21,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
22
22
|
var _excluded = ["startIcon", "className", "children", "onClick", "navigationType"];
|
23
23
|
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); }
|
24
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
25
25
|
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; }
|
26
26
|
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; }
|
27
27
|
var LinkItem = exports.LinkItem = function LinkItem(props) {
|
@@ -18,7 +18,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
19
19
|
var _excluded = ["children", "className"];
|
20
20
|
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); }
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
22
22
|
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; }
|
23
23
|
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; }
|
24
24
|
var RadioItem = exports.RadioItem = function RadioItem(props) {
|
@@ -20,7 +20,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
20
20
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
21
21
|
var _excluded = ["className", "checked", "defaultChecked", "disabled", "startIcon", "onSelect", "children"];
|
22
22
|
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); }
|
23
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
23
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
24
24
|
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; }
|
25
25
|
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; }
|
26
26
|
var ToggleItem = exports.ToggleItem = function ToggleItem(props) {
|
@@ -22,7 +22,7 @@ var _ModalSection = require("./components/ModalSection");
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
23
23
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
|
24
24
|
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); }
|
25
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
25
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
26
26
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
27
27
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
28
28
|
var DEFAULT_MODAL_LOCALE = {
|
@@ -21,7 +21,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
22
22
|
var _excluded = ["children", "title", "subtitle", "content", "footer", "open", "onDismiss", "side", "sideOffset", "align", "alignOffset", "noArrow", "avoidCollisions", "autoFocusOnOpenElement", "locale"];
|
23
23
|
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); }
|
24
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
25
25
|
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; }
|
26
26
|
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; }
|
27
27
|
var DEFAULT_POPOVER_LOCALE = {
|
@@ -3,7 +3,7 @@ import type { HTMLAttributes, ReactElement, ReactNode } from "react";
|
|
3
3
|
export declare type PopoverLocale = {
|
4
4
|
dismissText?: string;
|
5
5
|
};
|
6
|
-
export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
6
|
+
export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "content"> {
|
7
7
|
/**
|
8
8
|
* Defines the trigger element of the `Popover`.
|
9
9
|
* It should be a button element.
|
@@ -8,4 +8,4 @@ export interface TooltipProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivEl
|
|
8
8
|
*
|
9
9
|
* See the [Tooltip documentation page](https://satellite.algolia.com/components/overlay/tooltip) for more information.
|
10
10
|
*/
|
11
|
-
export declare const Tooltip: import("react").ForwardRefExoticComponent<
|
11
|
+
export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -11,7 +11,7 @@ var tooltipPlugin = plugin(function (_ref) {
|
|
11
11
|
var tooltipLightBackground = theme("colors.white");
|
12
12
|
addComponents({
|
13
13
|
".tooltip": {
|
14
|
-
padding: "".concat(theme("spacing.
|
14
|
+
padding: "".concat(theme("spacing.2"), " ").concat(theme("spacing.3")),
|
15
15
|
backgroundColor: tooltipDarkBackground,
|
16
16
|
color: theme("colors.white"),
|
17
17
|
boxShadow: theme("boxShadow.z200"),
|
@@ -17,7 +17,7 @@ var _Tooltip = require("./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); }
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u &&
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
21
|
/**
|
22
22
|
* The `TooltipWrapper` component is used to wrap content and display a tooltip on hover.
|
23
23
|
*
|
@@ -12,7 +12,7 @@ var DefaultRouter = exports.DefaultRouter = /*#__PURE__*/function () {
|
|
12
12
|
function DefaultRouter() {
|
13
13
|
(0, _classCallCheck2["default"])(this, DefaultRouter);
|
14
14
|
}
|
15
|
-
(0, _createClass2["default"])(DefaultRouter, [{
|
15
|
+
return (0, _createClass2["default"])(DefaultRouter, [{
|
16
16
|
key: "push",
|
17
17
|
value: function push(_ref) {
|
18
18
|
var url = _ref.url,
|
@@ -42,6 +42,5 @@ var DefaultRouter = exports.DefaultRouter = /*#__PURE__*/function () {
|
|
42
42
|
return href;
|
43
43
|
}
|
44
44
|
}]);
|
45
|
-
return DefaultRouter;
|
46
45
|
}();
|
47
46
|
var router = exports.router = new DefaultRouter();
|
@@ -42,7 +42,6 @@ module.exports = {
|
|
42
42
|
// 28px,
|
43
43
|
"3xl": "2.625rem" // 42px,
|
44
44
|
},
|
45
|
-
|
46
45
|
lineHeight: {
|
47
46
|
inherit: "inherit",
|
48
47
|
sm: "1rem",
|
@@ -142,5 +141,5 @@ module.exports = {
|
|
142
141
|
}
|
143
142
|
}
|
144
143
|
},
|
145
|
-
plugins: [require("@tailwindcss/container-queries"), require("./base.tailwind"), require("../Helpers/utilities/overlay.tailwind"), require("../Helpers/utilities/utilities.tailwind"), require("../Typography/Typography.tailwind"), require("../Layout/FlexGrid/FlexGrid.tailwind"), require("../Fields/AutoComplete/AutoComplete.tailwind"), require("../Actions/Button/Button.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/Switch/Switch.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/Toggle/Toggle.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
|
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("../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/Switch/Switch.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/Toggle/Toggle.tailwind"), require("../Overlay/Tooltip/Tooltip.tailwind"), require("../Helpers/UserContent/UserContent.tailwind"), require("../Fields/DatePicker/DatePicker.tailwind")]
|
146
145
|
};
|
@@ -1 +1 @@
|
|
1
|
-
export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "clipPath" | "marker" | "mask" | "grid" | "fontSize" | "translate" | "color" | "width" | "height" | "direction" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "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" | "
|
1
|
+
export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "clipPath" | "marker" | "mask" | "grid" | "fontSize" | "translate" | "content" | "color" | "width" | "height" | "direction" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "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" | "left" | "right" | "top" | "bottom" | "all" | "columns" | "padding" | "resize" | "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" | "border" | "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" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "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" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
|
@@ -17,9 +17,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
17
17
|
minWidth: "min-content",
|
18
18
|
"&, &:hover": {
|
19
19
|
textDecoration: "none"
|
20
|
-
},
|
21
|
-
"&:focus": {
|
22
|
-
outline: "none"
|
23
20
|
}
|
24
21
|
},
|
25
22
|
".btn-disabled": {
|
@@ -30,9 +27,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
30
27
|
"&:hover": {
|
31
28
|
backgroundColor: rgba(theme("colors.grey.300"), 0.15)
|
32
29
|
},
|
33
|
-
"&:focus": {
|
34
|
-
boxShadow: "0 0 0 1px ".concat(theme("colors.accent.600"))
|
35
|
-
},
|
36
30
|
"&:active, &.btn-active": {
|
37
31
|
color: theme("colors.accent.600"),
|
38
32
|
backgroundColor: theme("colors.accent.100"),
|
@@ -56,8 +50,7 @@ var buttonPlugin = plugin(function (_ref) {
|
|
56
50
|
},
|
57
51
|
"&:focus": {
|
58
52
|
backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
|
59
|
-
|
60
|
-
boxShadow: "\n 0 0 0 1px ".concat(theme("colors.accent.600"), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.5"), "\n ")
|
53
|
+
boxShadow: "0 2px 0 1px ".concat(theme("colors.shadow.5"))
|
61
54
|
},
|
62
55
|
"&:active, &.btn-active": {
|
63
56
|
borderColor: theme("colors.grey.200"),
|
@@ -83,8 +76,7 @@ var buttonPlugin = plugin(function (_ref) {
|
|
83
76
|
},
|
84
77
|
"&:focus": {
|
85
78
|
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.accent.600"), " 0%, ").concat(theme("colors.accent.700"), " 100%)"),
|
86
|
-
|
87
|
-
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 0 0 1px ").concat(theme("colors.accent.800"), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
79
|
+
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
88
80
|
},
|
89
81
|
"&:active, &.btn-active": {
|
90
82
|
backgroundColor: theme("colors.accent.700"),
|
@@ -111,8 +103,7 @@ var buttonPlugin = plugin(function (_ref) {
|
|
111
103
|
},
|
112
104
|
"&:focus": {
|
113
105
|
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.red.600"), " 0%, ").concat(theme("colors.red.700"), " 100%)"),
|
114
|
-
|
115
|
-
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 0 0 1px ").concat(theme("colors.red.800"), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
106
|
+
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
116
107
|
},
|
117
108
|
"&:active, &.btn-active": {
|
118
109
|
borderColor: theme("colors.red.800"),
|
@@ -11,9 +11,8 @@ import { ProgressSpinner } from "../../Indicators";
|
|
11
11
|
import stl from "../../styles/helpers/satellitePrefixer";
|
12
12
|
import { BUTTON_LOADER_ICON_SIZES, BUTTON_SIZE_CLASSNAMES, BUTTON_VARIANT_CLASSNAMES, getIconColorClassName } from "./styles";
|
13
13
|
import { isButtonType } from "./types";
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
15
|
-
|
16
|
-
var BASE_CLASSNAMES = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["btn inline-flex justify-center items-center px-3 typo-display-body"])));
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
15
|
+
var BASE_CLASSNAMES = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["btn inline-flex justify-center items-center px-3 typo-display-body focusable-visible"])));
|
17
16
|
var ICON_SIZE = 16;
|
18
17
|
/**
|
19
18
|
* `PolymorphicButton` is intended for internal use
|
@@ -12,10 +12,8 @@ import { TooltipWrapper } from "../../Overlay";
|
|
12
12
|
import stl from "../../styles/helpers/satellitePrefixer";
|
13
13
|
import { BUTTON_LOADER_ICON_SIZES, BUTTON_VARIANT_CLASSNAMES } from "./styles";
|
14
14
|
import { isButtonType } from "./types";
|
15
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
16
|
-
|
17
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
18
|
-
var BASE_CLASSNAMES = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["btn inline-flex items-center justify-center"])));
|
15
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
16
|
+
var BASE_CLASSNAMES = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["btn inline-flex items-center justify-center focusable-visible"])));
|
19
17
|
var SIZE_CLASSNAMES = {
|
20
18
|
small: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["max-h-6 max-w-6 min-h-6 min-w-6 text-mobile md:text-sm"]))),
|
21
19
|
medium: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["max-h-8 max-w-8 min-h-8 min-w-8 text-md"]))),
|
@@ -9,8 +9,7 @@ import { prefersReducedMotion } from "../../utils/prefersReducedMotion";
|
|
9
9
|
import { uniqueId } from "../../utils/uniqueId";
|
10
10
|
import { BUTTON_SIZE_CLASSNAMES } from "../Button/styles";
|
11
11
|
import { buildAnimationKeySelector } from "./utils";
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
13
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
14
13
|
/**
|
15
14
|
* The `Switch` component is used to select one option among a list of options.
|
16
15
|
*
|
@@ -73,7 +72,7 @@ export var Switch = function Switch(_ref) {
|
|
73
72
|
},
|
74
73
|
children: /*#__PURE__*/_jsxs("div", {
|
75
74
|
ref: containerRef,
|
76
|
-
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["switch\n relative inline-flex typo-display-body rounded bg-grey-100\n ", "\n "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className),
|
75
|
+
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["switch focusable-visible-within\n relative inline-flex typo-display-body rounded bg-grey-100\n ", "\n "])), size === "large" ? "switch-large space-x-1" : "space-x-2px"), BUTTON_SIZE_CLASSNAMES[size], className),
|
77
76
|
children: [/*#__PURE__*/_jsx("div", {
|
78
77
|
ref: valueIndicatorRef,
|
79
78
|
style: valueIndicatorStyle,
|