@algolia/satellite 1.0.0-beta.178 → 1.0.0-beta.179
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/cjs/AutoComplete/AutoComplete.js +2 -2
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +1 -1
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.js +2 -2
- package/cjs/Banners/Alert/Alert.js +7 -7
- package/cjs/Banners/Promote/Promote.js +2 -2
- package/cjs/Banners/SystemNotification/SystemNotification.d.ts +13 -0
- package/cjs/Banners/{BigBertha/BigBertha.js → SystemNotification/SystemNotification.js} +9 -8
- package/cjs/Banners/SystemNotification/index.d.ts +2 -0
- package/cjs/Banners/{BigBertha → SystemNotification}/index.js +5 -5
- package/cjs/Banners/index.d.ts +1 -1
- package/cjs/Banners/index.js +4 -4
- package/cjs/Card/components/CardTitle.d.ts +3 -2
- package/cjs/Card/components/CardTitle.js +4 -2
- package/cjs/Checkbox/Checkbox.js +2 -2
- package/cjs/DatePicker/DatePicker.tailwind.js +1 -1
- package/cjs/DatePicker/components/Display.js +2 -2
- package/cjs/DatePicker/components/NavBar.js +3 -3
- package/cjs/Dropdown/DropdownButton.js +2 -2
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -3
- package/cjs/Dropdown/components/DropdownLinkItem.js +2 -2
- package/cjs/Dropzone/Dropzone.js +5 -5
- package/cjs/Field/Field.js +3 -3
- package/cjs/Icons/index.d.ts +1 -1
- package/cjs/Icons/index.js +312 -306
- package/cjs/Input/Input.js +7 -7
- package/cjs/KeyboardKey/KeyboardKey.js +6 -6
- package/cjs/Link/ButtonLink.js +2 -2
- package/cjs/Link/Link.js +2 -2
- package/cjs/MenuButton/components/DefaultTrigger.js +2 -2
- package/cjs/MenuButton/components/collapsible/CollapsibleItem.js +2 -2
- package/cjs/MenuButton/components/items/LinkItem.js +2 -2
- package/cjs/MenuButton/components/items/RadioItem.js +2 -2
- package/cjs/Modal/Modal.js +2 -2
- package/cjs/Pagination/CompactPagination/CompactPagination.js +5 -5
- package/cjs/Pagination/Pagination/Pagination.js +3 -3
- package/cjs/Popover/Popover.js +2 -2
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/Sidebar/SidebarButtonLink.js +2 -2
- package/cjs/Sidebar/SidebarLink.js +2 -2
- package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +2 -2
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -1
- package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +2 -2
- package/cjs/Tables/DataTable/components/HeaderCell.js +4 -4
- package/cjs/Tag/Tag.js +3 -3
- package/cjs/Toast/Toast.js +3 -3
- package/cjs/styles/helpers/icons.js +2 -2
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/AutoComplete/AutoComplete.js +2 -2
- package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +1 -1
- package/esm/AutoComplete/components/AutoCompleteEmptyState.js +2 -2
- package/esm/Banners/Alert/Alert.js +7 -7
- package/esm/Banners/Promote/Promote.js +2 -2
- package/esm/Banners/SystemNotification/SystemNotification.d.ts +13 -0
- package/esm/Banners/{BigBertha/BigBertha.js → SystemNotification/SystemNotification.js} +8 -7
- package/esm/Banners/SystemNotification/index.d.ts +2 -0
- package/esm/Banners/SystemNotification/index.js +2 -0
- package/esm/Banners/index.d.ts +1 -1
- package/esm/Banners/index.js +1 -1
- package/esm/Card/components/CardTitle.d.ts +3 -2
- package/esm/Card/components/CardTitle.js +4 -2
- package/esm/Checkbox/Checkbox.js +2 -2
- package/esm/DatePicker/DatePicker.tailwind.js +1 -1
- package/esm/DatePicker/components/Display.js +2 -2
- package/esm/DatePicker/components/NavBar.js +3 -3
- package/esm/Dropdown/DropdownButton.js +2 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -3
- package/esm/Dropdown/components/DropdownLinkItem.js +2 -2
- package/esm/Dropzone/Dropzone.js +5 -5
- package/esm/Field/Field.js +3 -3
- package/esm/Icons/index.d.ts +1 -1
- package/esm/Icons/index.js +1 -1
- package/esm/Input/Input.js +7 -7
- package/esm/KeyboardKey/KeyboardKey.js +6 -6
- package/esm/Link/ButtonLink.js +2 -2
- package/esm/Link/Link.js +2 -2
- package/esm/MenuButton/components/DefaultTrigger.js +2 -2
- package/esm/MenuButton/components/collapsible/CollapsibleItem.js +2 -2
- package/esm/MenuButton/components/items/LinkItem.js +2 -2
- package/esm/MenuButton/components/items/RadioItem.js +2 -2
- package/esm/Modal/Modal.js +2 -2
- package/esm/Pagination/CompactPagination/CompactPagination.js +5 -5
- package/esm/Pagination/Pagination/Pagination.js +3 -3
- package/esm/Popover/Popover.js +2 -2
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/Sidebar/SidebarButtonLink.js +2 -2
- package/esm/Sidebar/SidebarLink.js +2 -2
- package/esm/Sidebar/SidebarLinksGroup/SidebarGroupLink.js +2 -2
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts +1 -1
- package/esm/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js +2 -2
- package/esm/Tables/DataTable/components/HeaderCell.js +4 -4
- package/esm/Tag/Tag.js +3 -3
- package/esm/Toast/Toast.js +3 -3
- package/esm/styles/helpers/icons.js +3 -3
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/package.json +3 -3
- package/satellite.min.css +1 -1
- package/cjs/Banners/BigBertha/BigBertha.d.ts +0 -13
- package/cjs/Banners/BigBertha/index.d.ts +0 -2
- package/esm/Banners/BigBertha/BigBertha.d.ts +0 -13
- package/esm/Banners/BigBertha/index.d.ts +0 -2
- package/esm/Banners/BigBertha/index.js +0 -2
@@ -1,13 +1,13 @@
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
2
|
var _templateObject, _templateObject2, _templateObject3;
|
3
|
-
import {
|
3
|
+
import { XIcon } from "../../Icons";
|
4
4
|
import { Medallion } from "../../Medallion";
|
5
5
|
import stl from "../../styles/helpers/satellitePrefixer";
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
7
7
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
8
8
|
export var AutoCompleteEmptyState = function AutoCompleteEmptyState(_ref) {
|
9
9
|
var _ref$icon = _ref.icon,
|
10
|
-
icon = _ref$icon === void 0 ?
|
10
|
+
icon = _ref$icon === void 0 ? XIcon : _ref$icon,
|
11
11
|
_ref$variant = _ref.variant,
|
12
12
|
variant = _ref$variant === void 0 ? "grey" : _ref$variant,
|
13
13
|
title = _ref.title,
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
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;
|
3
3
|
import cx from "clsx";
|
4
|
-
import { AlertCircle, AlertOctagon, AlertTriangle, CheckCircle, X } from "react-feather";
|
5
4
|
import { IconButton } from "../../Button";
|
5
|
+
import { AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, CheckCircleIcon, XIcon } from "../../Icons";
|
6
6
|
import stl from "../../styles/helpers/satellitePrefixer";
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
8
8
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
@@ -22,11 +22,11 @@ var BORDER_CLASSNAMES = {
|
|
22
22
|
red: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-red-200"])))
|
23
23
|
};
|
24
24
|
var ICON_VARIANTS = {
|
25
|
-
grey:
|
26
|
-
accent:
|
27
|
-
green:
|
28
|
-
orange:
|
29
|
-
red:
|
25
|
+
grey: AlertCircleIcon,
|
26
|
+
accent: AlertCircleIcon,
|
27
|
+
green: CheckCircleIcon,
|
28
|
+
orange: AlertTriangleIcon,
|
29
|
+
red: AlertOctagonIcon
|
30
30
|
};
|
31
31
|
var ICON_CLASSNAME_VARIANTS = {
|
32
32
|
grey: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["text-grey-600"]))),
|
@@ -73,7 +73,7 @@ export var Alert = function Alert(_ref) {
|
|
73
73
|
}), onDismiss && /*#__PURE__*/_jsx("span", {
|
74
74
|
className: stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["absolute right-1.5 top-1.5"]))),
|
75
75
|
children: /*#__PURE__*/_jsx(IconButton, {
|
76
|
-
icon:
|
76
|
+
icon: XIcon,
|
77
77
|
title: "Close",
|
78
78
|
variant: "subtle",
|
79
79
|
size: "small",
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
|
3
3
|
import cx from "clsx";
|
4
|
-
import { X } from "react-feather";
|
5
4
|
import { IconButton } from "../../Button";
|
6
5
|
import Card from "../../Card";
|
6
|
+
import { XIcon } from "../../Icons";
|
7
7
|
import stl from "../../styles/helpers/satellitePrefixer";
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
9
9
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
@@ -59,7 +59,7 @@ export var Promote = function Promote(_ref) {
|
|
59
59
|
}), onDismiss && /*#__PURE__*/_jsx("span", {
|
60
60
|
className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["absolute top-2 right-2"]))),
|
61
61
|
children: /*#__PURE__*/_jsx(IconButton, {
|
62
|
-
icon:
|
62
|
+
icon: XIcon,
|
63
63
|
title: "Close",
|
64
64
|
variant: "subtle",
|
65
65
|
size: "small",
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import type { ReactNode, VFC } from "react";
|
2
|
+
import type { IconComponentType } from "../../Icons";
|
3
|
+
export interface SystemNotificationProps {
|
4
|
+
icon?: IconComponentType;
|
5
|
+
children: ReactNode;
|
6
|
+
}
|
7
|
+
/**
|
8
|
+
* The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
|
9
|
+
*
|
10
|
+
* See the [System Notification documentation page](https://satellite.algolia.com/components/feedback/system-notification) for more information.
|
11
|
+
*/
|
12
|
+
export declare const SystemNotification: VFC<SystemNotificationProps>;
|
13
|
+
export default SystemNotification;
|
@@ -1,22 +1,23 @@
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
2
2
|
var _templateObject, _templateObject2, _templateObject3;
|
3
|
-
import {
|
3
|
+
import { AlertCircleIcon } from "../../Icons";
|
4
4
|
import stl from "../../styles/helpers/satellitePrefixer";
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
6
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
7
7
|
/**
|
8
|
-
* The `
|
8
|
+
* The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
|
9
9
|
*
|
10
|
-
* See the [
|
10
|
+
* See the [System Notification documentation page](https://satellite.algolia.com/components/feedback/system-notification) for more information.
|
11
11
|
*/
|
12
|
-
export var
|
12
|
+
export var SystemNotification = function SystemNotification(_ref) {
|
13
13
|
var icon = _ref.icon,
|
14
14
|
children = _ref.children;
|
15
|
-
var InternalIcon = icon ||
|
15
|
+
var InternalIcon = icon || AlertCircleIcon;
|
16
16
|
return /*#__PURE__*/_jsxs("div", {
|
17
17
|
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center justify-center space-x-4 bg-accent-600 text-white w-full p-4"]))),
|
18
18
|
children: [/*#__PURE__*/_jsx(InternalIcon, {
|
19
|
-
|
19
|
+
height: "1rem",
|
20
|
+
width: "1rem",
|
20
21
|
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["shrink-0"])))
|
21
22
|
}), /*#__PURE__*/_jsx("span", {
|
22
23
|
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["display-body"]))),
|
@@ -24,4 +25,4 @@ export var BigBertha = function BigBertha(_ref) {
|
|
24
25
|
})]
|
25
26
|
});
|
26
27
|
};
|
27
|
-
export default
|
28
|
+
export default SystemNotification;
|
package/esm/Banners/index.d.ts
CHANGED
package/esm/Banners/index.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
|
-
import type {
|
1
|
+
import type { VFC } from "react";
|
2
|
+
declare type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
|
2
3
|
export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
|
3
|
-
|
4
|
+
as?: Headings;
|
4
5
|
};
|
5
6
|
export declare const CardTitle: VFC<CardTitleProps>;
|
6
7
|
export default CardTitle;
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
4
4
|
var _templateObject;
|
5
|
-
var _excluded = ["className", "children"];
|
5
|
+
var _excluded = ["className", "children", "as"];
|
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";
|
@@ -11,8 +11,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
export var CardTitle = function CardTitle(_ref) {
|
12
12
|
var className = _ref.className,
|
13
13
|
children = _ref.children,
|
14
|
+
_ref$as = _ref.as,
|
15
|
+
Heading = _ref$as === void 0 ? "h2" : _ref$as,
|
14
16
|
props = _objectWithoutProperties(_ref, _excluded);
|
15
|
-
return /*#__PURE__*/_jsx(
|
17
|
+
return /*#__PURE__*/_jsx(Heading, _objectSpread(_objectSpread({}, props), {}, {
|
16
18
|
className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["typo-display-heading"]))), className),
|
17
19
|
children: children
|
18
20
|
}));
|
package/esm/Checkbox/Checkbox.js
CHANGED
@@ -8,8 +8,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
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";
|
10
10
|
import { forwardRef, useMemo, useState } from "react";
|
11
|
-
import { Check, Minus } from "react-feather";
|
12
11
|
import { useField } from "../Field";
|
12
|
+
import { CheckIcon, MinusIcon } from "../Icons";
|
13
13
|
import stl from "../styles/helpers/satellitePrefixer";
|
14
14
|
import isRenderedChild from "../utils/isRenderedChild";
|
15
15
|
import { jsx as _jsx } from "react/jsx-runtime";
|
@@ -51,7 +51,7 @@ export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
51
51
|
internalChecked = _useState2[0],
|
52
52
|
setInternalChecked = _useState2[1];
|
53
53
|
var isChecked = Boolean(isControlled ? checked : internalChecked);
|
54
|
-
var CheckboxIcon = indeterminate ?
|
54
|
+
var CheckboxIcon = indeterminate ? MinusIcon : CheckIcon;
|
55
55
|
var handleChange = function handleChange(evt) {
|
56
56
|
if (checkboxProps.onChange) {
|
57
57
|
checkboxProps.onChange(evt);
|
@@ -23,7 +23,7 @@ var datePickerPlugin = plugin(function (_ref) {
|
|
23
23
|
};
|
24
24
|
addComponents((_addComponents = {
|
25
25
|
".rdp-year": {
|
26
|
-
// ChevronDown svg from react
|
26
|
+
// ChevronDown svg from lucide-react,
|
27
27
|
backgroundImage: 'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>\')',
|
28
28
|
backgroundRepeat: "no-repeat",
|
29
29
|
backgroundPositionX: "100%",
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { Calendar } from "react-feather";
|
2
1
|
import Button from "../../Button";
|
2
|
+
import { CalendarIcon } from "../../Icons";
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
4
4
|
var Display = function Display(_ref) {
|
5
5
|
var id = _ref.id,
|
@@ -9,7 +9,7 @@ var Display = function Display(_ref) {
|
|
9
9
|
return /*#__PURE__*/_jsx(Button, {
|
10
10
|
id: id,
|
11
11
|
size: size,
|
12
|
-
startIcon:
|
12
|
+
startIcon: CalendarIcon,
|
13
13
|
onClick: onClick,
|
14
14
|
children: children
|
15
15
|
});
|
@@ -6,8 +6,8 @@ import { add, eachYearOfInterval, getYear, setYear } from "date-fns";
|
|
6
6
|
import isSameMonth from "date-fns/isSameMonth";
|
7
7
|
import { useMemo } from "react";
|
8
8
|
import { useDayPicker, useNavigation } from "react-day-picker";
|
9
|
-
import { ChevronLeft, ChevronRight } from "react-feather";
|
10
9
|
import { IconButton } from "../../Button";
|
10
|
+
import { ChevronLeftIcon, ChevronRightIcon } from "../../Icons";
|
11
11
|
import stl from "../../styles/helpers/satellitePrefixer";
|
12
12
|
import { uniqueId } from "../../utils";
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
@@ -73,7 +73,7 @@ var NavBar = function NavBar(props) {
|
|
73
73
|
return /*#__PURE__*/_jsxs("div", {
|
74
74
|
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full top-3 left-0 pt-1 px-2 pb-2 flex justify-between"]))),
|
75
75
|
children: [showPrevious ? /*#__PURE__*/_jsx(IconButton, {
|
76
|
-
icon: dir === "rtl" ?
|
76
|
+
icon: dir === "rtl" ? ChevronRightIcon : ChevronLeftIcon,
|
77
77
|
title: previousMonthLabel,
|
78
78
|
onClick: handlePreviousClick
|
79
79
|
}) : /*#__PURE__*/_jsx("span", {
|
@@ -106,7 +106,7 @@ var NavBar = function NavBar(props) {
|
|
106
106
|
}) : props.displayMonth.getFullYear()]
|
107
107
|
})
|
108
108
|
}), showNext ? /*#__PURE__*/_jsx(IconButton, {
|
109
|
-
icon: dir === "rtl" ?
|
109
|
+
icon: dir === "rtl" ? ChevronLeftIcon : ChevronRightIcon,
|
110
110
|
title: nextMonthLabel,
|
111
111
|
onClick: handleNextClick
|
112
112
|
}) : /*#__PURE__*/_jsx("span", {
|
@@ -4,8 +4,8 @@ var _excluded = ["children", "title", "renderFooter"];
|
|
4
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
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
6
|
import { forwardRef } from "react";
|
7
|
-
import { ChevronDown } from "react-feather";
|
8
7
|
import Button from "../Button";
|
8
|
+
import { ChevronDownIcon } from "../Icons";
|
9
9
|
import Dropdown from "./Dropdown";
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
11
11
|
/**
|
@@ -28,7 +28,7 @@ export var DropdownButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
28
28
|
};
|
29
29
|
return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, buttonProps), {}, {
|
30
30
|
onClick: handleClick,
|
31
|
-
endIcon:
|
31
|
+
endIcon: ChevronDownIcon,
|
32
32
|
ref: ref,
|
33
33
|
children: title
|
34
34
|
}));
|
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
4
4
|
import { useState } from "react";
|
5
|
-
import {
|
5
|
+
import { ChevronDownIcon, ChevronRightIcon } from "../../../Icons";
|
6
6
|
import stl from "../../../styles/helpers/satellitePrefixer";
|
7
7
|
import { uniqueId } from "../../../utils";
|
8
8
|
import { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";
|
@@ -38,10 +38,10 @@ export var DropdownCollapsibleItem = function DropdownCollapsibleItem(_ref) {
|
|
38
38
|
},
|
39
39
|
children: [/*#__PURE__*/_jsx("div", {
|
40
40
|
children: title
|
41
|
-
}), isExpanded ? /*#__PURE__*/_jsx(
|
41
|
+
}), isExpanded ? /*#__PURE__*/_jsx(ChevronDownIcon, {
|
42
42
|
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-grey-500"]))),
|
43
43
|
size: "1.25em"
|
44
|
-
}) : /*#__PURE__*/_jsx(
|
44
|
+
}) : /*#__PURE__*/_jsx(ChevronRightIcon, {
|
45
45
|
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-500"]))),
|
46
46
|
size: "1.25em"
|
47
47
|
})]
|
@@ -6,7 +6,7 @@ var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
|
|
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";
|
9
|
-
import {
|
9
|
+
import { ExternalLinkIcon } from "../../Icons";
|
10
10
|
import stl from "../../styles/helpers/satellitePrefixer";
|
11
11
|
import useLinkProps from "../../utils/useLinkProps";
|
12
12
|
import useDropdownItemProps from "../useDropdownItemProps";
|
@@ -34,7 +34,7 @@ var _DropdownLinkItem = function _DropdownLinkItem(props) {
|
|
34
34
|
}), /*#__PURE__*/_jsx("span", {
|
35
35
|
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-full truncate"]))),
|
36
36
|
children: children
|
37
|
-
}), isExternalLink && /*#__PURE__*/_jsx(
|
37
|
+
}), isExternalLink && /*#__PURE__*/_jsx(ExternalLinkIcon, {
|
38
38
|
className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["ml-1 shrink-0"]))),
|
39
39
|
size: "1em"
|
40
40
|
})]
|
package/esm/Dropzone/Dropzone.js
CHANGED
@@ -10,9 +10,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
10
10
|
import cx from "clsx";
|
11
11
|
import { Fragment, useCallback, useMemo, useState } from "react";
|
12
12
|
import { useDropzone } from "react-dropzone";
|
13
|
-
import { Check, UploadCloud, X } from "react-feather";
|
14
13
|
import { IconButton } from "../Button";
|
15
14
|
import { useField } from "../Field";
|
15
|
+
import { CheckIcon, UploadCloudIcon, XIcon } from "../Icons";
|
16
16
|
import { useLocale } from "../Satellite";
|
17
17
|
import stl from "../styles/helpers/satellitePrefixer";
|
18
18
|
import { formatHumanSize } from "../utils/formatters";
|
@@ -33,12 +33,12 @@ var DEFAULT_DROPZONE_LOCALE = {
|
|
33
33
|
}
|
34
34
|
};
|
35
35
|
var InvalidIcon = function InvalidIcon() {
|
36
|
-
return /*#__PURE__*/_jsx(
|
36
|
+
return /*#__PURE__*/_jsx(XIcon, {
|
37
37
|
className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
|
38
38
|
});
|
39
39
|
};
|
40
40
|
var ValidatedIcon = function ValidatedIcon() {
|
41
|
-
return /*#__PURE__*/_jsx(
|
41
|
+
return /*#__PURE__*/_jsx(CheckIcon, {
|
42
42
|
className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
|
43
43
|
});
|
44
44
|
};
|
@@ -132,7 +132,7 @@ export var Dropzone = function Dropzone(_ref2) {
|
|
132
132
|
file: files[0]
|
133
133
|
}) : /*#__PURE__*/_jsxs("div", {
|
134
134
|
className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center justify-center space-x-2 display-body"]))),
|
135
|
-
children: [/*#__PURE__*/_jsx(
|
135
|
+
children: [/*#__PURE__*/_jsx(UploadCloudIcon, {
|
136
136
|
size: "1rem",
|
137
137
|
className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
|
138
138
|
}), /*#__PURE__*/_jsx("p", {
|
@@ -145,7 +145,7 @@ export var Dropzone = function Dropzone(_ref2) {
|
|
145
145
|
children: /*#__PURE__*/_jsx(IconButton, {
|
146
146
|
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover/dropzone:visible"),
|
147
147
|
title: locale.clearInput,
|
148
|
-
icon:
|
148
|
+
icon: XIcon,
|
149
149
|
variant: "subtle",
|
150
150
|
size: "small",
|
151
151
|
tabIndex: -1,
|
package/esm/Field/Field.js
CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
3
3
|
import cx from "clsx";
|
4
4
|
import { useMemo } from "react";
|
5
|
-
import {
|
5
|
+
import { AlertCircleIcon } from "../Icons";
|
6
6
|
import stl from "../styles/helpers/satellitePrefixer";
|
7
7
|
import { uniqueId } from "../utils";
|
8
8
|
import { DEFAULT_FIELD_STATE, FieldContext } from "./FieldContext";
|
@@ -38,7 +38,7 @@ export var Field = function Field(_ref) {
|
|
38
38
|
children: /*#__PURE__*/_jsxs("div", {
|
39
39
|
className: className,
|
40
40
|
children: [/*#__PURE__*/_jsxs("label", {
|
41
|
-
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["cursor-pointer flex ", ""])),
|
41
|
+
className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["cursor-pointer flex ", ""])), inline ? "items-center" : "flex-col"),
|
42
42
|
htmlFor: labelFor,
|
43
43
|
children: [hasLabel && /*#__PURE__*/_jsx("div", {
|
44
44
|
id: labelId,
|
@@ -53,7 +53,7 @@ export var Field = function Field(_ref) {
|
|
53
53
|
children: state.errors.map(function (error) {
|
54
54
|
return /*#__PURE__*/_jsxs("li", {
|
55
55
|
className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex items-center"]))),
|
56
|
-
children: [/*#__PURE__*/_jsx(
|
56
|
+
children: [/*#__PURE__*/_jsx(AlertCircleIcon, {
|
57
57
|
className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["text-red-700 mr-1"]))),
|
58
58
|
size: "1rem"
|
59
59
|
}), error]
|
package/esm/Icons/index.d.ts
CHANGED
@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
|
|
17
17
|
export { BulbIcon } from "./BulbIcon";
|
18
18
|
export { TestingIcon } from "./TestingIcon";
|
19
19
|
export { RocketIcon } from "./RocketIcon";
|
20
|
-
export {
|
20
|
+
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, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, 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, 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, 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, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LayoutGridIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, 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, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, 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/esm/Icons/index.js
CHANGED
@@ -19,4 +19,4 @@ export { TestingIcon } from "./TestingIcon";
|
|
19
19
|
export { RocketIcon } from "./RocketIcon";
|
20
20
|
|
21
21
|
// Feather icons
|
22
|
-
export {
|
22
|
+
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, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, 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, 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, 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, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LayoutGridIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, 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, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, 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/esm/Input/Input.js
CHANGED
@@ -8,9 +8,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
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";
|
10
10
|
import { forwardRef, Fragment, useEffect, useState } from "react";
|
11
|
-
import { Check, ChevronDown, ChevronUp, Search, X } from "react-feather";
|
12
11
|
import { IconButton } from "../Button";
|
13
12
|
import { useField } from "../Field";
|
13
|
+
import { CheckIcon, ChevronDownIcon, ChevronUpIcon, SearchIcon as SearchBaseIcon, XIcon } from "../Icons";
|
14
14
|
import { useLocale } from "../Satellite";
|
15
15
|
import stl from "../styles/helpers/satellitePrefixer";
|
16
16
|
import isNil from "../utils/isNil";
|
@@ -34,18 +34,18 @@ var VARIANT_CLASSNAMES = {
|
|
34
34
|
large: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["input-large"])))
|
35
35
|
};
|
36
36
|
var SearchIcon = function SearchIcon(props) {
|
37
|
-
return /*#__PURE__*/_jsx(
|
37
|
+
return /*#__PURE__*/_jsx(SearchBaseIcon, _objectSpread(_objectSpread({}, props), {}, {
|
38
38
|
role: "img",
|
39
39
|
"aria-label": "Search Icon"
|
40
40
|
}));
|
41
41
|
};
|
42
42
|
var InvalidIcon = function InvalidIcon() {
|
43
|
-
return /*#__PURE__*/_jsx(
|
43
|
+
return /*#__PURE__*/_jsx(XIcon, {
|
44
44
|
className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
|
45
45
|
});
|
46
46
|
};
|
47
47
|
var ValidatedIcon = function ValidatedIcon() {
|
48
|
-
return /*#__PURE__*/_jsx(
|
48
|
+
return /*#__PURE__*/_jsx(CheckIcon, {
|
49
49
|
className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
|
50
50
|
});
|
51
51
|
};
|
@@ -139,7 +139,7 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
|
|
139
139
|
})), clearable && !disabled && !readOnly && !isValueEmpty ? /*#__PURE__*/_jsx(IconButton, {
|
140
140
|
className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
|
141
141
|
title: locale.clearInput,
|
142
|
-
icon:
|
142
|
+
icon: XIcon,
|
143
143
|
variant: "subtle",
|
144
144
|
size: "small",
|
145
145
|
tabIndex: -1,
|
@@ -173,7 +173,7 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
|
|
173
173
|
triggerInputChange(String(max));
|
174
174
|
}
|
175
175
|
},
|
176
|
-
children: /*#__PURE__*/_jsx(
|
176
|
+
children: /*#__PURE__*/_jsx(ChevronUpIcon, {
|
177
177
|
size: 12
|
178
178
|
})
|
179
179
|
}), /*#__PURE__*/_jsx("button", {
|
@@ -196,7 +196,7 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
|
|
196
196
|
triggerInputChange(String(min));
|
197
197
|
}
|
198
198
|
},
|
199
|
-
children: /*#__PURE__*/_jsx(
|
199
|
+
children: /*#__PURE__*/_jsx(ChevronDownIcon, {
|
200
200
|
size: 12
|
201
201
|
})
|
202
202
|
})]
|
@@ -2,15 +2,15 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
|
|
2
2
|
var _templateObject;
|
3
3
|
import cx from "clsx";
|
4
4
|
import { createElement } from "react";
|
5
|
-
import {
|
5
|
+
import { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, CornerDownLeftIcon } from "../Icons";
|
6
6
|
import stl from "../styles/helpers/satellitePrefixer";
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
8
8
|
var KEY_MAPPINGS = {
|
9
|
-
up:
|
10
|
-
down:
|
11
|
-
left:
|
12
|
-
right:
|
13
|
-
enter:
|
9
|
+
up: ArrowUpIcon,
|
10
|
+
down: ArrowDownIcon,
|
11
|
+
left: ArrowLeftIcon,
|
12
|
+
right: ArrowRightIcon,
|
13
|
+
enter: CornerDownLeftIcon,
|
14
14
|
escape: "esc"
|
15
15
|
};
|
16
16
|
/**
|
package/esm/Link/ButtonLink.js
CHANGED
@@ -4,8 +4,8 @@ var _excluded = ["endIcon", "href", "onClick"];
|
|
4
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
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
6
|
import { forwardRef } from "react";
|
7
|
-
import { ExternalLink } from "react-feather";
|
8
7
|
import { PolymorphicButton } from "../Button/PolymorphicButton";
|
8
|
+
import { ExternalLinkIcon } from "../Icons";
|
9
9
|
import useLinkProps from "../utils/useLinkProps";
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
11
11
|
/**
|
@@ -23,7 +23,7 @@ export var ButtonLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
23
23
|
onClick: onClick
|
24
24
|
}));
|
25
25
|
if (linkProps.target === "_blank" && EndIcon === undefined) {
|
26
|
-
EndIcon =
|
26
|
+
EndIcon = ExternalLinkIcon;
|
27
27
|
}
|
28
28
|
return /*#__PURE__*/_jsx(PolymorphicButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
|
29
29
|
ref: ref,
|
package/esm/Link/Link.js
CHANGED
@@ -7,7 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
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";
|
9
9
|
import { forwardRef } from "react";
|
10
|
-
import {
|
10
|
+
import { ExternalLinkIcon } from "../Icons";
|
11
11
|
import stl from "../styles/helpers/satellitePrefixer";
|
12
12
|
import useLinkProps from "../utils/useLinkProps";
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
@@ -31,7 +31,7 @@ export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
31
31
|
}));
|
32
32
|
var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
|
33
33
|
if (isExternalLink) {
|
34
|
-
EndIcon =
|
34
|
+
EndIcon = ExternalLinkIcon;
|
35
35
|
}
|
36
36
|
return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
|
37
37
|
ref: ref,
|
@@ -5,8 +5,8 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
5
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
6
|
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
7
7
|
import { forwardRef } from "react";
|
8
|
-
import { ChevronDown } from "react-feather";
|
9
8
|
import Button from "../../Button";
|
9
|
+
import { ChevronDownIcon } from "../../Icons";
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
11
11
|
export var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
12
12
|
var children = _ref.children,
|
@@ -14,7 +14,7 @@ export var DefaultTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
14
14
|
return /*#__PURE__*/_jsx(DropdownMenu.Trigger, {
|
15
15
|
asChild: true,
|
16
16
|
children: /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
|
17
|
-
endIcon:
|
17
|
+
endIcon: ChevronDownIcon
|
18
18
|
}, buttonProps), {}, {
|
19
19
|
ref: ref,
|
20
20
|
children: children
|