@algolia/satellite 2.10.0 → 2.11.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/Accordion/Accordion.js +1 -2
- package/dist/cjs/Actions/Accordion/Accordion.styles.d.ts +2 -2
- package/dist/cjs/Actions/Accordion/Accordion.styles.js +23 -23
- package/dist/cjs/Actions/Button/PolymorphicButton.js +1 -2
- package/dist/cjs/Actions/Button/styles.js +4 -4
- package/dist/cjs/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
- package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +2 -2
- package/dist/cjs/Actions/ToggleGroup/ToggleGroup.js +1 -2
- package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.js +2 -3
- package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
- package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatMessage/ChatMessage.js +1 -1
- package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.js +10 -10
- package/dist/cjs/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
- package/dist/cjs/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
- package/dist/cjs/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
- package/dist/cjs/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
- package/dist/cjs/Fields/AutoComplete/AutoComplete.js +14 -14
- package/dist/cjs/Fields/DatePicker/components/Popover.js +2 -3
- package/dist/cjs/Fields/Dropzone/Dropzone.js +5 -5
- package/dist/cjs/Fields/FilePicker/FilePicker.js +4 -4
- package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +17 -18
- package/dist/cjs/Fields/Form/stories/Complex.js +67 -68
- package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +9 -10
- package/dist/cjs/Fields/Form/stories/DirtyFields.js +18 -19
- package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +19 -20
- package/dist/cjs/Fields/Form/stories/ExtraErrors.js +13 -14
- package/dist/cjs/Fields/Form/stories/FieldArrays.js +23 -24
- package/dist/cjs/Fields/Form/stories/JSONForms.js +79 -79
- package/dist/cjs/Fields/Form/stories/MultiStep.js +72 -73
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +15 -16
- package/dist/cjs/Fields/Input/Input.js +10 -10
- package/dist/cjs/Fields/SelectableCard/SelectableCard.js +9 -9
- package/dist/cjs/Fields/Switch/Switch.tailwind.js +4 -1
- package/dist/cjs/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
- package/dist/cjs/Icons/AmexCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/AmexCardIcon.js +34 -0
- package/dist/cjs/Icons/DiscoverCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/DiscoverCardIcon.js +34 -0
- package/dist/cjs/Icons/MasterCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/MasterCardIcon.js +34 -0
- package/dist/cjs/Icons/VisaCardIcon.d.ts +2 -0
- package/dist/cjs/Icons/VisaCardIcon.js +34 -0
- package/dist/cjs/Icons/index.d.ts +4 -0
- package/dist/cjs/Icons/index.js +28 -0
- package/dist/cjs/Indicators/Avatars/utils.js +4 -4
- package/dist/cjs/Indicators/Badge/Badge.js +4 -4
- package/dist/cjs/Indicators/Banners/Alert/Alert.js +13 -13
- package/dist/cjs/Indicators/Banners/Promote/Promote.js +4 -4
- package/dist/cjs/Indicators/EmptyState/EmptyState.js +16 -16
- package/dist/cjs/Indicators/Medallion/Medallion.js +3 -3
- package/dist/cjs/Indicators/ProgressBar/ProgressBar.js +1 -2
- package/dist/cjs/Indicators/Separator/Separator.js +1 -2
- package/dist/cjs/Indicators/Tag/Tag.js +10 -10
- package/dist/cjs/Indicators/Toast/Toast.js +12 -13
- package/dist/cjs/Indicators/Toast/Toasts.js +2 -3
- package/dist/cjs/Layout/CollapsibleCard/CollapsibleCard.js +1 -2
- package/dist/cjs/Layout/FlexGrid/FlexGrid.js +11 -11
- package/dist/cjs/Layout/Tables/DataTable/DataTable.js +3 -3
- package/dist/cjs/Navigation/Stepper/Step.js +12 -12
- package/dist/cjs/Navigation/Tabs/components/LinkTab.js +6 -6
- package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +1 -1
- package/dist/cjs/Overlay/MenuButton/MenuButton.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Content.js +1 -1
- package/dist/cjs/Overlay/MenuButton/components/CustomTrigger.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/DefaultTrigger.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/Divider.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/Item.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/LinkItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/RadioItem.js +1 -2
- package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -2
- package/dist/cjs/Overlay/Modal/Modal.js +9 -10
- package/dist/cjs/Overlay/Popover/Popover.js +2 -3
- package/dist/cjs/Overlay/TooltipWrapper/TooltipWrapper.js +2 -3
- package/dist/cjs/utils/getTextFromReactNode.js +1 -1
- package/dist/cjs/utils/onlyText.js +2 -2
- package/dist/esm/Actions/Accordion/Accordion.styles.d.ts +2 -2
- package/dist/esm/Actions/Accordion/Accordion.styles.js +23 -23
- package/dist/esm/Actions/Button/styles.js +4 -4
- package/dist/esm/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
- package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +2 -2
- package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.js +1 -1
- package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
- package/dist/esm/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatMessage/ChatMessage.js +1 -1
- package/dist/esm/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatMessage/ChatMessage.styles.js +10 -10
- package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
- package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
- package/dist/esm/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
- package/dist/esm/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
- package/dist/esm/Fields/AutoComplete/AutoComplete.js +14 -14
- package/dist/esm/Fields/DatePicker/components/Popover.js +1 -1
- package/dist/esm/Fields/Dropzone/Dropzone.js +5 -5
- package/dist/esm/Fields/FilePicker/FilePicker.js +4 -4
- package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +16 -16
- package/dist/esm/Fields/Form/stories/Complex.js +66 -66
- package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +8 -8
- package/dist/esm/Fields/Form/stories/DirtyFields.js +17 -17
- package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +18 -18
- package/dist/esm/Fields/Form/stories/ExtraErrors.js +12 -12
- package/dist/esm/Fields/Form/stories/FieldArrays.js +22 -22
- package/dist/esm/Fields/Form/stories/JSONForms.js +79 -79
- package/dist/esm/Fields/Form/stories/MultiStep.js +71 -71
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +14 -14
- package/dist/esm/Fields/Input/Input.js +10 -10
- package/dist/esm/Fields/SelectableCard/SelectableCard.js +9 -9
- package/dist/esm/Fields/Switch/Switch.tailwind.js +4 -1
- package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
- package/dist/esm/Icons/AmexCardIcon.d.ts +2 -0
- package/dist/esm/Icons/AmexCardIcon.js +27 -0
- package/dist/esm/Icons/DiscoverCardIcon.d.ts +2 -0
- package/dist/esm/Icons/DiscoverCardIcon.js +27 -0
- package/dist/esm/Icons/MasterCardIcon.d.ts +2 -0
- package/dist/esm/Icons/MasterCardIcon.js +27 -0
- package/dist/esm/Icons/VisaCardIcon.d.ts +2 -0
- package/dist/esm/Icons/VisaCardIcon.js +27 -0
- package/dist/esm/Icons/index.d.ts +4 -0
- package/dist/esm/Icons/index.js +4 -0
- package/dist/esm/Indicators/Avatars/utils.js +4 -4
- package/dist/esm/Indicators/Badge/Badge.js +4 -4
- package/dist/esm/Indicators/Banners/Alert/Alert.js +13 -13
- package/dist/esm/Indicators/Banners/Promote/Promote.js +4 -4
- package/dist/esm/Indicators/EmptyState/EmptyState.js +16 -16
- package/dist/esm/Indicators/Medallion/Medallion.js +3 -3
- package/dist/esm/Indicators/Tag/Tag.js +10 -10
- package/dist/esm/Indicators/Toast/Toast.js +11 -11
- package/dist/esm/Indicators/Toast/Toasts.js +1 -1
- package/dist/esm/Layout/FlexGrid/FlexGrid.js +11 -11
- package/dist/esm/Layout/Tables/DataTable/DataTable.js +3 -3
- package/dist/esm/Navigation/Stepper/Step.js +12 -12
- package/dist/esm/Navigation/Tabs/components/LinkTab.js +6 -6
- package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +1 -1
- package/dist/esm/Overlay/MenuButton/components/Content.js +1 -1
- package/dist/esm/Overlay/Modal/Modal.js +8 -8
- package/dist/esm/Overlay/Popover/Popover.js +1 -1
- package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.js +1 -1
- package/dist/esm/utils/getTextFromReactNode.js +1 -1
- package/dist/esm/utils/onlyText.js +2 -2
- package/dist/satellite.min.css +1 -1
- package/package.json +19 -28
|
@@ -12,7 +12,7 @@ var _Icons = require("./../../../Icons");
|
|
|
12
12
|
var _Layout = require("./../../../Layout");
|
|
13
13
|
var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
15
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
16
16
|
var TITLE_VARIANT_CLASSNAMES = {
|
|
17
17
|
compact: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["display-heading mb-2"]))),
|
|
18
18
|
large: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["display-medium mb-4"])))
|
|
@@ -50,7 +50,7 @@ var Promote = exports.Promote = function Promote(_ref) {
|
|
|
50
50
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
51
51
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["", ""])), variant === "large" ? "p-6" : "p-4"),
|
|
52
52
|
children: [!!context && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
53
|
-
className: (0, _satellitePrefixer["default"])(
|
|
53
|
+
className: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["block mb-1"]))),
|
|
54
54
|
children: context
|
|
55
55
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("header", {
|
|
56
56
|
className: TITLE_VARIANT_CLASSNAMES[variant],
|
|
@@ -59,11 +59,11 @@ var Promote = exports.Promote = function Promote(_ref) {
|
|
|
59
59
|
className: BODY_VARIANT_CLASSNAMES[variant],
|
|
60
60
|
children: children
|
|
61
61
|
}), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
62
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
62
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["flex space-x-2"]))), ACTIONS_VARIANT_CLASSNAMES[variant]),
|
|
63
63
|
children: actions
|
|
64
64
|
})]
|
|
65
65
|
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
66
|
-
className: (0, _satellitePrefixer["default"])(
|
|
66
|
+
className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
|
|
67
67
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.IconButton, {
|
|
68
68
|
icon: _Icons.XIcon,
|
|
69
69
|
title: "Close",
|
|
@@ -11,7 +11,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
11
11
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
12
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
15
15
|
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; }
|
|
16
16
|
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; }
|
|
17
17
|
var CONTAINER_CONTEXT_CLASSNAMES = {
|
|
@@ -37,19 +37,19 @@ var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
|
|
|
37
37
|
page: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mb-6"])))
|
|
38
38
|
};
|
|
39
39
|
var TITLE_CONTEXT_CLASSNAMES = {
|
|
40
|
-
result: (0, _satellitePrefixer["default"])(
|
|
41
|
-
feature: (0, _satellitePrefixer["default"])(
|
|
42
|
-
page: (0, _satellitePrefixer["default"])(
|
|
40
|
+
result: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
|
|
41
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["display-medium"]))),
|
|
42
|
+
page: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["display-xlarge"])))
|
|
43
43
|
};
|
|
44
44
|
var DESCRIPTION_CONTEXT_CLASSNAMES = {
|
|
45
|
-
result: (0, _satellitePrefixer["default"])(
|
|
46
|
-
feature: (0, _satellitePrefixer["default"])(
|
|
47
|
-
page: (0, _satellitePrefixer["default"])(
|
|
45
|
+
result: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["display-caption mt-2"]))),
|
|
46
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["display-body mt-2"]))),
|
|
47
|
+
page: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["display-small mt-6"])))
|
|
48
48
|
};
|
|
49
49
|
var ACTIONS_CONTEXT_CLASSNAMES = {
|
|
50
|
-
result: (0, _satellitePrefixer["default"])(
|
|
51
|
-
feature: (0, _satellitePrefixer["default"])(
|
|
52
|
-
page: (0, _satellitePrefixer["default"])(
|
|
50
|
+
result: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))),
|
|
51
|
+
feature: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["mt-3"]))),
|
|
52
|
+
page: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["mt-6 md:flex-row"])))
|
|
53
53
|
};
|
|
54
54
|
var ILLUSTRATION_SIZES = {
|
|
55
55
|
small: {
|
|
@@ -89,9 +89,9 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
89
89
|
width = _ref$width === void 0 ? "medium" : _ref$width,
|
|
90
90
|
_ref$centered = _ref.centered,
|
|
91
91
|
centered = _ref$centered === void 0 ? false : _ref$centered;
|
|
92
|
-
var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
93
|
-
var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
94
|
-
var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
92
|
+
var containerClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex items-center gap-16"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["justify-center text-center lg:flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["justify-between flex-col lg:flex-row"]))));
|
|
93
|
+
var titleClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
|
|
94
|
+
var descriptionClassNames = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
|
|
95
95
|
var actionsClassNames = (0, _clsx["default"])(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
|
|
96
96
|
var sizedLeadIllustration = injectIllustrationSize(leadIllustration, illustrationSize, {
|
|
97
97
|
display: "inline-block"
|
|
@@ -100,7 +100,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
100
100
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
101
101
|
className: containerClassNames,
|
|
102
102
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
103
|
-
className: (0, _satellitePrefixer["default"])(
|
|
103
|
+
className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["min-w-2/5"]))),
|
|
104
104
|
children: [centered && !!leadIllustration && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
105
105
|
className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
|
|
106
106
|
children: sizedLeadIllustration
|
|
@@ -111,11 +111,11 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
111
111
|
className: descriptionClassNames,
|
|
112
112
|
children: description
|
|
113
113
|
}), !!actions && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
114
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
114
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["flex flex-wrap gap-2"]))), centered ? (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["items-center justify-center"]))) : (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["items-start justify-start"]))), actionsDirection === "column" || centered ? (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["flex-col"]))) : (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["flex-row"]))), actionsClassNames),
|
|
115
115
|
children: actions
|
|
116
116
|
})]
|
|
117
117
|
}), !centered && usageContext === "page" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
118
|
-
className: (0, _satellitePrefixer["default"])(
|
|
118
|
+
className: (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["hidden lg:flex items-center justify-center"]))),
|
|
119
119
|
children: sizedPageIllustration
|
|
120
120
|
})]
|
|
121
121
|
});
|
|
@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
10
10
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
12
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
13
13
|
var VARIANT_CLASSNAMES = {
|
|
14
14
|
grey: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["medallion-grey text-grey-600"]))),
|
|
15
15
|
pink: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-700"]))),
|
|
@@ -37,9 +37,9 @@ var Medallion = exports.Medallion = function Medallion(_ref) {
|
|
|
37
37
|
className = _ref.className;
|
|
38
38
|
var medallionClassName = VARIANT_CLASSNAMES[variant];
|
|
39
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
40
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
40
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
|
|
41
41
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
42
|
-
className: (0, _satellitePrefixer["default"])(
|
|
42
|
+
className: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["p-1 ", ""])), size === "large" && "w-10 h-10")
|
|
43
43
|
})
|
|
44
44
|
});
|
|
45
45
|
};
|
|
@@ -18,8 +18,7 @@ var _prefersReducedMotion = require("./../../utils/prefersReducedMotion");
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
20
20
|
var _excluded = ["value", "max", "className", "barClassName"];
|
|
21
|
-
function
|
|
22
|
-
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
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
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; }
|
|
24
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; }
|
|
25
24
|
/**
|
|
@@ -13,8 +13,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
13
13
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
var _templateObject, _templateObject2;
|
|
16
|
-
function
|
|
17
|
-
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
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
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; }
|
|
19
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; }
|
|
20
19
|
/**
|
|
@@ -17,7 +17,7 @@ var _Satellite = require("./../../Satellite");
|
|
|
17
17
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _excluded = ["children", "variant", "className", "onAdd", "addTooltip", "onRemove", "removeTooltip", "locale"];
|
|
20
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18
|
|
20
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
|
|
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 DEFAULT_TAG_LOCALE = {
|
|
@@ -40,11 +40,11 @@ var VARIANT_CLASSNAMES = {
|
|
|
40
40
|
var BUTTON_VARIANT_CLASSNAMES = {
|
|
41
41
|
accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-200 hover:bg-accent-200 focus:bg-accent-200"]))),
|
|
42
42
|
grey: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-grey-200 hover:bg-grey-200 focus:bg-grey-200"]))),
|
|
43
|
-
blue: (0, _satellitePrefixer["default"])(
|
|
44
|
-
green: (0, _satellitePrefixer["default"])(
|
|
45
|
-
orange: (0, _satellitePrefixer["default"])(
|
|
46
|
-
red: (0, _satellitePrefixer["default"])(
|
|
47
|
-
pink: (0, _satellitePrefixer["default"])(
|
|
43
|
+
blue: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["border-blue-200 hover:bg-blue-200 focus:bg-blue-200"]))),
|
|
44
|
+
green: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["border-green-300 hover:bg-green-300 focus:bg-green-300"]))),
|
|
45
|
+
orange: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-orange-300 hover:bg-orange-300 focus:bg-orange-300"]))),
|
|
46
|
+
red: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
|
|
47
|
+
pink: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
/**
|
|
@@ -66,7 +66,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
66
66
|
var title = typeof children === "string" ? children : "tag";
|
|
67
67
|
var contextLocale = (0, _Satellite.useLocale)("tag");
|
|
68
68
|
var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
|
|
69
|
-
var tagClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
69
|
+
var tagClassName = (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["tag"]))), VARIANT_CLASSNAMES[variant], className);
|
|
70
70
|
var isInsideAutoComplete = (0, _AutoCompleteContext.useIsInsideAutoComplete)();
|
|
71
71
|
var tabIndexProps = isInsideAutoComplete ? {
|
|
72
72
|
tabIndex: -1
|
|
@@ -82,7 +82,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
82
82
|
onRemove === null || onRemove === void 0 || onRemove(evt);
|
|
83
83
|
};
|
|
84
84
|
var content = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
85
|
-
className: (0, _satellitePrefixer["default"])(
|
|
85
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["truncate flex-1"]))),
|
|
86
86
|
children: children
|
|
87
87
|
});
|
|
88
88
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", _objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -93,7 +93,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
93
93
|
hideDelay: 0,
|
|
94
94
|
side: "bottom",
|
|
95
95
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
|
|
96
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
96
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["tag-add-button focusable-visible"]))), !removable && (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
|
|
97
97
|
type: "button",
|
|
98
98
|
onClick: handleAdd,
|
|
99
99
|
"aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
|
|
@@ -107,7 +107,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
107
107
|
side: "bottom",
|
|
108
108
|
align: "start",
|
|
109
109
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
|
|
110
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
110
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["tag-close-button focusable-visible p-1"]))), !addable && (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
|
|
111
111
|
type: "button",
|
|
112
112
|
onClick: handleRemove,
|
|
113
113
|
"aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,
|
|
@@ -20,9 +20,8 @@ var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/
|
|
|
20
20
|
var _isRenderedChild = require("./../../utils/isRenderedChild");
|
|
21
21
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
22
|
var _excluded = ["onDismiss", "title", "icon", "loading", "variant", "locale", "children"];
|
|
23
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17
|
|
24
|
-
function
|
|
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; }
|
|
23
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
|
|
24
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
26
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; }
|
|
27
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; }
|
|
28
27
|
var DEFAULT_TOAST_LOCALE = {
|
|
@@ -40,9 +39,9 @@ var VARIANT_SPINNER_CLASSNAMES = {
|
|
|
40
39
|
grey: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["border-grey-500"]))),
|
|
41
40
|
accent: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["border-accent-500"]))),
|
|
42
41
|
blue: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["border-blue-600"]))),
|
|
43
|
-
green: (0, _satellitePrefixer["default"])(
|
|
44
|
-
orange: (0, _satellitePrefixer["default"])(
|
|
45
|
-
red: (0, _satellitePrefixer["default"])(
|
|
42
|
+
green: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["border-green-600"]))),
|
|
43
|
+
orange: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["border-orange-500"]))),
|
|
44
|
+
red: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["border-red-500"])))
|
|
46
45
|
};
|
|
47
46
|
var Toast = exports.Toast = function Toast(_ref) {
|
|
48
47
|
var onDismiss = _ref.onDismiss,
|
|
@@ -65,25 +64,25 @@ var Toast = exports.Toast = function Toast(_ref) {
|
|
|
65
64
|
}
|
|
66
65
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Layout.Card, _objectSpread(_objectSpread({}, rest), {}, {
|
|
67
66
|
fullBleed: true,
|
|
68
|
-
className: (0, _satellitePrefixer["default"])(
|
|
67
|
+
className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["toast shadow-z500"]))),
|
|
69
68
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
70
|
-
className: (0, _satellitePrefixer["default"])(
|
|
69
|
+
className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["p-4 flex"]))),
|
|
71
70
|
children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner.ProgressSpinner, {
|
|
72
71
|
"aria-hidden": true,
|
|
73
72
|
size: 24,
|
|
74
73
|
className: VARIANT_SPINNER_CLASSNAMES[variant]
|
|
75
74
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
76
75
|
"aria-hidden": true,
|
|
77
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
76
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
|
|
78
77
|
size: 24
|
|
79
78
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
80
|
-
className: (0, _satellitePrefixer["default"])(
|
|
79
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["flex-1 ml-4 min-w-0 break-words"]))),
|
|
81
80
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
82
|
-
className: (0, _satellitePrefixer["default"])(
|
|
81
|
+
className: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex justify-between"]))),
|
|
83
82
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ToastPrimitive.Title, {
|
|
84
83
|
asChild: true,
|
|
85
84
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
86
|
-
className: (0, _satellitePrefixer["default"])(
|
|
85
|
+
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["overflow-hidden mt-0.5"]))),
|
|
87
86
|
children: title
|
|
88
87
|
})
|
|
89
88
|
}), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastPrimitive.Close, {
|
|
@@ -101,7 +100,7 @@ var Toast = exports.Toast = function Toast(_ref) {
|
|
|
101
100
|
})
|
|
102
101
|
})]
|
|
103
102
|
}), (0, _isRenderedChild.isRenderedChild)(children) && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastPrimitive.Description, {
|
|
104
|
-
className: (0, _satellitePrefixer["default"])(
|
|
103
|
+
className: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600 mt-2"]))),
|
|
105
104
|
children: children
|
|
106
105
|
})]
|
|
107
106
|
})]
|
|
@@ -18,8 +18,7 @@ var _prefersReducedMotion = require("./../../utils/prefersReducedMotion");
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
20
20
|
var _excluded = ["content", "id", "autoDismissAfter"];
|
|
21
|
-
function
|
|
22
|
-
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
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
23
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; }
|
|
24
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; }
|
|
25
24
|
var DEFAULT_TOASTS_LOCALE = {
|
|
@@ -49,7 +48,7 @@ var Toasts = exports.Toasts = function Toasts(_ref) {
|
|
|
49
48
|
console.warn("Toasts: You should not set `autoDismissAfter` to less than 2000 ms, even for brief messages.");
|
|
50
49
|
}
|
|
51
50
|
}
|
|
52
|
-
return createPortal(
|
|
51
|
+
return createPortal(/*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastPrimitive.Provider, {
|
|
53
52
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.TransitionGroup, {
|
|
54
53
|
component: null,
|
|
55
54
|
children: notifications.map(function (_ref2) {
|
|
@@ -17,8 +17,7 @@ var _Card = require("../Card");
|
|
|
17
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
18
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
19
19
|
var _excluded = ["defaultOpen", "open", "onOpenChange", "header", "hideIcon", "children"];
|
|
20
|
-
function
|
|
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; }
|
|
20
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
22
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; }
|
|
23
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; }
|
|
24
23
|
/**
|
|
@@ -11,7 +11,7 @@ var _react = require("react");
|
|
|
11
11
|
var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
|
|
12
12
|
var _isRenderedChild = require("./../../utils/isRenderedChild");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20; // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
|
|
15
15
|
var SPACING_CLASSNAMES = {
|
|
16
16
|
none: "",
|
|
17
17
|
sm: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-grid-sm"]))),
|
|
@@ -27,16 +27,16 @@ var ALIGNMENT_CLASSNAMES = {
|
|
|
27
27
|
leading: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["items-start"]))),
|
|
28
28
|
center: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["items-center"]))),
|
|
29
29
|
trailing: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["items-end"]))),
|
|
30
|
-
fill: (0, _satellitePrefixer["default"])(
|
|
31
|
-
baseline: (0, _satellitePrefixer["default"])(
|
|
30
|
+
fill: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["items-stretch"]))),
|
|
31
|
+
baseline: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["items-baseline"])))
|
|
32
32
|
};
|
|
33
33
|
var DISTRIBUTION_CLASSNAMES = {
|
|
34
|
-
leading: (0, _satellitePrefixer["default"])(
|
|
35
|
-
trailing: (0, _satellitePrefixer["default"])(
|
|
36
|
-
center: (0, _satellitePrefixer["default"])(
|
|
37
|
-
equalSpacing: (0, _satellitePrefixer["default"])(
|
|
38
|
-
fill: (0, _satellitePrefixer["default"])(
|
|
39
|
-
fillEvenly: (0, _satellitePrefixer["default"])(
|
|
34
|
+
leading: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["justify-start"]))),
|
|
35
|
+
trailing: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["justify-end"]))),
|
|
36
|
+
center: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["justify-center"]))),
|
|
37
|
+
equalSpacing: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["justify-between"]))),
|
|
38
|
+
fill: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill"]))),
|
|
39
|
+
fillEvenly: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-d-fill-even"])))
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
/**
|
|
@@ -60,9 +60,9 @@ var FlexGrid = exports.FlexGrid = function FlexGrid(_ref) {
|
|
|
60
60
|
wrap = _ref$wrap === void 0 ? false : _ref$wrap,
|
|
61
61
|
children = _ref.children;
|
|
62
62
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
63
|
-
className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(
|
|
63
|
+
className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inline"]))), className),
|
|
64
64
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
65
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
65
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex-grid-inner"]))), inline ? (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["inline-flex"]))) : (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["flex"]))), wrap && (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["flex-wrap"]))), SPACING_CLASSNAMES[spacing], DIRECTION_CLASSNAMES[direction], ALIGNMENT_CLASSNAMES[alignment], DISTRIBUTION_CLASSNAMES[distribution]),
|
|
66
66
|
children: _react.Children.map(children, function (child) {
|
|
67
67
|
return /*#__PURE__*/(0, _react.isValidElement)(child) ? child : (0, _isRenderedChild.isRenderedChild)(child) ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
68
68
|
children: child
|
|
@@ -23,7 +23,7 @@ var _Satellite = require("./../../../Satellite");
|
|
|
23
23
|
var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
|
|
24
24
|
var _utils2 = require("./../../../utils");
|
|
25
25
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
26
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
26
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
27
27
|
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; }
|
|
28
28
|
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; }
|
|
29
29
|
var DEFAULT_DATATABLE_LOCALE = {
|
|
@@ -217,11 +217,11 @@ var DataTable = exports.DataTable = function DataTable(_ref) {
|
|
|
217
217
|
children: [status === "loading" && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
218
218
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
|
|
219
219
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loader.DataTableLoader, {
|
|
220
|
-
className: (0, _satellitePrefixer["default"])(
|
|
220
|
+
className: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["-mt-12"]))),
|
|
221
221
|
locale: locale
|
|
222
222
|
})
|
|
223
223
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Table.Table, {
|
|
224
|
-
className: (0, _satellitePrefixer["default"])(
|
|
224
|
+
className: (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
|
|
225
225
|
mode: mode,
|
|
226
226
|
highlight: false,
|
|
227
227
|
footer: shouldRenderPagination() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.DataTableFooter, {
|
|
@@ -17,7 +17,7 @@ var _getTextFromReactNode = require("./../../utils/getTextFromReactNode");
|
|
|
17
17
|
var _uniqueId = require("./../../utils/uniqueId");
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
var _excluded = ["className", "index", "icon", "label", "name", "completed", "disabled"];
|
|
20
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36
|
|
20
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
|
|
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 BUTTON_SIZE_CLASSNAMES = {
|
|
@@ -36,9 +36,9 @@ var CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES = {
|
|
|
36
36
|
large: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["w-[112px]"])))
|
|
37
37
|
};
|
|
38
38
|
var ICON_SIZE_CLASSNAMES = {
|
|
39
|
-
small: (0, _satellitePrefixer["default"])(
|
|
40
|
-
"default": (0, _satellitePrefixer["default"])(
|
|
41
|
-
large: (0, _satellitePrefixer["default"])(
|
|
39
|
+
small: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["w-5 h-5"]))),
|
|
40
|
+
"default": (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["w-6 h-6"]))),
|
|
41
|
+
large: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["w-8 h-8"])))
|
|
42
42
|
};
|
|
43
43
|
var ICON_SIZE = {
|
|
44
44
|
small: 12,
|
|
@@ -72,13 +72,13 @@ var Step = exports.Step = function Step(_ref) {
|
|
|
72
72
|
var isHorizontal = context.orientation === "horizontal";
|
|
73
73
|
var Icon = completed && !active ? CheckIconInternal : CustomIcon;
|
|
74
74
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, props), {}, {
|
|
75
|
-
className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(
|
|
75
|
+
className: (0, _clsx["default"])(className, (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600 group/step"])))),
|
|
76
76
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
77
77
|
type: "button",
|
|
78
78
|
id: buttonId,
|
|
79
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
79
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["relative w-full flex items-center text-left gap-2 rounded group/button"]))), (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["focus-visible:outline-none"]))), (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["before:absolute before:inset-0 before:z-20 before:rounded before:outline before:outline-2 before:-outline-offset-2 before:outline-transparent focus-visible:before:outline-accent-600"]))),
|
|
80
80
|
// Ensure focus outline is above the connector lines
|
|
81
|
-
isHorizontal && (0, _satellitePrefixer["default"])(
|
|
81
|
+
isHorizontal && (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex-col min-w-36"]))), disabled ? (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["cursor-not-allowed"]))) : (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["hover:bg-grey-100"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
|
|
82
82
|
"aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
|
|
83
83
|
"aria-current": active ? "step" : undefined,
|
|
84
84
|
disabled: disabled,
|
|
@@ -100,20 +100,20 @@ var Step = exports.Step = function Step(_ref) {
|
|
|
100
100
|
}
|
|
101
101
|
},
|
|
102
102
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
103
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
103
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["rounded-full flex items-center justify-center shrink-0 text-sm relative z-10"]))), !active && !completed && (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100"]))), !active && !completed && !disabled && (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["group-hover/button:bg-white"]))), active && (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-800 text-white"]))), completed && (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
|
|
104
104
|
children: [context.connectors && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
105
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
105
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["group-last/step:hidden absolute"]))), isVertical && (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["w-px bottom-0 translate-y-full"]))), isHorizontal && (0, _satellitePrefixer["default"])(_templateObject25 || (_templateObject25 = (0, _taggedTemplateLiteral2["default"])(["h-px right-0 translate-x-full"]))), isVertical && CONNECTOR_VERTICAL_SIZE_CLASSNAMES[context.size], isHorizontal && CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES[context.size], completed ? (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["bg-green-600"]))) : (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-200"]))))
|
|
106
106
|
}), Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
107
107
|
width: ICON_SIZE[context.size],
|
|
108
108
|
height: ICON_SIZE[context.size]
|
|
109
109
|
}) : index + 1]
|
|
110
110
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
111
|
-
className: (0, _clsx["default"])(disabled && (0, _satellitePrefixer["default"])(
|
|
111
|
+
className: (0, _clsx["default"])(disabled && (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"]))), isHorizontal && (0, _satellitePrefixer["default"])(_templateObject29 || (_templateObject29 = (0, _taggedTemplateLiteral2["default"])(["text-center"])))),
|
|
112
112
|
children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
113
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
113
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject30 || (_templateObject30 = (0, _taggedTemplateLiteral2["default"])(["text-sm line-clamp-1"]))), isHorizontal && !disabled && (0, _satellitePrefixer["default"])(_templateObject31 || (_templateObject31 = (0, _taggedTemplateLiteral2["default"])(["group-hover/button:text-grey-900"]))), disabled && (0, _satellitePrefixer["default"])(_templateObject32 || (_templateObject32 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"])))),
|
|
114
114
|
children: label
|
|
115
115
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
116
|
-
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(
|
|
116
|
+
className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject33 || (_templateObject33 = (0, _taggedTemplateLiteral2["default"])(["text-base line-clamp-2"]))), (completed || active) && (0, _satellitePrefixer["default"])(_templateObject34 || (_templateObject34 = (0, _taggedTemplateLiteral2["default"])(["text-grey-900"]))), isHorizontal && !disabled && (0, _satellitePrefixer["default"])(_templateObject35 || (_templateObject35 = (0, _taggedTemplateLiteral2["default"])(["group-hover/button:text-grey-900"]))), context.size === "small" && (0, _satellitePrefixer["default"])(_templateObject36 || (_templateObject36 = (0, _taggedTemplateLiteral2["default"])(["text-sm"])))),
|
|
117
117
|
children: name
|
|
118
118
|
})]
|
|
119
119
|
})]
|
|
@@ -21,9 +21,9 @@ var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
|
|
|
21
21
|
if (!el) return null;
|
|
22
22
|
var next = el;
|
|
23
23
|
do {
|
|
24
|
-
var _next, _next
|
|
25
|
-
next = (_next$nextElementSibl = (
|
|
26
|
-
} while ((
|
|
24
|
+
var _next$nextElementSibl, _next, _next2, _next3;
|
|
25
|
+
next = (_next$nextElementSibl = (_next = next) === null || _next === void 0 ? void 0 : _next.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next2 = next) === null || _next2 === void 0 || (_next2 = _next2.parentElement) === null || _next2 === void 0 ? void 0 : _next2.firstElementChild;
|
|
26
|
+
} while ((_next3 = next) !== null && _next3 !== void 0 && _next3.getAttribute("aria-disabled"));
|
|
27
27
|
return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
|
|
28
28
|
};
|
|
29
29
|
var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
|
|
@@ -31,9 +31,9 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
|
|
|
31
31
|
if (!el) return null;
|
|
32
32
|
var next = el;
|
|
33
33
|
do {
|
|
34
|
-
var
|
|
35
|
-
next = (_next$previousElement = (
|
|
36
|
-
} while ((
|
|
34
|
+
var _next$previousElement, _next4, _next5, _next6;
|
|
35
|
+
next = (_next$previousElement = (_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next5 = next) === null || _next5 === void 0 || (_next5 = _next5.parentElement) === null || _next5 === void 0 ? void 0 : _next5.lastElementChild;
|
|
36
|
+
} while ((_next6 = next) !== null && _next6 !== void 0 && _next6.getAttribute("aria-disabled"));
|
|
37
37
|
return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
|
|
38
38
|
};
|
|
39
39
|
var LinkTab = exports.LinkTab = function LinkTab(_ref3) {
|
|
@@ -29,7 +29,7 @@ export declare const MenuButton: {
|
|
|
29
29
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
30
30
|
CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsMultiGroupProps>>;
|
|
31
31
|
CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;
|
|
32
|
-
Content: import("react").ForwardRefExoticComponent<import("./
|
|
32
|
+
Content: import("react").ForwardRefExoticComponent<import("./MenuButton").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
33
33
|
CustomTrigger: import("react").ForwardRefExoticComponent<CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
34
34
|
Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
|
|
35
35
|
Item: import("react").ForwardRefExoticComponent<import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
|