@algolia/satellite 2.10.0 → 2.12.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
|
@@ -3,7 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
5
5
|
var _excluded = ["value", "selectedColor", "children", "id", "className"];
|
|
6
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16
|
|
6
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
7
7
|
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; }
|
|
8
8
|
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) { _defineProperty(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; }
|
|
9
9
|
import cx from "clsx";
|
|
@@ -66,16 +66,16 @@ export var SelectableCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
66
66
|
return /*#__PURE__*/_jsxs(Card, _objectSpread(_objectSpread({
|
|
67
67
|
ref: ref,
|
|
68
68
|
fullBleed: true,
|
|
69
|
-
className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["relative border transition-[shadow,border]"]))), !disabled && !selected && !isInvalid && stl(
|
|
69
|
+
className: cx(stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["relative border transition-[shadow,border]"]))), !disabled && !selected && !isInvalid && stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["border-transparent"]))),
|
|
70
70
|
// Disabled
|
|
71
|
-
disabled && stl(
|
|
71
|
+
disabled && stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["bg-grey-100 border-grey-200 text-grey-300 shadow-none cursor-not-allowed [&>*]:text-grey-300"]))),
|
|
72
72
|
// Selected
|
|
73
|
-
selected && stl(
|
|
73
|
+
selected && stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["card-z200"]))), !disabled && selected && !isInvalid && SELECTED_COLOR_CLASSNAMES[selectedColor],
|
|
74
74
|
// Hovered
|
|
75
|
-
!disabled && !selected && !isInvalid && stl(
|
|
76
|
-
stl(
|
|
75
|
+
!disabled && !selected && !isInvalid && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["hover:border-grey-200"]))), // Focused
|
|
76
|
+
stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["focusable-visible-within"]))), !selected && stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["focus-within:border-grey-200"]))),
|
|
77
77
|
// Invalid
|
|
78
|
-
isInvalid && stl(
|
|
78
|
+
isInvalid && stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["border-red-700 shadow-none"]))),
|
|
79
79
|
// Custom
|
|
80
80
|
className)
|
|
81
81
|
}, props), {}, {
|
|
@@ -83,14 +83,14 @@ export var SelectableCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
83
83
|
id: id,
|
|
84
84
|
disabled: disabled,
|
|
85
85
|
checked: selected,
|
|
86
|
-
className: cx(stl(
|
|
86
|
+
className: cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["absolute right-4 top-4 z-10"])))),
|
|
87
87
|
onChange: handleCheckboxChange,
|
|
88
88
|
name: name
|
|
89
89
|
}) : /*#__PURE__*/_jsx(RadioButton, {
|
|
90
90
|
id: id,
|
|
91
91
|
disabled: disabled,
|
|
92
92
|
checked: selected,
|
|
93
|
-
className: cx(stl(
|
|
93
|
+
className: cx(stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["absolute right-4 top-4 z-10"])))),
|
|
94
94
|
onChange: handleRadioButtonChange,
|
|
95
95
|
value: value,
|
|
96
96
|
name: name
|
|
@@ -3,6 +3,7 @@ import _plugin from "tailwindcss/plugin";
|
|
|
3
3
|
// @ts-check
|
|
4
4
|
var plugin = _plugin;
|
|
5
5
|
var rgba = _rgba;
|
|
6
|
+
var WIDTH = 43;
|
|
6
7
|
var switchPlugin = plugin(function (_ref) {
|
|
7
8
|
var addComponents = _ref.addComponents,
|
|
8
9
|
theme = _ref.theme;
|
|
@@ -12,7 +13,9 @@ var switchPlugin = plugin(function (_ref) {
|
|
|
12
13
|
position: "relative",
|
|
13
14
|
display: "block",
|
|
14
15
|
height: "24px",
|
|
15
|
-
width: "
|
|
16
|
+
width: "".concat(WIDTH, "px"),
|
|
17
|
+
minWidth: "".concat(WIDTH, "px"),
|
|
18
|
+
maxWidth: "".concat(WIDTH, "px"),
|
|
16
19
|
".switch-handle": {
|
|
17
20
|
position: "absolute",
|
|
18
21
|
top: "0px",
|
|
@@ -14,7 +14,7 @@ export declare const textAreaAutoSizeStyles: import("tailwind-variants").TVRetur
|
|
|
14
14
|
base: string;
|
|
15
15
|
}, undefined, {
|
|
16
16
|
responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined;
|
|
17
|
-
} & import("tailwind-variants/dist/config").TWMConfig & {
|
|
17
|
+
} & import("tailwind-variants/dist/config.js").TWMConfig & {
|
|
18
18
|
twMergeConfig: {
|
|
19
19
|
prefix: string;
|
|
20
20
|
};
|
|
@@ -28,7 +28,7 @@ export declare const textAreaAutoSizeStyles: import("tailwind-variants").TVRetur
|
|
|
28
28
|
base: string;
|
|
29
29
|
}, import("tailwind-variants").TVReturnType<unknown, {
|
|
30
30
|
base: string;
|
|
31
|
-
}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
|
|
31
|
+
}, undefined, import("tailwind-variants/dist/config.js").TVConfig<unknown, {
|
|
32
32
|
[key: string]: {
|
|
33
33
|
[key: string]: import("tailwind-merge").ClassNameValue | {
|
|
34
34
|
base?: import("tailwind-merge").ClassNameValue;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["width", "height"];
|
|
4
|
+
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; }
|
|
5
|
+
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) { _defineProperty(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; }
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export var AmexCardIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
9
|
+
var _ref$width = _ref.width,
|
|
10
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
11
|
+
_ref$height = _ref.height,
|
|
12
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
+
return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
|
|
15
|
+
ref: ref,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
width: width,
|
|
18
|
+
height: height,
|
|
19
|
+
viewBox: "0 0 640 640"
|
|
20
|
+
}, rest), {}, {
|
|
21
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
d: "M32 496C32 522.5 53.5 544 80 544L560 544C586.5 544 608 522.5 608 496L608 494.9L546.3 494.9L514.4 459.8L482.5 494.9L278.8 494.9L278.8 331.1L213 331.1L294.7 146.4L373.3 146.4L401.4 209.6L401.4 146.4L498.6 146.4L515.5 194L532.5 146.4L608 146.4L608 144C608 117.5 586.5 96 560 96L80 96C53.5 96 32 117.5 32 144L32 496zM472.4 474.3L514.6 428L556.6 474.3L608 474.3L540 402.2L608 330.1L557.4 330.1L515.4 376.8L473.9 330.1L422.5 330.1L490 402.6L422.6 474.2L422.6 441.1L339.6 441.1L339.6 418.9L420.5 418.9L420.5 386.6L339.6 386.6L339.6 364.2L422.6 364.2L422.6 331.1L300.6 331.1L300.6 474.3L472.4 474.3zM568.7 402.3L608 444.2L608 360.9L568.7 402.3zM532.4 310.3L569.3 209.7L569.3 310.3L608 310.3L608 167L547.8 167L515.6 256.3L483.7 167L422.5 167L422.5 310.1L359.3 167L308.1 167L245.7 310.3L288.7 310.3L300.6 281.6L366.5 281.6L378.5 310.3L461.2 310.3L461.2 210L498 310.3L532.4 310.3zM314 249.4L333.5 202.5L352.9 249.4L314 249.4z"
|
|
24
|
+
})
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
AmexCardIcon.displayName = "AmexCardIcon";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["width", "height"];
|
|
4
|
+
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; }
|
|
5
|
+
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) { _defineProperty(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; }
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export var DiscoverCardIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
9
|
+
var _ref$width = _ref.width,
|
|
10
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
11
|
+
_ref$height = _ref.height,
|
|
12
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
+
return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
|
|
15
|
+
ref: ref,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
width: width,
|
|
18
|
+
height: height,
|
|
19
|
+
viewBox: "0 0 640 640"
|
|
20
|
+
}, rest), {}, {
|
|
21
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
d: "M552.4 260.1C552.4 252.2 546.9 248 536.8 248L531.9 248L531.9 272.9L536.6 272.9C546.9 272.9 552.4 268.5 552.4 260.1zM560 96L80 96C53.5 96 32 117.5 32 144L32 496C32 522.5 53.5 544 80 544L560 544C586.5 544 608 522.5 608 496L608 144C608 117.5 586.5 96 560 96zM515.9 234.9C538.5 234.9 568.8 230.8 568.8 259.3C568.8 271.9 562.2 280 550.1 282.5L575.9 316.9L556.3 316.9L534.1 284.1L531.9 284.1L531.9 316.9L515.9 316.9L515.9 234.9zM460 235L505.3 235L505.3 249L476 249L476 267.2L504.3 267.2L504.3 281L476 281L476 303.2L505.3 303.2L505.3 317L460 317L460 235zM391.3 235L413.2 290.2L435.4 235L452.9 235L417.4 319.2L408.8 319.2L373.8 235L391.3 235zM335.4 321.2C310.8 321.2 290.8 301.2 290.8 276.6C290.8 252 310.8 232 335.4 232C360 232 380 252 380 276.6C380 301.2 360 321.2 335.4 321.2zM286.1 238.1L286.1 257.1C266 237 239.3 252.4 239.3 276.1C239.3 301.1 266.8 314.6 286.1 295.3L286.1 314.3C256.4 328.6 222.8 308.6 222.8 276.1C222.8 244.9 255.9 223.1 286.1 238.1zM188.9 304.4C200.3 304.4 211.3 289.1 185.6 280C170.6 274.5 165.4 268.6 165.4 257.3C165.4 234.1 196 225.9 215.1 243L206.7 253.8C196.3 242.2 181.8 247.6 181.8 256.3C181.8 260.7 184.5 263.2 194.1 266.6C212.3 273.2 217.7 279.1 217.7 292.2C217.7 321.7 178.9 329.6 161.1 303.5L171.4 293.6C175.1 300.7 181.3 304.4 188.9 304.4zM87.4 317L64 317L64 235L87.4 235C113.5 235 131.5 252 131.5 276.1C131.5 294.6 118.3 317 87.4 317zM154.9 317L138.9 317L138.9 235L154.9 235L154.9 317zM576 497C576 505.2 569.2 512 561 512L160 512C349.6 476.4 542.7 372.8 576 352L576 497zM106.1 255.6C100.9 250.7 94.5 249 84.2 249L80 249L80 303.2L84.2 303.2C94.5 303.2 101.2 301.2 106.1 296.8C111.8 291.6 115 284 115 276.1C115 268.2 111.8 260.6 106.1 255.6z"
|
|
24
|
+
})
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
DiscoverCardIcon.displayName = "DiscoverCardIcon";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["width", "height"];
|
|
4
|
+
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; }
|
|
5
|
+
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) { _defineProperty(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; }
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export var MasterCardIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
9
|
+
var _ref$width = _ref.width,
|
|
10
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
11
|
+
_ref$height = _ref.height,
|
|
12
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
+
return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
|
|
15
|
+
ref: ref,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
width: width,
|
|
18
|
+
height: height,
|
|
19
|
+
viewBox: "0 0 640 640"
|
|
20
|
+
}, rest), {}, {
|
|
21
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
d: "M514.9 474.3C514.9 481.1 510.3 486 503.7 486C496.9 486 492.5 480.8 492.5 474.3C492.5 467.8 496.9 462.6 503.7 462.6C510.3 462.6 514.9 467.8 514.9 474.3zM204.1 462.6C197 462.6 192.9 467.8 192.9 474.3C192.9 480.8 197 486 204.1 486C210.6 486 215 481.1 215 474.3C214.9 467.8 210.6 462.6 204.1 462.6zM321.6 462.3C316.2 462.3 312.9 465.8 312.1 471L331.2 471C330.3 465.3 326.8 462.3 321.6 462.3zM429.4 462.6C422.6 462.6 418.5 467.8 418.5 474.3C418.5 480.8 422.6 486 429.4 486C436.2 486 440.6 481.1 440.6 474.3C440.6 467.8 436.2 462.6 429.4 462.6zM535.3 488.7C535.3 489 535.6 489.2 535.6 489.8C535.6 490.1 535.3 490.3 535.3 490.9C535 491.2 535 491.4 534.8 491.7C534.5 492 534.3 492.2 533.7 492.2C533.4 492.5 533.2 492.5 532.6 492.5C532.3 492.5 532.1 492.5 531.5 492.2C531.2 492.2 531 491.9 530.7 491.7C530.4 491.4 530.2 491.2 530.2 490.9C529.9 490.4 529.9 490.1 529.9 489.8C529.9 489.3 529.9 489 530.2 488.7C530.2 488.2 530.5 487.9 530.7 487.6C531 487.3 531.2 487.3 531.5 487.1C532 486.8 532.3 486.8 532.6 486.8C533.1 486.8 533.4 486.8 533.7 487.1C534.2 487.4 534.5 487.4 534.8 487.6C535.1 487.8 535 488.2 535.3 488.7zM533.1 490.1C533.6 490.1 533.6 489.8 533.9 489.8C534.2 489.5 534.2 489.3 534.2 489C534.2 488.7 534.2 488.5 533.9 488.2C533.6 488.2 533.4 487.9 532.8 487.9L531.2 487.9L531.2 491.4L532 491.4L532 490L532.3 490L533.4 491.4L534.2 491.4L533.1 490.1zM608 145L608 497C608 523.5 586.5 545 560 545L80 545C53.5 545 32 523.5 32 497L32 145C32 118.5 53.5 97 80 97L560 97C586.5 97 608 118.5 608 145zM96 284.6C96 361.1 158.1 423.1 234.5 423.1C261.7 423.1 288.4 414.9 311 400C238.1 340.7 238.6 228.8 311 169.5C288.4 154.5 261.7 146.4 234.5 146.4C158.1 146.3 96 208.4 96 284.6zM320 393.4C390.5 338.4 390.2 231.2 320 175.9C249.8 231.2 249.5 338.5 320 393.4zM177.7 469.7C177.7 461 172 455.3 163 455C158.4 455 153.5 456.4 150.2 461.5C147.8 457.4 143.7 455 138 455C134.2 455 130.4 456.4 127.4 460.4L127.4 456L119.2 456L119.2 492.7L127.4 492.7C127.4 473.8 124.9 462.5 136.4 462.5C146.6 462.5 144.6 472.7 144.6 492.7L152.5 492.7C152.5 474.4 150 462.5 161.5 462.5C171.7 462.5 169.7 472.5 169.7 492.7L177.9 492.7L177.9 469.7L177.7 469.7zM222.6 456L214.7 456L214.7 460.4C212 457.1 208.2 455 203 455C192.7 455 184.8 463.2 184.8 474.3C184.8 485.5 192.7 493.6 203 493.6C208.2 493.6 212 491.7 214.7 488.2L214.7 492.8L222.6 492.8L222.6 456zM263.1 481.6C263.1 466.6 240.2 473.4 240.2 466.4C240.2 460.7 252.1 461.6 258.7 465.3L262 458.8C252.6 452.7 231.8 452.8 231.8 467C231.8 481.3 254.7 475.3 254.7 482C254.7 488.3 241.2 487.8 234 482.8L230.5 489.1C241.7 496.7 263.1 495.1 263.1 481.6zM298.5 490.9L296.3 484.1C292.5 486.2 284.1 488.5 284.1 480L284.1 463.4L297.2 463.4L297.2 456L284.1 456L284.1 444.8L275.9 444.8L275.9 456L268.3 456L268.3 463.3L275.9 463.3L275.9 480C275.9 497.6 293.2 494.4 298.5 490.9zM311.8 477.5L339.3 477.5C339.3 461.3 331.9 454.9 321.9 454.9C311.3 454.9 303.7 462.8 303.7 474.2C303.7 494.7 326.3 498.1 337.5 488.4L333.7 482.4C325.9 488.8 314.1 488.2 311.8 477.5zM370.9 456C366.3 454 359.3 454.2 355.7 460.4L355.7 456L347.5 456L347.5 492.7L355.7 492.7L355.7 472C355.7 460.4 365.2 461.9 368.5 463.6L370.9 456zM381.5 474.3C381.5 462.9 393.1 459.2 402.2 465.9L406 459.4C394.4 450.3 373.3 455.3 373.3 474.4C373.3 494.2 395.7 498.2 406 489.4L402.2 482.9C393 489.4 381.5 485.5 381.5 474.3zM448.2 456L440 456L440 460.4C431.7 449.4 410.1 455.6 410.1 474.3C410.1 493.5 432.5 499 440 488.2L440 492.8L448.2 492.8L448.2 456zM481.9 456C479.5 454.8 470.9 453.1 466.7 460.4L466.7 456L458.8 456L458.8 492.7L466.7 492.7L466.7 472C466.7 461 475.7 461.7 479.5 463.6L481.9 456zM522.2 441.1L514.3 441.1L514.3 460.4C506.1 449.5 484.4 455.3 484.4 474.3C484.4 493.7 506.9 498.9 514.3 488.2L514.3 492.8L522.2 492.8L522.2 441.1zM529.8 366L529.8 370.6L530.6 370.6L530.6 366L532.5 366L532.5 365.2L527.9 365.2L527.9 366L529.8 366zM536.4 489.8C536.4 489.3 536.4 488.7 536.1 488.2C535.8 487.9 535.6 487.4 535.3 487.1C535 486.8 534.5 486.6 534.2 486.3C533.7 486.3 533.1 486 532.6 486C532.3 486 531.8 486.3 531.2 486.3C530.7 486.6 530.4 486.8 530.1 487.1C529.6 487.4 529.3 487.9 529.3 488.2C529 488.7 529 489.3 529 489.8C529 490.1 529 490.6 529.3 491.2C529.3 491.5 529.6 492 530.1 492.3C530.4 492.6 530.6 492.8 531.2 493.1C531.7 493.4 532.3 493.4 532.6 493.4C533.1 493.4 533.7 493.4 534.2 493.1C534.5 492.8 535 492.6 535.3 492.3C535.6 492 535.8 491.5 536.1 491.2C536.4 490.6 536.4 490.1 536.4 489.8zM539.6 365.1L538.2 365.1L536.6 368.6L535 365.1L533.6 365.1L533.6 370.5L534.4 370.5L534.4 366.4L536 369.9L537.1 369.9L538.5 366.4L538.5 370.5L539.6 370.5L539.6 365.1zM544 284.6C544 208.4 481.9 146.3 405.5 146.3C378.3 146.3 351.6 154.5 329 169.4C401.1 228.7 402.2 340.9 329 399.9C351.6 414.9 378.5 423 405.5 423C481.9 423.1 544 361.1 544 284.6z"
|
|
24
|
+
})
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
MasterCardIcon.displayName = "MasterCardIcon";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
+
var _excluded = ["width", "height"];
|
|
4
|
+
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; }
|
|
5
|
+
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) { _defineProperty(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; }
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export var VisaCardIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
9
|
+
var _ref$width = _ref.width,
|
|
10
|
+
width = _ref$width === void 0 ? 24 : _ref$width,
|
|
11
|
+
_ref$height = _ref.height,
|
|
12
|
+
height = _ref$height === void 0 ? 24 : _ref$height,
|
|
13
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
+
return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
|
|
15
|
+
ref: ref,
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
17
|
+
width: width,
|
|
18
|
+
height: height,
|
|
19
|
+
viewBox: "0 0 640 640"
|
|
20
|
+
}, rest), {}, {
|
|
21
|
+
children: /*#__PURE__*/_jsx("path", {
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
d: "M502.1 295.3C502.1 295.3 509.7 332.5 511.4 340.3L478 340.3C481.3 331.4 494 296.8 494 296.8C493.8 297.1 497.3 287.7 499.3 281.9L502.1 295.3zM608 144L608 496C608 522.5 586.5 544 560 544L80 544C53.5 544 32 522.5 32 496L32 144C32 117.5 53.5 96 80 96L560 96C586.5 96 608 117.5 608 144zM184.5 395.2L247.7 240L205.2 240L165.9 346L161.6 324.5L147.6 253.1C145.3 243.2 138.2 240.4 129.4 240L64.7 240L64 243.1C79.8 247.1 93.9 252.9 106.2 260.2L142 395.2L184.5 395.2zM278.9 395.4L304.1 240L263.9 240L238.8 395.4L278.9 395.4zM418.8 344.6C419 326.9 408.2 313.4 385.1 302.3C371 295.2 362.4 290.4 362.4 283.1C362.6 276.5 369.7 269.7 385.5 269.7C398.6 269.4 408.2 272.5 415.4 275.6L419 277.3L424.5 243.7C416.6 240.6 404 237.1 388.5 237.1C348.8 237.1 320.9 258.3 320.7 288.5C320.4 310.8 340.7 323.2 355.9 330.7C371.4 338.3 376.7 343.3 376.7 350C376.5 360.4 364.1 365.2 352.6 365.2C336.6 365.2 328 362.7 314.9 356.9L309.6 354.4L304 389.3C313.4 393.6 330.8 397.4 348.8 397.6C391 397.7 418.5 376.8 418.8 344.6zM560 395.4L527.6 240L496.5 240C486.9 240 479.6 242.8 475.5 252.9L415.8 395.4L458 395.4C458 395.4 464.9 376.2 466.4 372.1L518 372.1C519.2 377.6 522.8 395.4 522.8 395.4L560 395.4z"
|
|
24
|
+
})
|
|
25
|
+
}));
|
|
26
|
+
});
|
|
27
|
+
VisaCardIcon.displayName = "VisaCardIcon";
|
|
@@ -17,4 +17,8 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
|
|
17
17
|
export { BulbIcon } from "./BulbIcon";
|
|
18
18
|
export { TestingIcon } from "./TestingIcon";
|
|
19
19
|
export { RocketIcon } from "./RocketIcon";
|
|
20
|
+
export { AmexCardIcon } from "./AmexCardIcon";
|
|
21
|
+
export { DiscoverCardIcon } from "./DiscoverCardIcon";
|
|
22
|
+
export { MasterCardIcon } from "./MasterCardIcon";
|
|
23
|
+
export { VisaCardIcon } from "./VisaCardIcon";
|
|
20
24
|
export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BrainIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CopyPlusIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MessagesSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersHorizontalIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
|
package/dist/esm/Icons/index.js
CHANGED
|
@@ -18,4 +18,8 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
|
|
18
18
|
export { BulbIcon } from "./BulbIcon";
|
|
19
19
|
export { TestingIcon } from "./TestingIcon";
|
|
20
20
|
export { RocketIcon } from "./RocketIcon";
|
|
21
|
+
export { AmexCardIcon } from "./AmexCardIcon";
|
|
22
|
+
export { DiscoverCardIcon } from "./DiscoverCardIcon";
|
|
23
|
+
export { MasterCardIcon } from "./MasterCardIcon";
|
|
24
|
+
export { VisaCardIcon } from "./VisaCardIcon";
|
|
21
25
|
export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BrainIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CopyPlusIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MessagesSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersHorizontalIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
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
|
|
2
|
+
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;
|
|
3
3
|
import { remove as removeDiacritics } from "diacritics";
|
|
4
4
|
import stl from "./../../styles/helpers/satellitePrefixer";
|
|
5
5
|
import { hashCode } from "./../../utils/hashCode";
|
|
@@ -7,7 +7,7 @@ import { hashCode } from "./../../utils/hashCode";
|
|
|
7
7
|
/** APPLICATION */
|
|
8
8
|
|
|
9
9
|
var APPLICATION_COLORS_CLASSNAMES = [/* eslint-disable @algolia/stl/prefer-accent */stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-grey-200 text-grey-800"]))), stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-nebula-200 text-nebula-800"]))), stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-blue-200 text-blue-900"]))), stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-green-200 text-green-900"]))), stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["bg-pink-200 text-pink-800"]))), stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["bg-red-200 text-red-800"]))), stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["bg-orange-200 text-orange-900"]))), // Darker variants
|
|
10
|
-
stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["bg-grey-300 text-grey-900"]))), stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["bg-nebula-300 text-nebula-900"]))), stl(
|
|
10
|
+
stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["bg-grey-300 text-grey-900"]))), stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["bg-nebula-300 text-nebula-900"]))), stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["bg-blue-300 text-blue-900"]))), stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["bg-green-300 text-green-900"]))), stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["bg-pink-300 text-pink-900"]))), stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["bg-red-300 text-red-900"]))), stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["bg-orange-300 text-orange-900"]))) /* eslint-enable @algolia/stl/prefer-accent */];
|
|
11
11
|
export var pickApplicationColors = function pickApplicationColors(applicationId) {
|
|
12
12
|
var _APPLICATION_COLORS_C;
|
|
13
13
|
return (_APPLICATION_COLORS_C = APPLICATION_COLORS_CLASSNAMES[Math.abs(hashCode(applicationId)) % APPLICATION_COLORS_CLASSNAMES.length]) !== null && _APPLICATION_COLORS_C !== void 0 ? _APPLICATION_COLORS_C : APPLICATION_COLORS_CLASSNAMES[0];
|
|
@@ -34,8 +34,8 @@ export var getApplicationInitials = function getApplicationInitials(_ref) {
|
|
|
34
34
|
|
|
35
35
|
/** USER */
|
|
36
36
|
|
|
37
|
-
var USER_COLORS_CLASSNAMES = [/* eslint-disable @algolia/stl/prefer-accent */stl(
|
|
38
|
-
stl(
|
|
37
|
+
var USER_COLORS_CLASSNAMES = [/* eslint-disable @algolia/stl/prefer-accent */stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["bg-grey-400 text-grey-900"]))), stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["bg-nebula-400 text-grey-900"]))), stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["bg-blue-400 text-grey-900"]))), stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["bg-green-400 text-grey-900"]))), stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["bg-pink-400 text-grey-900"]))), stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["bg-red-400 text-grey-900"]))), stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["bg-orange-400 text-grey-900"]))), // Darker variants
|
|
38
|
+
stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["bg-grey-700 text-white"]))), stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["bg-nebula-700 text-white"]))), stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["bg-blue-700 text-grey-900"]))), stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["bg-green-700 text-grey-900"]))), stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["bg-pink-700 text-white"]))), stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["bg-red-700 text-white"]))), stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["bg-orange-600 text-grey-900"]))) /* eslint-enable @algolia/stl/prefer-accent */];
|
|
39
39
|
export var getUserBackgroundClassName = function getUserBackgroundClassName(email) {
|
|
40
40
|
var _USER_COLORS_CLASSNAM;
|
|
41
41
|
return (_USER_COLORS_CLASSNAM = USER_COLORS_CLASSNAMES[Math.abs(hashCode(email)) % USER_COLORS_CLASSNAMES.length]) !== null && _USER_COLORS_CLASSNAM !== void 0 ? _USER_COLORS_CLASSNAM : USER_COLORS_CLASSNAMES[0];
|
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
4
|
var _excluded = ["children", "value", "icon", "variant", "size", "className"];
|
|
5
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
5
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
6
6
|
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; }
|
|
7
7
|
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) { _defineProperty(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; }
|
|
8
8
|
import cx from "clsx";
|
|
@@ -22,8 +22,8 @@ var VARIANT_CLASSNAMES = {
|
|
|
22
22
|
};
|
|
23
23
|
var SIZE_CLASSNAMES = {
|
|
24
24
|
small: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["h-4 display-caption px-1 space-x-1"]))),
|
|
25
|
-
medium: stl(
|
|
26
|
-
large: stl(
|
|
25
|
+
medium: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["h-5 display-body px-2 space-x-2"]))),
|
|
26
|
+
large: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["h-6 display-body px-2 space-x-2"])))
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
/**
|
|
@@ -51,7 +51,7 @@ export var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
51
51
|
height: ".8em"
|
|
52
52
|
})
|
|
53
53
|
}), isRenderedChild(children) && /*#__PURE__*/_jsx("span", {
|
|
54
|
-
className: stl(
|
|
54
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["truncate"]))),
|
|
55
55
|
children: children
|
|
56
56
|
}), isRenderedChild(value) && /*#__PURE__*/_jsx("span", {
|
|
57
57
|
children: value
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22
|
|
2
|
+
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;
|
|
3
3
|
import cx from "clsx";
|
|
4
4
|
import { IconButton } from "./../../../Actions";
|
|
5
5
|
import { AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, CheckCircleIcon, XIcon } from "./../../../Icons";
|
|
@@ -17,8 +17,8 @@ var BORDER_CLASSNAMES = {
|
|
|
17
17
|
grey: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["border-grey-200"]))),
|
|
18
18
|
accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-200"]))),
|
|
19
19
|
green: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-green-200"]))),
|
|
20
|
-
orange: stl(
|
|
21
|
-
red: stl(
|
|
20
|
+
orange: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["border-orange-200"]))),
|
|
21
|
+
red: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["border-red-200"])))
|
|
22
22
|
};
|
|
23
23
|
var ICON_VARIANTS = {
|
|
24
24
|
grey: AlertCircleIcon,
|
|
@@ -28,11 +28,11 @@ var ICON_VARIANTS = {
|
|
|
28
28
|
red: AlertOctagonIcon
|
|
29
29
|
};
|
|
30
30
|
var ICON_CLASSNAME_VARIANTS = {
|
|
31
|
-
grey: stl(
|
|
32
|
-
accent: stl(
|
|
33
|
-
green: stl(
|
|
34
|
-
orange: stl(
|
|
35
|
-
red: stl(
|
|
31
|
+
grey: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["text-grey-600"]))),
|
|
32
|
+
accent: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["text-accent-600"]))),
|
|
33
|
+
green: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["text-green-600"]))),
|
|
34
|
+
orange: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-orange-600"]))),
|
|
35
|
+
red: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["text-red-600"])))
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
/**
|
|
@@ -51,26 +51,26 @@ export var Alert = function Alert(_ref) {
|
|
|
51
51
|
className = _ref.className,
|
|
52
52
|
style = _ref.style,
|
|
53
53
|
children = _ref.children;
|
|
54
|
-
var containerClassName = cx(BASE_CLASSNAME, title ? stl(
|
|
54
|
+
var containerClassName = cx(BASE_CLASSNAME, title ? stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["p-4"]))) : stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["py-2 px-3"]))), BACKGROUND_CLASSNAMES[variant], usageContext !== "page" ? BORDER_CLASSNAMES[variant] : stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["border-transparent"]))), usageContext !== "page" && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["rounded"]))), className);
|
|
55
55
|
var internalIcon = icon === undefined ? true : icon;
|
|
56
56
|
var Icon = typeof internalIcon === "boolean" && internalIcon ? ICON_VARIANTS[variant] : internalIcon;
|
|
57
57
|
return /*#__PURE__*/_jsxs("div", {
|
|
58
58
|
className: containerClassName,
|
|
59
59
|
style: style,
|
|
60
60
|
children: [/*#__PURE__*/_jsx(Icon, {
|
|
61
|
-
className: cx(stl(
|
|
61
|
+
className: cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n shrink-0 mr-2\n ", "\n "])), title ? "mt-0.5" : "mt-2px"), ICON_CLASSNAME_VARIANTS[variant]),
|
|
62
62
|
width: "1rem",
|
|
63
63
|
height: "1rem"
|
|
64
64
|
}), /*#__PURE__*/_jsxs("div", {
|
|
65
|
-
className: stl(
|
|
65
|
+
className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["flex flex-1 flex-col ", ""])), onDismiss && "mr-6"),
|
|
66
66
|
children: [!!title && /*#__PURE__*/_jsx("h4", {
|
|
67
|
-
className: stl(
|
|
67
|
+
className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["font-bold text-grey-900 mb-1"]))),
|
|
68
68
|
children: title
|
|
69
69
|
}), /*#__PURE__*/_jsx("div", {
|
|
70
70
|
children: children
|
|
71
71
|
})]
|
|
72
72
|
}), onDismiss && /*#__PURE__*/_jsx("span", {
|
|
73
|
-
className: stl(
|
|
73
|
+
className: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["absolute right-1.5 top-1.5"]))),
|
|
74
74
|
children: /*#__PURE__*/_jsx(IconButton, {
|
|
75
75
|
icon: XIcon,
|
|
76
76
|
title: "Close",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
|
|
3
3
|
import cx from "clsx";
|
|
4
4
|
import { IconButton } from "./../../../Actions";
|
|
5
5
|
import { XIcon } from "./../../../Icons";
|
|
@@ -43,7 +43,7 @@ export var Promote = function Promote(_ref) {
|
|
|
43
43
|
}), /*#__PURE__*/_jsxs("div", {
|
|
44
44
|
className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), variant === "large" ? "p-6" : "p-4"),
|
|
45
45
|
children: [!!context && /*#__PURE__*/_jsx("span", {
|
|
46
|
-
className: stl(
|
|
46
|
+
className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["block mb-1"]))),
|
|
47
47
|
children: context
|
|
48
48
|
}), /*#__PURE__*/_jsx("header", {
|
|
49
49
|
className: TITLE_VARIANT_CLASSNAMES[variant],
|
|
@@ -52,11 +52,11 @@ export var Promote = function Promote(_ref) {
|
|
|
52
52
|
className: BODY_VARIANT_CLASSNAMES[variant],
|
|
53
53
|
children: children
|
|
54
54
|
}), !!actions && /*#__PURE__*/_jsx("div", {
|
|
55
|
-
className: cx(stl(
|
|
55
|
+
className: cx(stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex space-x-2"]))), ACTIONS_VARIANT_CLASSNAMES[variant]),
|
|
56
56
|
children: actions
|
|
57
57
|
})]
|
|
58
58
|
}), onDismiss && /*#__PURE__*/_jsx("span", {
|
|
59
|
-
className: stl(
|
|
59
|
+
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["absolute top-2 right-2"]))),
|
|
60
60
|
children: /*#__PURE__*/_jsx(IconButton, {
|
|
61
61
|
icon: XIcon,
|
|
62
62
|
title: "Close",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
3
3
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
4
|
-
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
|
|
4
|
+
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;
|
|
5
5
|
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; }
|
|
6
6
|
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) { _defineProperty(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; }
|
|
7
7
|
import cx from "clsx";
|
|
@@ -30,19 +30,19 @@ var LEAD_ILLUS_CONTEXT_CLASSNAMES = {
|
|
|
30
30
|
page: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mb-6"])))
|
|
31
31
|
};
|
|
32
32
|
var TITLE_CONTEXT_CLASSNAMES = {
|
|
33
|
-
result: stl(
|
|
34
|
-
feature: stl(
|
|
35
|
-
page: stl(
|
|
33
|
+
result: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["display-body"]))),
|
|
34
|
+
feature: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["display-medium"]))),
|
|
35
|
+
page: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["display-xlarge"])))
|
|
36
36
|
};
|
|
37
37
|
var DESCRIPTION_CONTEXT_CLASSNAMES = {
|
|
38
|
-
result: stl(
|
|
39
|
-
feature: stl(
|
|
40
|
-
page: stl(
|
|
38
|
+
result: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["display-caption mt-2"]))),
|
|
39
|
+
feature: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["display-body mt-2"]))),
|
|
40
|
+
page: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["display-small mt-6"])))
|
|
41
41
|
};
|
|
42
42
|
var ACTIONS_CONTEXT_CLASSNAMES = {
|
|
43
|
-
result: stl(
|
|
44
|
-
feature: stl(
|
|
45
|
-
page: stl(
|
|
43
|
+
result: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["mt-1"]))),
|
|
44
|
+
feature: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["mt-3"]))),
|
|
45
|
+
page: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["mt-6 md:flex-row"])))
|
|
46
46
|
};
|
|
47
47
|
var ILLUSTRATION_SIZES = {
|
|
48
48
|
small: {
|
|
@@ -82,9 +82,9 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
82
82
|
width = _ref$width === void 0 ? "medium" : _ref$width,
|
|
83
83
|
_ref$centered = _ref.centered,
|
|
84
84
|
centered = _ref$centered === void 0 ? false : _ref$centered;
|
|
85
|
-
var containerClassNames = cx(stl(
|
|
86
|
-
var titleClassNames = cx(stl(
|
|
87
|
-
var descriptionClassNames = cx(stl(
|
|
85
|
+
var containerClassNames = cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex items-center gap-16"]))), CONTAINER_CONTEXT_CLASSNAMES[usageContext][width], centered ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["justify-center text-center lg:flex-col"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["justify-between flex-col lg:flex-row"]))));
|
|
86
|
+
var titleClassNames = cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["text-grey-900"]))), TITLE_CONTEXT_CLASSNAMES[usageContext]);
|
|
87
|
+
var descriptionClassNames = cx(stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-600"]))), DESCRIPTION_CONTEXT_CLASSNAMES[usageContext]);
|
|
88
88
|
var actionsClassNames = cx(ACTIONS_CONTEXT_CLASSNAMES[usageContext]);
|
|
89
89
|
var sizedLeadIllustration = injectIllustrationSize(leadIllustration, illustrationSize, {
|
|
90
90
|
display: "inline-block"
|
|
@@ -93,7 +93,7 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
93
93
|
return /*#__PURE__*/_jsxs("div", {
|
|
94
94
|
className: containerClassNames,
|
|
95
95
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
96
|
-
className: stl(
|
|
96
|
+
className: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["min-w-2/5"]))),
|
|
97
97
|
children: [centered && !!leadIllustration && /*#__PURE__*/_jsx("div", {
|
|
98
98
|
className: LEAD_ILLUS_CONTEXT_CLASSNAMES[usageContext],
|
|
99
99
|
children: sizedLeadIllustration
|
|
@@ -104,11 +104,11 @@ var renderEmptyState = function renderEmptyState(_ref) {
|
|
|
104
104
|
className: descriptionClassNames,
|
|
105
105
|
children: description
|
|
106
106
|
}), !!actions && /*#__PURE__*/_jsx("div", {
|
|
107
|
-
className: cx(stl(
|
|
107
|
+
className: cx(stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["flex flex-wrap gap-2"]))), centered ? stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["items-center justify-center"]))) : stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["items-start justify-start"]))), actionsDirection === "column" || centered ? stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["flex-col"]))) : stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["flex-row"]))), actionsClassNames),
|
|
108
108
|
children: actions
|
|
109
109
|
})]
|
|
110
110
|
}), !centered && usageContext === "page" && /*#__PURE__*/_jsx("div", {
|
|
111
|
-
className: stl(
|
|
111
|
+
className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["hidden lg:flex items-center justify-center"]))),
|
|
112
112
|
children: sizedPageIllustration
|
|
113
113
|
})]
|
|
114
114
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9,
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
|
|
3
3
|
import cx from "clsx";
|
|
4
4
|
import stl from "./../../styles/helpers/satellitePrefixer";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -30,9 +30,9 @@ export var Medallion = function Medallion(_ref) {
|
|
|
30
30
|
className = _ref.className;
|
|
31
31
|
var medallionClassName = VARIANT_CLASSNAMES[variant];
|
|
32
32
|
return /*#__PURE__*/_jsx("div", {
|
|
33
|
-
className: cx(stl(
|
|
33
|
+
className: cx(stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["medallion inline-flex items-center justify-center rounded-full ", ""])), size === "large" && "medallion-large"), medallionClassName, className),
|
|
34
34
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
35
|
-
className: stl(
|
|
35
|
+
className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["p-1 ", ""])), size === "large" && "w-10 h-10")
|
|
36
36
|
})
|
|
37
37
|
});
|
|
38
38
|
};
|