@aivenio/aquarium 1.39.0 → 1.41.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/_variables.scss +1 -1
- package/dist/atoms.cjs +18 -10
- package/dist/atoms.mjs +18 -10
- package/dist/src/atoms/DataList/DataList.d.ts +7 -1
- package/dist/src/atoms/DataList/DataList.js +18 -4
- package/dist/src/atoms/Section/Section.js +2 -2
- package/dist/src/atoms/Table/Table.js +5 -3
- package/dist/src/icons/infoSign.js +2 -2
- package/dist/src/molecules/Accordion/Accordion.d.ts +36 -0
- package/dist/src/molecules/Accordion/Accordion.js +90 -0
- package/dist/src/molecules/Badge/Badge.d.ts +5 -5
- package/dist/src/molecules/Badge/Badge.js +11 -7
- package/dist/src/molecules/Chip/Chip.d.ts +14 -10
- package/dist/src/molecules/Chip/Chip.js +7 -4
- package/dist/src/molecules/DataList/DataList.d.ts +29 -2
- package/dist/src/molecules/DataList/DataList.js +93 -13
- package/dist/src/molecules/DataTable/DataTable.d.ts +6 -1
- package/dist/src/molecules/DataTable/DataTable.js +50 -12
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/molecules/DropdownMenu/utils.js +6 -2
- package/dist/src/molecules/Input/Input.js +2 -2
- package/dist/src/molecules/Textarea/Textarea.js +2 -2
- package/dist/src/utils/table/types.d.ts +3 -3
- package/dist/styles.css +29 -7
- package/dist/system.cjs +875 -591
- package/dist/system.mjs +859 -575
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/_variables.scss
CHANGED
package/dist/atoms.cjs
CHANGED
@@ -2108,7 +2108,7 @@ var require_infoSign = __commonJS({
|
|
2108
2108
|
"src/icons/infoSign.js"(exports) {
|
2109
2109
|
"use strict";
|
2110
2110
|
var data = {
|
2111
|
-
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.
|
2111
|
+
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
|
2112
2112
|
"left": 0,
|
2113
2113
|
"top": 0,
|
2114
2114
|
"width": 22,
|
@@ -6518,7 +6518,6 @@ var import_react27 = __toESM(require("react"));
|
|
6518
6518
|
|
6519
6519
|
// src/molecules/Badge/Badge.tsx
|
6520
6520
|
var import_react25 = __toESM(require("react"));
|
6521
|
-
var import_omit = __toESM(require("lodash/omit"));
|
6522
6521
|
|
6523
6522
|
// src/molecules/Skeleton/Skeleton.tsx
|
6524
6523
|
var import_react24 = __toESM(require("react"));
|
@@ -6553,14 +6552,11 @@ var Skeleton = ({
|
|
6553
6552
|
};
|
6554
6553
|
|
6555
6554
|
// src/molecules/Badge/Badge.tsx
|
6556
|
-
var isChipBadgeProps = (props) => "dense" in props;
|
6557
6555
|
var createBadge = (type, displayName) => {
|
6558
6556
|
const Component = (props) => {
|
6559
|
-
|
6560
|
-
const _a = props, { kind = "filled", value, textClassname } = _a, rest = __objRest(_a, ["kind", "value", "textClassname"]);
|
6557
|
+
const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
|
6561
6558
|
const valueStr = value.toString();
|
6562
|
-
|
6563
|
-
return /* @__PURE__ */ import_react25.default.createElement("span", __spreadProps(__spreadValues({}, (0, import_omit.default)(rest, "dense")), {
|
6559
|
+
return /* @__PURE__ */ import_react25.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
6564
6560
|
className: classNames(
|
6565
6561
|
tw("inline-block text-center", {
|
6566
6562
|
"rounded-full": type === "default" || type === "chip",
|
@@ -6607,9 +6603,19 @@ var NotificationBadge = ({
|
|
6607
6603
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
6608
6604
|
}));
|
6609
6605
|
};
|
6606
|
+
var DotBadge = ({ dense = false }) => {
|
6607
|
+
return /* @__PURE__ */ import_react25.default.createElement("span", {
|
6608
|
+
className: tw("rounded-full bg-current", {
|
6609
|
+
"w-[6px] h-[6px]": dense,
|
6610
|
+
"w-[9px] h-[9px]": !dense
|
6611
|
+
})
|
6612
|
+
});
|
6613
|
+
};
|
6610
6614
|
var Badge = createBadge("default", "Badge");
|
6611
6615
|
Badge.Notification = NotificationBadge;
|
6612
6616
|
Badge.Notification.displayName = "Badge.Notification";
|
6617
|
+
Badge.Dot = DotBadge;
|
6618
|
+
Badge.Dot.displayName = "Badge.Dot";
|
6613
6619
|
var TabBadge = createBadge("tab", "TabBadge");
|
6614
6620
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
6615
6621
|
|
@@ -7546,9 +7552,11 @@ var TableBody = (_a) => {
|
|
7546
7552
|
};
|
7547
7553
|
var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
|
7548
7554
|
var TableRow = (_a) => {
|
7549
|
-
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7550
|
-
return /* @__PURE__ */ import_react39.default.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
7551
|
-
className: classNames(rowClassNames, className
|
7555
|
+
var _b = _a, { children, className, disabled } = _b, rest = __objRest(_b, ["children", "className", "disabled"]);
|
7556
|
+
return /* @__PURE__ */ import_react39.default.createElement("tr", __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
|
7557
|
+
className: classNames(rowClassNames, className, {
|
7558
|
+
"opacity-70": disabled
|
7559
|
+
})
|
7552
7560
|
}), children);
|
7553
7561
|
};
|
7554
7562
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
package/dist/atoms.mjs
CHANGED
@@ -2102,7 +2102,7 @@ var require_infoSign = __commonJS({
|
|
2102
2102
|
"src/icons/infoSign.js"(exports) {
|
2103
2103
|
"use strict";
|
2104
2104
|
var data = {
|
2105
|
-
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.
|
2105
|
+
"body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z"/>',
|
2106
2106
|
"left": 0,
|
2107
2107
|
"top": 0,
|
2108
2108
|
"width": 22,
|
@@ -6480,7 +6480,6 @@ import React23 from "react";
|
|
6480
6480
|
|
6481
6481
|
// src/molecules/Badge/Badge.tsx
|
6482
6482
|
import React21 from "react";
|
6483
|
-
import omit from "lodash/omit";
|
6484
6483
|
|
6485
6484
|
// src/molecules/Skeleton/Skeleton.tsx
|
6486
6485
|
import React20 from "react";
|
@@ -6515,14 +6514,11 @@ var Skeleton = ({
|
|
6515
6514
|
};
|
6516
6515
|
|
6517
6516
|
// src/molecules/Badge/Badge.tsx
|
6518
|
-
var isChipBadgeProps = (props) => "dense" in props;
|
6519
6517
|
var createBadge = (type, displayName) => {
|
6520
6518
|
const Component = (props) => {
|
6521
|
-
|
6522
|
-
const _a = props, { kind = "filled", value, textClassname } = _a, rest = __objRest(_a, ["kind", "value", "textClassname"]);
|
6519
|
+
const _a = props, { kind = "filled", value, textClassname, dense = false } = _a, rest = __objRest(_a, ["kind", "value", "textClassname", "dense"]);
|
6523
6520
|
const valueStr = value.toString();
|
6524
|
-
|
6525
|
-
return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, omit(rest, "dense")), {
|
6521
|
+
return /* @__PURE__ */ React21.createElement("span", __spreadProps(__spreadValues({}, rest), {
|
6526
6522
|
className: classNames(
|
6527
6523
|
tw("inline-block text-center", {
|
6528
6524
|
"rounded-full": type === "default" || type === "chip",
|
@@ -6569,9 +6565,19 @@ var NotificationBadge = ({
|
|
6569
6565
|
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
6570
6566
|
}));
|
6571
6567
|
};
|
6568
|
+
var DotBadge = ({ dense = false }) => {
|
6569
|
+
return /* @__PURE__ */ React21.createElement("span", {
|
6570
|
+
className: tw("rounded-full bg-current", {
|
6571
|
+
"w-[6px] h-[6px]": dense,
|
6572
|
+
"w-[9px] h-[9px]": !dense
|
6573
|
+
})
|
6574
|
+
});
|
6575
|
+
};
|
6572
6576
|
var Badge = createBadge("default", "Badge");
|
6573
6577
|
Badge.Notification = NotificationBadge;
|
6574
6578
|
Badge.Notification.displayName = "Badge.Notification";
|
6579
|
+
Badge.Dot = DotBadge;
|
6580
|
+
Badge.Dot.displayName = "Badge.Dot";
|
6575
6581
|
var TabBadge = createBadge("tab", "TabBadge");
|
6576
6582
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
6577
6583
|
|
@@ -7508,9 +7514,11 @@ var TableBody = (_a) => {
|
|
7508
7514
|
};
|
7509
7515
|
var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
|
7510
7516
|
var TableRow = (_a) => {
|
7511
|
-
var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
|
7512
|
-
return /* @__PURE__ */ React35.createElement("tr", __spreadProps(__spreadValues({}, rest), {
|
7513
|
-
className: classNames(rowClassNames, className
|
7517
|
+
var _b = _a, { children, className, disabled } = _b, rest = __objRest(_b, ["children", "className", "disabled"]);
|
7518
|
+
return /* @__PURE__ */ React35.createElement("tr", __spreadProps(__spreadValues(__spreadValues({}, rest), { inert: disabled ? "" : void 0 }), {
|
7519
|
+
className: classNames(rowClassNames, className, {
|
7520
|
+
"opacity-70": disabled
|
7521
|
+
})
|
7514
7522
|
}), children);
|
7515
7523
|
};
|
7516
7524
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
@@ -6,6 +6,7 @@ declare type ComposedDataListProps = React.FC<DivProps> & {
|
|
6
6
|
HeadCell: typeof HeadCell;
|
7
7
|
SortCell: typeof SortCell;
|
8
8
|
Row: typeof Row;
|
9
|
+
SubGroupSpacing: typeof SubGroupSpacing;
|
9
10
|
};
|
10
11
|
export declare const DataList: ComposedDataListProps;
|
11
12
|
declare const HeadCell: React.FC<DivProps & {
|
@@ -17,7 +18,12 @@ declare const Cell: React.FC<DivProps & {
|
|
17
18
|
align?: TextAlign;
|
18
19
|
stickyColumn?: StickyColumn;
|
19
20
|
}>;
|
20
|
-
declare const Row: React.FC<DivProps
|
21
|
+
declare const Row: React.FC<DivProps & {
|
22
|
+
subgroup?: boolean;
|
23
|
+
}>;
|
24
|
+
declare const SubGroupSpacing: React.FC<DivProps & {
|
25
|
+
divider?: boolean;
|
26
|
+
}>;
|
21
27
|
declare const SortCell: React.FC<DivProps & {
|
22
28
|
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
23
29
|
direction: SortDirection;
|
@@ -30,11 +30,19 @@ const HeadCell = (_a) => {
|
|
30
30
|
};
|
31
31
|
const Cell = (_a) => {
|
32
32
|
var { className, align, stickyColumn } = _a, rest = __rest(_a, ["className", "align", "stickyColumn"]);
|
33
|
-
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last:border-b-0'), className) })));
|
33
|
+
return (React.createElement("div", Object.assign({}, rest, { role: "cell", className: classNames(cellClassNames, getBodyCellClassNames(false, stickyColumn), getAlignClassNames(align), tw('border-grey-10 group-hover:bg-grey-0 group-last-of-type:border-b-0'), className) })));
|
34
34
|
};
|
35
35
|
const Row = (_a) => {
|
36
|
-
var { className } = _a, rest = __rest(_a, ["className"]);
|
37
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('contents
|
36
|
+
var { className, disabled, subgroup } = _a, rest = __rest(_a, ["className", "disabled", "subgroup"]);
|
37
|
+
return (React.createElement("div", Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(tw('contents'), className, {
|
38
|
+
'children:opacity-70': disabled,
|
39
|
+
'[&>.group>*]:bg-grey-0 [&>.group>*:first-child]:border-b-0 ': subgroup,
|
40
|
+
'group': !subgroup,
|
41
|
+
}), role: !subgroup ? 'row' : undefined })));
|
42
|
+
};
|
43
|
+
const SubGroupSpacing = (_a) => {
|
44
|
+
var { className, divider } = _a, rest = __rest(_a, ["className", "divider"]);
|
45
|
+
return (React.createElement("span", Object.assign({}, rest, { "aria-hidden": true, className: classNames(tw('col-span-full h-6 bg-grey-0', { 'border-b border-grey-10': Boolean(divider) }), className) })));
|
38
46
|
};
|
39
47
|
const SortCell = (_a) => {
|
40
48
|
var { children, direction = 'none', onClick, sticky } = _a, rest = __rest(_a, ["children", "direction", "onClick", "sticky"]);
|
@@ -48,7 +56,13 @@ const SortCell = (_a) => {
|
|
48
56
|
React.createElement(InlineIcon, { icon: chevronDown, className: getSortCellIconClassNames(direction === 'ascending') })))));
|
49
57
|
};
|
50
58
|
DataList.HeadCell = HeadCell;
|
59
|
+
DataList.HeadCell.displayName = 'DataList.HeadCell';
|
51
60
|
DataList.SortCell = SortCell;
|
61
|
+
DataList.SortCell.displayName = 'DataList.SortCell';
|
52
62
|
DataList.Cell = Cell;
|
63
|
+
DataList.Cell.displayName = 'DataList.Cell';
|
64
|
+
DataList.SubGroupSpacing = SubGroupSpacing;
|
65
|
+
DataList.SubGroupSpacing.displayName = 'DataList.SubGroupSpacing';
|
53
66
|
DataList.Row = Row;
|
54
|
-
|
67
|
+
DataList.Row.displayName = 'DataList.Row';
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0YUxpc3QvRGF0YUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQ0wsY0FBYyxFQUNkLHFCQUFxQixFQUNyQixxQkFBcUIsRUFDckIsMkJBQTJCLEVBQzNCLHlCQUF5QixHQUMxQixNQUFNLHVCQUF1QixDQUFDO0FBRy9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFcEQsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUFZNUMsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRSxDQUMvQyxFQUFFLENBQUMsbUJBQW1CLEVBQUU7SUFDdEIsYUFBYSxFQUFFLEtBQUssS0FBSyxPQUFPO0lBQ2hDLGdCQUFnQixFQUFFLEtBQUssS0FBSyxRQUFRO0lBQ3BDLGVBQWUsRUFBRSxLQUFLLEtBQUssTUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTO0NBQ3pELENBQUMsQ0FBQztBQUVMLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBMEIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLDZDQUFTLElBQUksRUFBSSxDQUFBO0NBQUEsQ0FBQztBQUU3RixNQUFNLFFBQVEsR0FBOEYsQ0FBQyxFQU01RyxFQUFFLEVBQUU7UUFOd0csRUFDM0csU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsWUFBWSxPQUViLEVBREksSUFBSSxjQUxvRyxnREFNNUcsQ0FEUTtJQUNI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
|
@@ -26,7 +26,7 @@ Section.Header = (_a) => {
|
|
26
26
|
};
|
27
27
|
Section.TitleContainer = (_a) => {
|
28
28
|
var { children, className, collapsible } = _a, rest = __rest(_a, ["children", "className", "collapsible"]);
|
29
|
-
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('grow grid grid-cols-[auto_1fr] gap-
|
29
|
+
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('grow grid grid-cols-[auto_1fr] gap-x-3 items-center', { 'cursor-pointer': collapsible }), className) }), children));
|
30
30
|
};
|
31
31
|
Section.Toggle = (props) => React.createElement(Icon, Object.assign({}, props, { icon: caretUp, height: 22, width: 22 }));
|
32
32
|
Section.Title = (_a) => {
|
@@ -46,4 +46,4 @@ Section.Body = (_a) => {
|
|
46
46
|
return (React.createElement("div", Object.assign({}, rest, { className: classNames(tw('p-6'), className) }),
|
47
47
|
React.createElement(BaseTypography, { htmlTag: "div", color: "grey-70" }, children)));
|
48
48
|
};
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TZWN0aW9uL1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWN4QyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQXNFLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUNuSCxvQkFBQyxHQUFHLGtCQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsV0FBVyxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUMsS0FBSyxJQUFLLElBQUksR0FDckUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBNkMsRUFBRSxFQUFFO1FBQWpELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxXQUFXLE9BQVcsRUFBTixJQUFJLGNBQTNDLHdDQUE2QyxDQUFGO0lBQU8sT0FBQSxDQUNsRSw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxFQUFFLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQ3pGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLGNBQWMsR0FBRyxDQUFDLEVBQTZDLEVBQUUsRUFBRTtRQUFqRCxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsV0FBVyxPQUFXLEVBQU4sSUFBSSxjQUEzQyx3Q0FBNkMsQ0FBRjtJQUFPLE9BQUEsQ0FDMUUsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxxREFBcUQsRUFBRSxFQUFFLGdCQUFnQixFQUFFLFdBQVcsRUFBRSxDQUFDLEVBQzVGLFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLElBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQztBQUV0RixPQUFPLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUN6QyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyx5QkFBeUIsS0FDdkYsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLFFBQVEsR0FBRyxDQUFDLEVBQXFCLEVBQUUsRUFBRTtRQUF6QixFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBbkIsWUFBcUIsQ0FBRjtJQUFPLE9BQUEsQ0FDNUMsb0JBQUMsVUFBVSxDQUFDLEtBQUssb0JBQUssSUFBSSxJQUFFLEtBQUssRUFBQyxTQUFTLEtBQ3hDLFFBQVEsQ0FDUSxDQUNwQixDQUFBO0NBQUEsQ0FBQztBQUVGLE9BQU8sQ0FBQyxPQUFPLEdBQUcsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDdEQsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHdCQUF3QixDQUFDLEVBQUUsU0FBUyxDQUFDLEtBQzFFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsT0FBTyxDQUFDLElBQUksR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUNuRCw2Q0FBUyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsU0FBUyxDQUFDO1FBQ3hELG9CQUFDLGNBQWMsSUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxTQUFTLElBQzFDLFFBQVEsQ0FDTSxDQUNiLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
@@ -36,8 +36,10 @@ const TableBody = (_a) => {
|
|
36
36
|
};
|
37
37
|
export const rowClassNames = tw('children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0');
|
38
38
|
const TableRow = (_a) => {
|
39
|
-
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
40
|
-
return (React.createElement("tr", Object.assign({}, rest, { className: classNames(rowClassNames, className
|
39
|
+
var { children, className, disabled } = _a, rest = __rest(_a, ["children", "className", "disabled"]);
|
40
|
+
return (React.createElement("tr", Object.assign({}, rest, { inert: disabled ? '' : undefined }, { className: classNames(rowClassNames, className, {
|
41
|
+
'opacity-70': disabled,
|
42
|
+
}) }), children));
|
41
43
|
};
|
42
44
|
export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]');
|
43
45
|
export const getBodyCellClassNames = (table = true, stickyColumn) => tw('text-grey-70 py-3', {
|
@@ -98,4 +100,4 @@ Table.Row = React.memo(TableRow);
|
|
98
100
|
Table.Cell = React.memo(TableCell);
|
99
101
|
Table.SortCell = React.memo(TableSortCell);
|
100
102
|
Table.SelectCell = React.memo(TableSelectCell);
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
103
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sbUNBQW1DLENBQUM7QUFHdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQXdDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLHFEQUFxRCxDQUFDLENBQUM7QUFFbEYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQU9kLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJ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
|
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
const data = {
|
3
|
-
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 7.
|
3
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M11 7.333V9m0 7v-4m9.167-1a9.167 9.167 0 11-18.334 0 9.167 9.167 0 0118.334 0Z\"/>",
|
4
4
|
"left": 0,
|
5
5
|
"top": 0,
|
6
6
|
"width": 22,
|
@@ -8,4 +8,4 @@ const data = {
|
|
8
8
|
};
|
9
9
|
exports.__esModule = true;
|
10
10
|
exports.default = data;
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mb1NpZ24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvaW5mb1NpZ24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE1BQU0sSUFBSSxHQUFHO0lBQ1osTUFBTSxFQUFFLDRNQUE0TTtJQUNwTixNQUFNLEVBQUUsQ0FBQztJQUNULEtBQUssRUFBRSxDQUFDO0lBQ1IsT0FBTyxFQUFFLEVBQUU7SUFDWCxRQUFRLEVBQUUsRUFBRTtDQUNaLENBQUM7QUFDRixPQUFPLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztBQUMxQixPQUFPLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyJ9
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
2
|
+
declare type PanelID = string;
|
3
|
+
export declare const Accordion: React.FC & {
|
4
|
+
Toggle: typeof AccordionToggle;
|
5
|
+
Panel: typeof AccordionPanel;
|
6
|
+
Summary: typeof AccordionSummary;
|
7
|
+
Container: typeof AccordionContainer;
|
8
|
+
UnanimatedPanel: typeof AccordionUnanimatedPanel;
|
9
|
+
};
|
10
|
+
declare type ToggleProps = {
|
11
|
+
/**
|
12
|
+
* Id for panel element. Toggle and panel must share same panel ID.
|
13
|
+
*/
|
14
|
+
panelId: PanelID;
|
15
|
+
};
|
16
|
+
declare const AccordionToggle: React.FC<ToggleProps>;
|
17
|
+
declare type PanelProps = {
|
18
|
+
/**
|
19
|
+
* Id for panel element. Toggle and panel must share same panel ID.
|
20
|
+
*/
|
21
|
+
panelId: PanelID;
|
22
|
+
className?: string;
|
23
|
+
};
|
24
|
+
declare const AccordionPanel: React.FC<PanelProps>;
|
25
|
+
declare const AccordionUnanimatedPanel: React.FC<PanelProps>;
|
26
|
+
declare type SummaryProps = {
|
27
|
+
title: string;
|
28
|
+
description?: string;
|
29
|
+
/**
|
30
|
+
* Toggle element that trigger collapse. Use <Accordion.Toggle />
|
31
|
+
*/
|
32
|
+
toggle: ReactElement<ToggleProps>;
|
33
|
+
};
|
34
|
+
declare const AccordionSummary: React.FC<SummaryProps>;
|
35
|
+
declare const AccordionContainer: React.FC;
|
36
|
+
export {};
|
@@ -0,0 +1,90 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
12
|
+
import React, { createContext, useContext, useState } from 'react';
|
13
|
+
import { Icon } from '@iconify/react';
|
14
|
+
import { animated, useSpring } from '@react-spring/web';
|
15
|
+
import { caretUp } from '../../../src/icons';
|
16
|
+
import { useMeasure } from '../../../src/utils/useMeasure';
|
17
|
+
import { Box } from '../Box/Box';
|
18
|
+
import { Divider } from '../Divider/Divider';
|
19
|
+
import { Typography } from '../Typography/Typography';
|
20
|
+
const AccordionContext = createContext(null);
|
21
|
+
const useAccordionContext = () => {
|
22
|
+
const context = useContext(AccordionContext);
|
23
|
+
if (context === null) {
|
24
|
+
throw new Error('AccordionContext was used outside of provider.');
|
25
|
+
}
|
26
|
+
return context;
|
27
|
+
};
|
28
|
+
export const Accordion = ({ children }) => {
|
29
|
+
const [state, setState] = useState(undefined);
|
30
|
+
return React.createElement(AccordionContext.Provider, { value: [state, setState] }, children);
|
31
|
+
};
|
32
|
+
const AccordionToggle = (_a) => {
|
33
|
+
var { panelId } = _a, rest = __rest(_a, ["panelId"]);
|
34
|
+
const [openPanelId, setOpenPanelId] = useAccordionContext();
|
35
|
+
const isOpen = openPanelId === panelId;
|
36
|
+
const handleClick = () => setOpenPanelId(isOpen ? undefined : panelId);
|
37
|
+
const { transform } = useSpring({
|
38
|
+
transform: `rotate(${isOpen ? 0 : 180}deg)`,
|
39
|
+
config: {
|
40
|
+
duration: 150,
|
41
|
+
},
|
42
|
+
});
|
43
|
+
return (React.createElement(animated.div, Object.assign({}, rest, { role: "button", tabIndex: 0, "aria-expanded": openPanelId === panelId, "aria-controls": panelId, onClick: handleClick, style: { transform } }),
|
44
|
+
React.createElement(Icon, { icon: caretUp, height: 22, width: 22 })));
|
45
|
+
};
|
46
|
+
const AccordionPanel = (_a) => {
|
47
|
+
var { children, panelId } = _a, rest = __rest(_a, ["children", "panelId"]);
|
48
|
+
const [openPanelId] = useAccordionContext();
|
49
|
+
const isOpen = openPanelId === panelId;
|
50
|
+
const [ref, { height }] = useMeasure();
|
51
|
+
const style = useSpring({
|
52
|
+
height: isOpen ? height !== null && height !== void 0 ? height : 0 : 0,
|
53
|
+
opacity: isOpen ? 1 : 0,
|
54
|
+
config: {
|
55
|
+
duration: 150,
|
56
|
+
},
|
57
|
+
});
|
58
|
+
return (React.createElement(animated.div, Object.assign({}, rest, { role: "region", id: panelId, style: style }),
|
59
|
+
React.createElement("div", { ref: ref }, children)));
|
60
|
+
};
|
61
|
+
const AccordionUnanimatedPanel = ({ children, panelId }) => {
|
62
|
+
const [openPanelId] = useAccordionContext();
|
63
|
+
const isOpen = openPanelId === panelId;
|
64
|
+
return React.createElement(React.Fragment, null, isOpen ? children : null);
|
65
|
+
};
|
66
|
+
const AccordionSummary = (_a) => {
|
67
|
+
var { title, description, toggle } = _a, rest = __rest(_a, ["title", "description", "toggle"]);
|
68
|
+
return (React.createElement(Box.Flex, Object.assign({ justifyContent: "space-between", padding: "4" }, rest),
|
69
|
+
React.createElement(Typography, null, title),
|
70
|
+
React.createElement(Typography.Small, { color: "grey-40" }, description),
|
71
|
+
toggle));
|
72
|
+
};
|
73
|
+
const AccordionContainer = (_a) => {
|
74
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
75
|
+
return (React.createElement("div", Object.assign({}, rest),
|
76
|
+
children,
|
77
|
+
React.createElement(Divider, null)));
|
78
|
+
};
|
79
|
+
Accordion.displayName = 'Accordion';
|
80
|
+
Accordion.Container = AccordionContainer;
|
81
|
+
Accordion.Container.displayName = 'Accordion.Container';
|
82
|
+
Accordion.Summary = AccordionSummary;
|
83
|
+
Accordion.Summary.displayName = 'Accordion.Summary';
|
84
|
+
Accordion.Toggle = AccordionToggle;
|
85
|
+
Accordion.Toggle.displayName = 'Accordion.Toggle';
|
86
|
+
Accordion.Panel = AccordionPanel;
|
87
|
+
Accordion.Panel.displayName = 'Accordion.Panel';
|
88
|
+
Accordion.UnanimatedPanel = AccordionUnanimatedPanel;
|
89
|
+
Accordion.UnanimatedPanel.displayName = 'Accordion.UnanimatedPanel';
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9BY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFxQixVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXhELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWxELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQU10RCxNQUFNLGdCQUFnQixHQUFHLGFBQWEsQ0FBOEQsSUFBSSxDQUFDLENBQUM7QUFFMUcsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7SUFDL0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDN0MsSUFBSSxPQUFPLEtBQUssSUFBSSxFQUFFO1FBQ3BCLE1BQU0sSUFBSSxLQUFLLENBQUMsZ0RBQWdELENBQUMsQ0FBQztLQUNuRTtJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FNbEIsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDbkIsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQVEsU0FBUyxDQUFDLENBQUM7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
|
@@ -17,25 +17,25 @@ export interface BadgeProps {
|
|
17
17
|
* Optional classname for text.
|
18
18
|
*/
|
19
19
|
'textClassname'?: string;
|
20
|
-
}
|
21
|
-
export declare type ChipBadgeProps = BadgeProps & {
|
22
20
|
/**
|
23
21
|
* If true, display dense version of the badge.
|
24
22
|
*/
|
25
|
-
dense?: boolean;
|
26
|
-
}
|
23
|
+
'dense'?: boolean;
|
24
|
+
}
|
27
25
|
declare const NotificationBadge: React.FC<{
|
28
26
|
top?: React.CSSProperties['top'];
|
29
27
|
right?: React.CSSProperties['right'];
|
30
28
|
}>;
|
29
|
+
declare const DotBadge: React.FC<Pick<BadgeProps, 'dense'>>;
|
31
30
|
export declare const Badge: React.FC<BadgeProps> & {
|
32
31
|
Skeleton: React.FC;
|
33
32
|
Notification: typeof NotificationBadge;
|
33
|
+
Dot: typeof DotBadge;
|
34
34
|
};
|
35
35
|
export declare const TabBadge: React.FC<BadgeProps> & {
|
36
36
|
Skeleton: React.FC;
|
37
37
|
};
|
38
|
-
export declare const ChipBadge: React.FC<
|
38
|
+
export declare const ChipBadge: React.FC<BadgeProps> & {
|
39
39
|
Skeleton: React.FC;
|
40
40
|
};
|
41
41
|
export {};
|
@@ -10,17 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import omit from 'lodash/omit';
|
14
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
14
|
import { Skeleton } from '../Skeleton/Skeleton';
|
16
|
-
const isChipBadgeProps = (props) => 'dense' in props;
|
17
15
|
const createBadge = (type, displayName) => {
|
18
16
|
const Component = (props) => {
|
19
|
-
|
20
|
-
const { kind = 'filled', value, textClassname } = props, rest = __rest(props, ["kind", "value", "textClassname"]);
|
17
|
+
const { kind = 'filled', value, textClassname, dense = false } = props, rest = __rest(props, ["kind", "value", "textClassname", "dense"]);
|
21
18
|
const valueStr = value.toString();
|
22
|
-
|
23
|
-
return (React.createElement("span", Object.assign({}, omit(rest, 'dense'), { className: classNames(tw('inline-block text-center', {
|
19
|
+
return (React.createElement("span", Object.assign({}, rest, { className: classNames(tw('inline-block text-center', {
|
24
20
|
'rounded-full': type === 'default' || type === 'chip',
|
25
21
|
'rounded': type === 'tab',
|
26
22
|
'border border-current': kind === 'outlined',
|
@@ -46,9 +42,17 @@ const NotificationBadge = ({ children, top = '-2px', right = '-2px', }) => {
|
|
46
42
|
children,
|
47
43
|
React.createElement("span", { style: { top, right }, className: tw('absolute rounded-full w-[6px] h-[6px] bg-error-70') })));
|
48
44
|
};
|
45
|
+
const DotBadge = ({ dense = false }) => {
|
46
|
+
return (React.createElement("span", { className: tw('rounded-full bg-current', {
|
47
|
+
'w-[6px] h-[6px]': dense,
|
48
|
+
'w-[9px] h-[9px]': !dense,
|
49
|
+
}) }));
|
50
|
+
};
|
49
51
|
export const Badge = createBadge('default', 'Badge');
|
50
52
|
Badge.Notification = NotificationBadge;
|
51
53
|
Badge.Notification.displayName = 'Badge.Notification';
|
54
|
+
Badge.Dot = DotBadge;
|
55
|
+
Badge.Dot.displayName = 'Badge.Dot';
|
52
56
|
export const TabBadge = createBadge('tab', 'TabBadge');
|
53
57
|
export const ChipBadge = createBadge('chip', 'ChipBadge');
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQStCaEQsTUFBTSxXQUFXLEdBQUcsQ0FBNEIsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDdkcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxLQUFjLEtBQUssRUFBZCxJQUFJLFVBQUssS0FBSyxFQUF6RSwyQ0FBaUUsQ0FBUSxDQUFDO1FBQ2hGLE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUVsQyxPQUFPLENBQ0wsOENBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQywwQkFBMEIsRUFBRTtnQkFDN0IsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsdUJBQXVCLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQzVDLFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU07Z0JBQzNCLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLE1BQU0sRUFBRSxLQUFLLElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDO2dCQUNwQyxVQUFVLEVBQUUsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEtBQUssQ0FBQzthQUMzQyxDQUFDLEVBQ0YsZ0JBQWdCLENBQ2pCO1lBRUQsOEJBQ0UsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsYUFBYSxFQUNiLEVBQUUsQ0FBQyxjQUFjLEVBQUU7b0JBQ2pCLFlBQVksRUFBRSxDQUFDLGFBQWEsSUFBSSxJQUFJLEtBQUssUUFBUTtvQkFDakQsU0FBUyxFQUFFLElBQUksS0FBSyxRQUFRO2lCQUM3QixDQUFDLENBQ0gsSUFFQSxRQUFRLENBQ0osQ0FDRixDQUNSLENBQUM7SUFDSixDQUFDLENBQUM7SUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNwQyxTQUFTLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQ3pCLG9CQUFDLFFBQVEsSUFDUCxNQUFNLEVBQUUsRUFBRSxFQUNWLEtBQUssRUFBRSxFQUFFLEVBQ1QsT0FBTyxFQUFDLGNBQWMsRUFDdEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxHQUMxRCxDQUNILENBQUM7SUFDRixTQUFTLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxHQUFHLFdBQVcsV0FBVyxDQUFDO0lBQzNELE9BQU8sU0FBUyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQUVGLE1BQU0saUJBQWlCLEdBQXlGLENBQUMsRUFDL0csUUFBUSxFQUNSLEdBQUcsR0FBRyxNQUFNLEVBQ1osS0FBSyxHQUFHLE1BQU0sR0FDZixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztRQUN2QyxRQUFRO1FBQ1QsOEJBQU0sS0FBSyxFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsbURBQW1ELENBQUMsR0FBSSxDQUMvRixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBd0MsQ0FBQyxFQUFFLEtBQUssR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQzFFLE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHlCQUF5QixFQUFFO1lBQ3ZDLGlCQUFpQixFQUFFLEtBQUs7WUFDeEIsaUJBQWlCLEVBQUUsQ0FBQyxLQUFLO1NBQzFCLENBQUMsR0FDRixDQUNILENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBSWQsV0FBVyxDQUFhLFNBQVMsRUFBRSxPQUFPLENBSTdDLENBQUM7QUFDRixLQUFLLENBQUMsWUFBWSxHQUFHLGlCQUFpQixDQUFDO0FBQ3ZDLEtBQUssQ0FBQyxZQUFZLENBQUMsV0FBVyxHQUFHLG9CQUFvQixDQUFDO0FBQ3RELEtBQUssQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDO0FBQ3JCLEtBQUssQ0FBQyxHQUFHLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztBQUVwQyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFhLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQztBQUNuRSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFhLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQyJ9
|
@@ -10,12 +10,12 @@ declare type BaseChipProps = {
|
|
10
10
|
* If true, dense version of the component will be rendered.
|
11
11
|
*/
|
12
12
|
dense?: boolean;
|
13
|
-
};
|
14
|
-
export declare type ChipProps = BaseChipProps & {
|
15
13
|
/**
|
16
14
|
* Optional icon for chip. If provided, it will be displayed on the left side of the text.
|
17
15
|
*/
|
18
16
|
icon?: IconProps['icon'];
|
17
|
+
};
|
18
|
+
export declare type ChipProps = BaseChipProps & {
|
19
19
|
/**
|
20
20
|
* If true, chip will be displayed as locked.
|
21
21
|
*/
|
@@ -43,12 +43,14 @@ export declare type StatusChipProps = BaseChipProps & {
|
|
43
43
|
*/
|
44
44
|
status?: ChipStatus;
|
45
45
|
/**
|
46
|
-
*
|
47
|
-
* this property is not adviced and it will be eventually deprecated.
|
48
|
-
*
|
49
|
-
* @deprecated Icons should not be used with status chips.
|
46
|
+
* @deprecated use `icon` instead, overriden by value of `icon` if both are provided.
|
50
47
|
*/
|
51
48
|
UNSAFE_icon?: IconProps['icon'];
|
49
|
+
/**
|
50
|
+
* Number: will render badge to right
|
51
|
+
* True: will render dot to left
|
52
|
+
*/
|
53
|
+
badge?: number | true;
|
52
54
|
};
|
53
55
|
export declare const StatusChip: React.ForwardRefExoticComponent<BaseChipProps & {
|
54
56
|
/**
|
@@ -56,12 +58,14 @@ export declare const StatusChip: React.ForwardRefExoticComponent<BaseChipProps &
|
|
56
58
|
*/
|
57
59
|
status?: ChipStatus | undefined;
|
58
60
|
/**
|
59
|
-
*
|
60
|
-
* this property is not adviced and it will be eventually deprecated.
|
61
|
-
*
|
62
|
-
* @deprecated Icons should not be used with status chips.
|
61
|
+
* @deprecated use `icon` instead, overriden by value of `icon` if both are provided.
|
63
62
|
*/
|
64
63
|
UNSAFE_icon?: string | import("@iconify/react").IconifyIcon | undefined;
|
64
|
+
/**
|
65
|
+
* Number: will render badge to right
|
66
|
+
* True: will render dot to left
|
67
|
+
*/
|
68
|
+
badge?: number | true | undefined;
|
65
69
|
} & React.RefAttributes<HTMLSpanElement>>;
|
66
70
|
export declare type ChipContainerProps = {
|
67
71
|
/**
|