@aivenio/aquarium 1.59.0 → 1.60.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 +5 -3
- package/dist/atoms.cjs +14 -12
- package/dist/atoms.mjs +13 -12
- package/dist/charts.cjs +3 -3
- package/dist/charts.mjs +3 -3
- package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/atoms/Navigation/Navigation.js +2 -2
- package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
- package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/atoms/Select/Select.js +5 -5
- package/dist/src/atoms/Switch/Switch.d.ts +1 -1
- package/dist/src/atoms/Table/Table.js +3 -3
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/charts/Container/Container.js +4 -4
- package/dist/src/molecules/Box/Box.d.ts +3 -3
- package/dist/src/molecules/Button/Button.d.ts +1 -1
- package/dist/src/molecules/Button/Button.js +2 -2
- package/dist/src/molecules/Chip/Chip.js +4 -4
- package/dist/src/molecules/ControlLabel/ControlLabel.js +2 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +3 -3
- package/dist/src/molecules/Element/Element.d.ts +1 -1
- package/dist/src/molecules/MultiInput/InputChip.js +1 -1
- package/dist/src/molecules/NativeSelect/NativeSelect.d.ts +1 -0
- package/dist/src/molecules/NativeSelect/NativeSelect.js +4 -4
- package/dist/src/utils/constants.js +2 -2
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +2 -2
- package/dist/src/utils/form/Label/Label.js +4 -4
- package/dist/styles.css +40 -18
- package/dist/system.cjs +29 -29
- package/dist/system.mjs +29 -29
- package/dist/tailwind.config.js +16 -8
- package/dist/tailwind.theme.json +2 -2
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +1 -1
- package/package.json +4 -4
package/dist/_variables.scss
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
|
2
2
|
// Do not edit directly
|
3
|
-
// Generated on
|
3
|
+
// Generated on Wed, 28 Feb 2024 10:58:11 GMT
|
4
4
|
|
5
5
|
$border-radius-none: 0px !default;
|
6
6
|
$border-radius-sm: 0.125rem !default;
|
@@ -96,9 +96,9 @@ $colors-primary-10: #e3e9ff !default;
|
|
96
96
|
$colors-primary-5: #f3f6ff !default;
|
97
97
|
$colors-primary-0: #ffffff !default;
|
98
98
|
$colors-transparent: transparent !default;
|
99
|
+
$colors-current: currentColor !default;
|
99
100
|
$colors-white: white !default;
|
100
101
|
$colors-black: black !default;
|
101
|
-
$colors-current: currentColor !default;
|
102
102
|
$box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08) !default;
|
103
103
|
$box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12) !default;
|
104
104
|
$box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16) !default;
|
@@ -171,4 +171,6 @@ $spacing-l3: 32px !default;
|
|
171
171
|
$spacing-l4: 48px !default;
|
172
172
|
$spacing-l5: 64px !default;
|
173
173
|
$spacing-l6: 96px !default;
|
174
|
-
$spacing-l7: 160px !default;
|
174
|
+
$spacing-l7: 160px !default;
|
175
|
+
$text-color-muted: var(--aquarium-colors-grey-40) !default;
|
176
|
+
$text-color-default: var(--aquarium-colors-grey-70) !default;
|
package/dist/atoms.cjs
CHANGED
@@ -4653,6 +4653,7 @@ __export(atoms_exports, {
|
|
4653
4653
|
DropdownMenu: () => DropdownMenu,
|
4654
4654
|
InputGroup: () => InputGroup,
|
4655
4655
|
Item: () => Item4,
|
4656
|
+
LineClamp: () => LineClamp,
|
4656
4657
|
Link: () => Link,
|
4657
4658
|
Modal: () => Modal,
|
4658
4659
|
Navigation: () => Navigation,
|
@@ -5058,9 +5059,9 @@ var tailwind_theme_default = {
|
|
5058
5059
|
"primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
|
5059
5060
|
"primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
|
5060
5061
|
transparent: "var(--aquarium-colors-transparent, transparent)",
|
5062
|
+
current: "var(--aquarium-colors-current, currentColor)",
|
5061
5063
|
white: "var(--aquarium-colors-white, white)",
|
5062
|
-
black: "var(--aquarium-colors-black, black)"
|
5063
|
-
current: "var(--aquarium-colors-current, currentColor)"
|
5064
|
+
black: "var(--aquarium-colors-black, black)"
|
5064
5065
|
},
|
5065
5066
|
gap: {
|
5066
5067
|
"0": "0",
|
@@ -6375,7 +6376,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6375
6376
|
tw(
|
6376
6377
|
"inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center",
|
6377
6378
|
{
|
6378
|
-
"text-
|
6379
|
+
"text-default p-2 active:text-default active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-muted disabled:bg-transparent": isIconOnlyButton,
|
6379
6380
|
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
6380
6381
|
"typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
|
6381
6382
|
"py-3 px-4": !dense && isButton,
|
@@ -7222,7 +7223,7 @@ var DropdownMenu = import_react28.default.forwardRef(
|
|
7222
7223
|
return /* @__PURE__ */ import_react28.default.createElement("div", __spreadValues({
|
7223
7224
|
ref,
|
7224
7225
|
style: { minHeight, maxHeight, minWidth, maxWidth },
|
7225
|
-
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-
|
7226
|
+
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-default")
|
7226
7227
|
}, props), children);
|
7227
7228
|
}
|
7228
7229
|
);
|
@@ -7246,7 +7247,7 @@ var Group = import_react28.default.forwardRef(
|
|
7246
7247
|
return /* @__PURE__ */ import_react28.default.createElement("li", __spreadValues({
|
7247
7248
|
ref
|
7248
7249
|
}, props), title && /* @__PURE__ */ import_react28.default.createElement("div", __spreadValues({
|
7249
|
-
className: classNames(className, "p-3 text-
|
7250
|
+
className: classNames(className, "p-3 text-muted uppercase cursor-default typography-caption", {
|
7250
7251
|
"text-grey-20": props.disabled
|
7251
7252
|
})
|
7252
7253
|
}, titleProps), title), children);
|
@@ -7602,7 +7603,7 @@ var Section = (_a) => {
|
|
7602
7603
|
role: "presentation",
|
7603
7604
|
className: tw("py-5")
|
7604
7605
|
}, title && /* @__PURE__ */ import_react33.default.createElement("div", {
|
7605
|
-
className: classNames(className, "py-2 px-6 text-
|
7606
|
+
className: classNames(className, "py-2 px-6 text-muted uppercase cursor-default typography-caption")
|
7606
7607
|
}, title), /* @__PURE__ */ import_react33.default.createElement("ul", __spreadProps(__spreadValues({}, rest), {
|
7607
7608
|
role: "group",
|
7608
7609
|
className: classNames(tw("flex flex-col"), className)
|
@@ -7788,9 +7789,9 @@ var Input = import_react37.default.forwardRef((_a, ref) => {
|
|
7788
7789
|
type: "text",
|
7789
7790
|
className: classNames(
|
7790
7791
|
className,
|
7791
|
-
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-
|
7792
|
+
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-muted",
|
7792
7793
|
{
|
7793
|
-
"text-
|
7794
|
+
"text-default": !props.disabled,
|
7794
7795
|
"text-grey-30": props.disabled,
|
7795
7796
|
"cursor-default": props.readOnly
|
7796
7797
|
}
|
@@ -7813,7 +7814,7 @@ var NoResults = import_react37.default.forwardRef(
|
|
7813
7814
|
return /* @__PURE__ */ import_react37.default.createElement("li", __spreadProps(__spreadValues({
|
7814
7815
|
ref
|
7815
7816
|
}, rest), {
|
7816
|
-
className: classNames(tw("p-3 text-
|
7817
|
+
className: classNames(tw("p-3 text-muted italic typography-small"), className)
|
7817
7818
|
}), children);
|
7818
7819
|
}
|
7819
7820
|
);
|
@@ -7833,7 +7834,7 @@ var Group2 = import_react37.default.forwardRef((_a, ref) => {
|
|
7833
7834
|
ref,
|
7834
7835
|
className: classNames(
|
7835
7836
|
className,
|
7836
|
-
"flex items-center gap-x-3 p-3 text-
|
7837
|
+
"flex items-center gap-x-3 p-3 text-muted uppercase cursor-default typography-caption mt-4 first:mt-0",
|
7837
7838
|
{
|
7838
7839
|
"text-grey-20": props.disabled
|
7839
7840
|
}
|
@@ -8060,7 +8061,7 @@ var TableRow = (_a) => {
|
|
8060
8061
|
}), children);
|
8061
8062
|
};
|
8062
8063
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
8063
|
-
var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-
|
8064
|
+
var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-3", {
|
8064
8065
|
"h-[50px]": table,
|
8065
8066
|
"min-h-[50px]": !table,
|
8066
8067
|
"sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
|
@@ -8111,7 +8112,7 @@ var TableSelectCell = (_a) => {
|
|
8111
8112
|
};
|
8112
8113
|
var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
|
8113
8114
|
var getSortCellIconClassNames = (active) => {
|
8114
|
-
return tw("text-[9px]", active ? "text-
|
8115
|
+
return tw("text-[9px]", active ? "text-default" : "text-muted");
|
8115
8116
|
};
|
8116
8117
|
var TableSortCell = (_a) => {
|
8117
8118
|
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
@@ -8163,6 +8164,7 @@ Table.Caption = Caption;
|
|
8163
8164
|
DropdownMenu,
|
8164
8165
|
InputGroup,
|
8165
8166
|
Item,
|
8167
|
+
LineClamp,
|
8166
8168
|
Link,
|
8167
8169
|
Modal,
|
8168
8170
|
Navigation,
|
package/dist/atoms.mjs
CHANGED
@@ -5015,9 +5015,9 @@ var tailwind_theme_default = {
|
|
5015
5015
|
"primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
|
5016
5016
|
"primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
|
5017
5017
|
transparent: "var(--aquarium-colors-transparent, transparent)",
|
5018
|
+
current: "var(--aquarium-colors-current, currentColor)",
|
5018
5019
|
white: "var(--aquarium-colors-white, white)",
|
5019
|
-
black: "var(--aquarium-colors-black, black)"
|
5020
|
-
current: "var(--aquarium-colors-current, currentColor)"
|
5020
|
+
black: "var(--aquarium-colors-black, black)"
|
5021
5021
|
},
|
5022
5022
|
gap: {
|
5023
5023
|
"0": "0",
|
@@ -6335,7 +6335,7 @@ var asButton = (Component, isDropdownButton) => {
|
|
6335
6335
|
tw(
|
6336
6336
|
"inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center",
|
6337
6337
|
{
|
6338
|
-
"text-
|
6338
|
+
"text-default p-2 active:text-default active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-muted disabled:bg-transparent": isIconOnlyButton,
|
6339
6339
|
"typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
|
6340
6340
|
"typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
|
6341
6341
|
"py-3 px-4": !dense && isButton,
|
@@ -7182,7 +7182,7 @@ var DropdownMenu = React24.forwardRef(
|
|
7182
7182
|
return /* @__PURE__ */ React24.createElement("div", __spreadValues({
|
7183
7183
|
ref,
|
7184
7184
|
style: { minHeight, maxHeight, minWidth, maxWidth },
|
7185
|
-
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-
|
7185
|
+
className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-default")
|
7186
7186
|
}, props), children);
|
7187
7187
|
}
|
7188
7188
|
);
|
@@ -7206,7 +7206,7 @@ var Group = React24.forwardRef(
|
|
7206
7206
|
return /* @__PURE__ */ React24.createElement("li", __spreadValues({
|
7207
7207
|
ref
|
7208
7208
|
}, props), title && /* @__PURE__ */ React24.createElement("div", __spreadValues({
|
7209
|
-
className: classNames(className, "p-3 text-
|
7209
|
+
className: classNames(className, "p-3 text-muted uppercase cursor-default typography-caption", {
|
7210
7210
|
"text-grey-20": props.disabled
|
7211
7211
|
})
|
7212
7212
|
}, titleProps), title), children);
|
@@ -7562,7 +7562,7 @@ var Section = (_a) => {
|
|
7562
7562
|
role: "presentation",
|
7563
7563
|
className: tw("py-5")
|
7564
7564
|
}, title && /* @__PURE__ */ React29.createElement("div", {
|
7565
|
-
className: classNames(className, "py-2 px-6 text-
|
7565
|
+
className: classNames(className, "py-2 px-6 text-muted uppercase cursor-default typography-caption")
|
7566
7566
|
}, title), /* @__PURE__ */ React29.createElement("ul", __spreadProps(__spreadValues({}, rest), {
|
7567
7567
|
role: "group",
|
7568
7568
|
className: classNames(tw("flex flex-col"), className)
|
@@ -7748,9 +7748,9 @@ var Input = React33.forwardRef((_a, ref) => {
|
|
7748
7748
|
type: "text",
|
7749
7749
|
className: classNames(
|
7750
7750
|
className,
|
7751
|
-
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-
|
7751
|
+
"grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-muted",
|
7752
7752
|
{
|
7753
|
-
"text-
|
7753
|
+
"text-default": !props.disabled,
|
7754
7754
|
"text-grey-30": props.disabled,
|
7755
7755
|
"cursor-default": props.readOnly
|
7756
7756
|
}
|
@@ -7773,7 +7773,7 @@ var NoResults = React33.forwardRef(
|
|
7773
7773
|
return /* @__PURE__ */ React33.createElement("li", __spreadProps(__spreadValues({
|
7774
7774
|
ref
|
7775
7775
|
}, rest), {
|
7776
|
-
className: classNames(tw("p-3 text-
|
7776
|
+
className: classNames(tw("p-3 text-muted italic typography-small"), className)
|
7777
7777
|
}), children);
|
7778
7778
|
}
|
7779
7779
|
);
|
@@ -7793,7 +7793,7 @@ var Group2 = React33.forwardRef((_a, ref) => {
|
|
7793
7793
|
ref,
|
7794
7794
|
className: classNames(
|
7795
7795
|
className,
|
7796
|
-
"flex items-center gap-x-3 p-3 text-
|
7796
|
+
"flex items-center gap-x-3 p-3 text-muted uppercase cursor-default typography-caption mt-4 first:mt-0",
|
7797
7797
|
{
|
7798
7798
|
"text-grey-20": props.disabled
|
7799
7799
|
}
|
@@ -8020,7 +8020,7 @@ var TableRow = (_a) => {
|
|
8020
8020
|
}), children);
|
8021
8021
|
};
|
8022
8022
|
var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
|
8023
|
-
var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-
|
8023
|
+
var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-3", {
|
8024
8024
|
"h-[50px]": table,
|
8025
8025
|
"min-h-[50px]": !table,
|
8026
8026
|
"sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
|
@@ -8071,7 +8071,7 @@ var TableSelectCell = (_a) => {
|
|
8071
8071
|
};
|
8072
8072
|
var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
|
8073
8073
|
var getSortCellIconClassNames = (active) => {
|
8074
|
-
return tw("text-[9px]", active ? "text-
|
8074
|
+
return tw("text-[9px]", active ? "text-default" : "text-muted");
|
8075
8075
|
};
|
8076
8076
|
var TableSortCell = (_a) => {
|
8077
8077
|
var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
|
@@ -8122,6 +8122,7 @@ export {
|
|
8122
8122
|
DropdownMenu,
|
8123
8123
|
InputGroup,
|
8124
8124
|
Item4 as Item,
|
8125
|
+
LineClamp,
|
8125
8126
|
Link,
|
8126
8127
|
Modal,
|
8127
8128
|
Navigation,
|
package/dist/charts.cjs
CHANGED
@@ -2109,10 +2109,10 @@ var ResponsiveContainer = (_a) => {
|
|
2109
2109
|
"aria-busy": isBusy,
|
2110
2110
|
className: classNames(className, tw("relative")),
|
2111
2111
|
style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
|
2112
|
-
}, /* @__PURE__ */ import_react2.default.createElement(
|
2112
|
+
}, /* @__PURE__ */ import_react2.default.createElement("div", {
|
2113
2113
|
className: classNames(
|
2114
2114
|
tw("absolute inset-0 transition-colors flex items-center justify-center", {
|
2115
|
-
"delay-300": isBusy
|
2115
|
+
"delay-300 z-40": isBusy
|
2116
2116
|
})
|
2117
2117
|
),
|
2118
2118
|
style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
|
@@ -2122,7 +2122,7 @@ var ResponsiveContainer = (_a) => {
|
|
2122
2122
|
"opacity-100 delay-300": isBusy,
|
2123
2123
|
"mb-[-20px] opacity-0": !isBusy
|
2124
2124
|
})
|
2125
|
-
}, isBusy && busyLabel)));
|
2125
|
+
}, isBusy && busyLabel)), /* @__PURE__ */ import_react2.default.createElement(import_recharts2.ResponsiveContainer, __spreadValues({}, props)));
|
2126
2126
|
};
|
2127
2127
|
|
2128
2128
|
// src/charts/Grid/Grid.tsx
|
package/dist/charts.mjs
CHANGED
@@ -1989,10 +1989,10 @@ var ResponsiveContainer = (_a) => {
|
|
1989
1989
|
"aria-busy": isBusy,
|
1990
1990
|
className: classNames(className, tw("relative")),
|
1991
1991
|
style: __spreadProps(__spreadValues({}, style), { width, height, minWidth, minHeight, maxHeight })
|
1992
|
-
}, /* @__PURE__ */ React2.createElement(
|
1992
|
+
}, /* @__PURE__ */ React2.createElement("div", {
|
1993
1993
|
className: classNames(
|
1994
1994
|
tw("absolute inset-0 transition-colors flex items-center justify-center", {
|
1995
|
-
"delay-300": isBusy
|
1995
|
+
"delay-300 z-40": isBusy
|
1996
1996
|
})
|
1997
1997
|
),
|
1998
1998
|
style: isBusy ? { backgroundColor: "rgba(255, 255, 255, 0.5)" } : {}
|
@@ -2002,7 +2002,7 @@ var ResponsiveContainer = (_a) => {
|
|
2002
2002
|
"opacity-100 delay-300": isBusy,
|
2003
2003
|
"mb-[-20px] opacity-0": !isBusy
|
2004
2004
|
})
|
2005
|
-
}, isBusy && busyLabel)));
|
2005
|
+
}, isBusy && busyLabel)), /* @__PURE__ */ React2.createElement(_ResponsiveContainer, __spreadValues({}, props)));
|
2006
2006
|
};
|
2007
2007
|
|
2008
2008
|
// src/charts/Grid/Grid.tsx
|
@@ -5,7 +5,7 @@ export declare type CheckboxProps = Omit<React.DetailedHTMLProps<React.InputHTML
|
|
5
5
|
value?: string;
|
6
6
|
indeterminate?: boolean;
|
7
7
|
};
|
8
|
-
export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "
|
8
|
+
export declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "type" | "value" | "id"> & {
|
9
9
|
id?: string | undefined;
|
10
10
|
name?: string | undefined;
|
11
11
|
value?: string | undefined;
|
@@ -17,7 +17,7 @@ import { classNames, tw } from '../../../src/utils/tailwind';
|
|
17
17
|
import tick from '../../../src/icons/tick';
|
18
18
|
export const DropdownMenu = React.forwardRef((_a, ref) => {
|
19
19
|
var { minHeight, maxHeight = '100%', minWidth = '125px', maxWidth, className, children } = _a, props = __rest(_a, ["minHeight", "maxHeight", "minWidth", "maxWidth", "className", "children"]);
|
20
|
-
return (React.createElement("div", Object.assign({ ref: ref, style: { minHeight, maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full flex flex-col overflow-x-hidden typography-small text-
|
20
|
+
return (React.createElement("div", Object.assign({ ref: ref, style: { minHeight, maxHeight, minWidth, maxWidth }, className: classNames(className, 'bg-white w-full flex flex-col overflow-x-hidden typography-small text-default') }, props), children));
|
21
21
|
});
|
22
22
|
const ContentContainer = ({ children }) => (React.createElement("div", { className: tw('p-3 overflow-y-auto overflow-x-hidden') }, children));
|
23
23
|
DropdownMenu.ContentContainer = ContentContainer;
|
@@ -29,7 +29,7 @@ DropdownMenu.List = List;
|
|
29
29
|
const Group = React.forwardRef((_a, ref) => {
|
30
30
|
var { className, title, titleProps, children } = _a, props = __rest(_a, ["className", "title", "titleProps", "children"]);
|
31
31
|
return (React.createElement("li", Object.assign({ ref: ref }, props),
|
32
|
-
title && (React.createElement("div", Object.assign({ className: classNames(className, 'p-3 text-
|
32
|
+
title && (React.createElement("div", Object.assign({ className: classNames(className, 'p-3 text-muted uppercase cursor-default typography-caption', {
|
33
33
|
'text-grey-20': props.disabled,
|
34
34
|
}) }, titleProps), title)),
|
35
35
|
children));
|
@@ -62,4 +62,4 @@ const EmptyStateContainer = (_a) => {
|
|
62
62
|
return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
|
63
63
|
};
|
64
64
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBdUJsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBOEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF2RyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUcsTUFBTSxFQUFFLFFBQVEsR0FBRyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVksRUFBUCxLQUFLLGNBQTVGLDJFQUE4RixDQUFGO0lBQVksT0FBQSxDQUN2RywyQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxFQUNuRCxTQUFTLEVBQUUsVUFBVSxDQUFDLFNBQVMsRUFBRSwrRUFBK0UsQ0FBQyxJQUM3RyxLQUFLLEdBRVIsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQ3VCLENBQUM7QUFFM0IsTUFBTSxnQkFBZ0IsR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM1RSw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLHVDQUF1QyxD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
|
@@ -27,7 +27,7 @@ const Footer = (_a) => {
|
|
27
27
|
const Section = (_a) => {
|
28
28
|
var { title, className } = _a, rest = __rest(_a, ["title", "className"]);
|
29
29
|
return (React.createElement("li", { role: "presentation", className: tw('py-5') },
|
30
|
-
title && (React.createElement("div", { className: classNames(className, 'py-2 px-6 text-
|
30
|
+
title && (React.createElement("div", { className: classNames(className, 'py-2 px-6 text-muted uppercase cursor-default typography-caption') }, title)),
|
31
31
|
React.createElement("ul", Object.assign({}, rest, { role: "group", className: classNames(tw('flex flex-col'), className) }))));
|
32
32
|
};
|
33
33
|
const Divider = (_a) => {
|
@@ -47,4 +47,4 @@ Navigation.Footer = Footer;
|
|
47
47
|
Navigation.Section = Section;
|
48
48
|
Navigation.Item = Item;
|
49
49
|
Navigation.Divider = Divider;
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9OYXZpZ2F0aW9uL05hdmlnYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFtRCxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFNBQVMsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUM5Ryw2QkFBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ2hELDRDQUFRLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxFQUFFLElBQUksRUFBQyxTQUFTLEtBQ3ZGLFFBQVEsQ0FDTixDQUNELENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBcUIsQ0FBQyxFQUFzQixFQUFFLEVBQUU7UUFBMUIsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXBCLGFBQXNCLENBQUY7SUFBTyxPQUFBLENBQzNELDRDQUFRLElBQUksSUFBRSxJQUFJLEVBQUMsY0FBYyxFQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3hGLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxNQUFNLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUMzRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLGNBQWMsRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ2hHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXlCLENBQUMsRUFBNkIsRUFBRSxFQUFFO1FBQWpDLEVBQUUsS0FBSyxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBM0Isc0JBQTZCLENBQUY7SUFBTyxPQUFBLENBQ3ZFLDRCQUFJLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDMUMsS0FBSyxJQUFJLENBQ1IsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsa0VBQWtFLENBQUMsSUFDdEcsS0FBSyxDQUNGLENBQ1A7UUFDRCw0Q0FBUSxJQUFJLElBQUUsSUFBSSxFQUFDLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxlQUFlLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUNqRixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQXFCLENBQUMsRUFBc0IsRUFBRSxFQUFFO1FBQTFCLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFwQixhQUFzQixDQUFGO0lBQU8sT0FBQSxDQUM1RCwwQ0FBSSxJQUFJLEVBQUMsV0FBVyxJQUFLLElBQUksSUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQ3BHLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxJQUFJLEdBQStDLENBQUMsRUFBOEIsRUFBRSxFQUFFO1FBQWxDLEVBQUUsU0FBUyxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBNUIsdUJBQThCLENBQUY7SUFBTyxPQUFBLENBQzNGLDRCQUFJLElBQUksRUFBQyxjQUFjO1FBQ3JCLDJDQUNNLElBQUksSUFDUixJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyw2RkFBNkYsRUFBRTtnQkFDaEcsY0FBYyxFQUFFLENBQUMsTUFBTTtnQkFDdkIsaUJBQWlCLEVBQUUsQ0FBQyxDQUFDLE1BQU07YUFDNUIsQ0FBQyxFQUNGLFNBQVMsQ0FDVixJQUNELENBQ0MsQ0FDTixDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0FBQzNCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0FBQzdCLFVBQVUsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0FBQ3ZCLFVBQVUsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDIn0=
|
@@ -30,7 +30,7 @@ ProgressBar.Indicator = (_a) => {
|
|
30
30
|
ProgressBar.Labels = (_a) => {
|
31
31
|
var { children, startLabel, endLabel, className } = _a, rest = __rest(_a, ["children", "startLabel", "endLabel", "className"]);
|
32
32
|
return (React.createElement("div", { className: classNames(tw('flex flex-row'), className) },
|
33
|
-
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-
|
34
|
-
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-
|
33
|
+
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-default typography-caption') }), startLabel),
|
34
|
+
React.createElement("span", Object.assign({}, rest, { className: tw('grow text-default typography-caption text-right') }), endLabel)));
|
35
35
|
};
|
36
36
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NCYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvUHJvZ3Jlc3NCYXIvUHJvZ3Jlc3NCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sS0FBSyxNQUFNLGNBQWMsQ0FBQztBQUVqQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBd0JwRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQWtELENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQzlHLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsOEVBQThFLENBQUMsRUFDbEYsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLGFBQWEsR0FBd0M7SUFDekQsSUFBSSxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUM7SUFDdEIsT0FBTyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUM7SUFDNUIsT0FBTyxFQUFFLEVBQUUsQ0FBQyxlQUFlLENBQUM7SUFDNUIsS0FBSyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUM7Q0FDaEIsQ0FBQztBQUVYLFdBQVcsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUF3RSxFQUFFLEVBQUU7UUFBNUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXRFLDREQUF3RSxDQUFGO0lBQzdGLE1BQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLENBQUMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBRS9FLE9BQU8sQ0FDTCw2Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUFDLHVEQUF1RCxDQUFDLEVBQzNELGFBQWEsQ0FBQyxNQUFNLENBQUMsRUFDckIsU0FBUyxDQUNWLEVBQ0QsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsbUJBQW1CLEdBQUcsRUFBRSxFQUMzQyxJQUFJLEVBQUMsYUFBYSxnQkFDTixTQUFTLElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRSxtQkFDMUIsS0FBSyxtQkFDTCxHQUFHLG1CQUNILEdBQUcsSUFDbEIsQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQXNELEVBQUUsRUFBRTtRQUExRCxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBcEQsbURBQXNELENBQUY7SUFBTyxPQUFBLENBQy9FLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxFQUFFLFNBQVMsQ0FBQztRQUN4RCw4Q0FBVSxJQUFJLElBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxzQ0FBc0MsQ0FBQyxLQUNsRSxVQUFVLENBQ047UUFDUCw4Q0FBVSxJQUFJLElBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyxpREFBaUQsQ0FBQyxLQUM3RSxRQUFRLENBQ0osQ0FDSCxDQUNQLENBQUE7Q0FBQSxDQUFDIn0=
|
@@ -4,7 +4,7 @@ export declare type RadioButtonProps = Omit<React.DetailedHTMLProps<React.InputH
|
|
4
4
|
name?: string;
|
5
5
|
value: string;
|
6
6
|
};
|
7
|
-
export declare const RadioButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "
|
7
|
+
export declare const RadioButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "type" | "value" | "id"> & {
|
8
8
|
id?: string | undefined;
|
9
9
|
name?: string | undefined;
|
10
10
|
value: string;
|
@@ -49,8 +49,8 @@ const InputContainer = React.forwardRef((_a, ref) => {
|
|
49
49
|
});
|
50
50
|
const Input = React.forwardRef((_a, ref) => {
|
51
51
|
var { className } = _a, props = __rest(_a, ["className"]);
|
52
|
-
return (React.createElement("input", Object.assign({ ref: ref, type: "text", className: classNames(className, 'grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-
|
53
|
-
'text-
|
52
|
+
return (React.createElement("input", Object.assign({ ref: ref, type: "text", className: classNames(className, 'grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-muted', {
|
53
|
+
'text-default': !props.disabled,
|
54
54
|
'text-grey-30': props.disabled,
|
55
55
|
'cursor-default': props.readOnly,
|
56
56
|
}) }, props)));
|
@@ -61,7 +61,7 @@ const Menu = React.forwardRef((_a, ref) => {
|
|
61
61
|
});
|
62
62
|
const NoResults = React.forwardRef((_a, ref) => {
|
63
63
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
64
|
-
return (React.createElement("li", Object.assign({ ref: ref }, rest, { className: classNames(tw('p-3 text-
|
64
|
+
return (React.createElement("li", Object.assign({ ref: ref }, rest, { className: classNames(tw('p-3 text-muted italic typography-small'), className) }), children));
|
65
65
|
});
|
66
66
|
const EmptyStateContainer = React.forwardRef((_a, ref) => {
|
67
67
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
@@ -70,7 +70,7 @@ const EmptyStateContainer = React.forwardRef((_a, ref) => {
|
|
70
70
|
const Divider = (props) => (React.createElement("div", Object.assign({ className: tw('border-b-[1px] border-grey-5 mx-3 my-4') }, props)));
|
71
71
|
const Group = React.forwardRef((_a, ref) => {
|
72
72
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
73
|
-
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 text-
|
73
|
+
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 text-muted uppercase cursor-default typography-caption mt-4 first:mt-0', {
|
74
74
|
'text-grey-20': props.disabled,
|
75
75
|
}) }, props), children));
|
76
76
|
});
|
@@ -114,4 +114,4 @@ export const Select = {
|
|
114
114
|
ActionItem,
|
115
115
|
Toggle,
|
116
116
|
};
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1NlbGVjdC9TZWxlY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRzFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sU0FBUyxNQUFNLHFCQUFxQixDQUFDO0FBQzVDLE9BQU8sVUFBVSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBRWxDLE1BQU0sVUFBVSxxQkFBcUIsQ0FBUyxNQUFxQjs7SUFDakUsSUFBSSxNQUFNLEtBQUssSUFBSSxFQUFFO1FBQ25CLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFFRCxJQUFJLE9BQU8sTUFBTSxLQUFLLFFBQVEsRUFBRTtRQUM5QixPQUFPLE1BQU0sQ0FBQztLQUNmO0lBRUQsT0FBTyxNQUFFLE1BQThCLENBQUMsS0FBZ0IsbUNBQUksRUFBRSxDQUFDO0FBQ2pFLENBQUM7QUFFRCxNQUFNLFVBQVUsdUJBQXVCLENBQVMsTUFBYztJQUM1RCxPQUFPLENBQUMsQ0FBRSxNQUFpQyxDQUFDLFFBQVEsQ0FBQztBQUN2RCxDQUFDO0FBRUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQUMsUUFBeUIsRUFBWSxFQUFFOztJQUMvRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQyxDQUFTLGFBQVQsQ0FBQyx1QkFBRCxDQUFDLENBQVUsS0FBSywwQ0FBRSxLQUFlLENBQUEsRUFBQSxDQUFD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
|
@@ -4,7 +4,7 @@ export declare type SwitchProps = Omit<React.DetailedHTMLProps<React.InputHTMLAt
|
|
4
4
|
name?: string;
|
5
5
|
value?: string;
|
6
6
|
};
|
7
|
-
export declare const Switch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "
|
7
|
+
export declare const Switch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref" | "name" | "type" | "value" | "id"> & {
|
8
8
|
id?: string | undefined;
|
9
9
|
name?: string | undefined;
|
10
10
|
value?: string | undefined;
|
@@ -42,7 +42,7 @@ const TableRow = (_a) => {
|
|
42
42
|
}) }), children));
|
43
43
|
};
|
44
44
|
export const cellClassNames = tw('px-4 border-b typography-small leading-[18px]');
|
45
|
-
export const getBodyCellClassNames = (table = true, stickyColumn) => tw('text-
|
45
|
+
export const getBodyCellClassNames = (table = true, stickyColumn) => tw('text-default py-3', {
|
46
46
|
'h-[50px]': table,
|
47
47
|
'min-h-[50px]': !table,
|
48
48
|
'sticky z-10 bg-white group-hover:bg-grey-0': Boolean(stickyColumn),
|
@@ -75,7 +75,7 @@ const TableSelectCell = (_a) => {
|
|
75
75
|
};
|
76
76
|
export const getSortCellButtonClassNames = (align) => tw('group flex items-center gap-x-4 text-grey-50', { 'flex-row-reverse': align === 'right' });
|
77
77
|
export const getSortCellIconClassNames = (active) => {
|
78
|
-
return tw('text-[9px]', active ? 'text-
|
78
|
+
return tw('text-[9px]', active ? 'text-default' : 'text-muted');
|
79
79
|
};
|
80
80
|
const TableSortCell = (_a) => {
|
81
81
|
var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
|
@@ -102,4 +102,4 @@ Table.Cell = React.memo(TableCell);
|
|
102
102
|
Table.SortCell = React.memo(TableSortCell);
|
103
103
|
Table.SelectCell = React.memo(TableSelectCell);
|
104
104
|
Table.Caption = Caption;
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sbUNBQW1DLENBQUM7QUFHdkYsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQTRDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDLHFEQUFxRCxDQUFDLENBQUM7QUFFbEYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQVFkLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDdEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJ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
|
@@ -5,6 +5,7 @@ export * from './Chip/Chip';
|
|
5
5
|
export * from './Dialog/Dialog';
|
6
6
|
export * from './DropdownMenu/DropdownMenu';
|
7
7
|
export * from './InputGroup/InputGroup';
|
8
|
+
export * from './LineClamp/LineClamp';
|
8
9
|
export * from './Link/Link';
|
9
10
|
export * from './Modal/Modal';
|
10
11
|
export * from './Navigation/Navigation';
|
package/dist/src/atoms/index.js
CHANGED
@@ -5,6 +5,7 @@ export * from './Chip/Chip';
|
|
5
5
|
export * from './Dialog/Dialog';
|
6
6
|
export * from './DropdownMenu/DropdownMenu';
|
7
7
|
export * from './InputGroup/InputGroup';
|
8
|
+
export * from './LineClamp/LineClamp';
|
8
9
|
export * from './Link/Link';
|
9
10
|
export * from './Modal/Modal';
|
10
11
|
export * from './Navigation/Navigation';
|
@@ -16,4 +17,4 @@ export * from './Stepper/Stepper';
|
|
16
17
|
export * from './Switch/Switch';
|
17
18
|
export * from './Table/Table';
|
18
19
|
export * from './Toast/Toast';
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUMifQ==
|
@@ -15,13 +15,13 @@ import { classNames, tw } from '../../../src/utils/tailwind';
|
|
15
15
|
export const ResponsiveContainer = (_a) => {
|
16
16
|
var { isBusy = false, busyLabel = 'Loading...', className, style, width = '100%', height = '100%', minWidth, minHeight, maxHeight } = _a, props = __rest(_a, ["isBusy", "busyLabel", "className", "style", "width", "height", "minWidth", "minHeight", "maxHeight"]);
|
17
17
|
return (React.createElement("div", { "aria-busy": isBusy, className: classNames(className, tw('relative')), style: Object.assign(Object.assign({}, style), { width, height, minWidth, minHeight, maxHeight }) },
|
18
|
-
React.createElement(_ResponsiveContainer, Object.assign({}, props)),
|
19
18
|
React.createElement("div", { className: classNames(tw('absolute inset-0 transition-colors flex items-center justify-center', {
|
20
|
-
'delay-300': isBusy,
|
19
|
+
'delay-300 z-40': isBusy, // z-40 is to make sure the loading element is on top of the chart because by default the chart is at higher stack level as mentioned in the comment below
|
21
20
|
})), style: isBusy ? { backgroundColor: 'rgba(255, 255, 255, 0.5)' } : {} },
|
22
21
|
React.createElement("span", { "aria-hidden": !isBusy, className: tw('rounded-full text-white bg-black typography-caption py-2 px-4 transition-all', {
|
23
22
|
'opacity-100 delay-300': isBusy,
|
24
23
|
'mb-[-20px] opacity-0': !isBusy,
|
25
|
-
}) }, isBusy && busyLabel))
|
24
|
+
}) }, isBusy && busyLabel)),
|
25
|
+
React.createElement(_ResponsiveContainer, Object.assign({}, props))));
|
26
26
|
};
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9Db250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLElBQUksb0JBQW9CLEVBQWlDLE1BQU0sVUFBVSxDQUFDO0FBRXRHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxFQVdRLEVBQUUsRUFBRTtRQVhaLEVBQ2xDLE1BQU0sR0FBRyxLQUFLLEVBQ2QsU0FBUyxHQUFHLFlBQVksRUFDeEIsU0FBUyxFQUNULEtBQUssRUFDTCxLQUFLLEdBQUcsTUFBTSxFQUNkLE1BQU0sR0FBRyxNQUFNLEVBQ2YsUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLE9BRWlDLEVBRHZDLEtBQUssY0FWMEIsc0dBV25DLENBRFM7SUFDdUMsT0FBQSxDQUMvQywwQ0FDYSxNQUFNLEVBQ2pCLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUNoRCxLQUFLLGtDQUFPLEtBQUssS0FBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUztRQUVoRSw2QkFDRSxTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMscUVBQXFFLEVBQUU7Z0JBQ3hFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSwwSkFBMEo7YUFDckwsQ0FBQyxDQUNILEVBQ0QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsMEJBQTBCLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUVwRSw2Q0FDZSxDQUFDLE1BQU0sRUFDcEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyw4RUFBOEUsRUFBRTtvQkFDNUYsdUJBQXVCLEVBQUUsTUFBTTtvQkFDL0Isc0JBQXNCLEVBQUUsQ0FBQyxNQUFNO2lCQUNoQyxDQUFDLElBRUQsTUFBTSxJQUFJLFNBQVMsQ0FDZixDQUNIO1FBRU4sb0JBQUMsb0JBQW9CLG9CQUFLLEtBQUssRUFBSSxDQUMvQixDQUNQLENBQUE7Q0FBQSxDQUFDIn0=
|
@@ -26,11 +26,11 @@ declare type Props = {
|
|
26
26
|
};
|
27
27
|
export declare type BoxProps<C extends React.ElementType = 'div'> = ElementProps<C> & Props & TailwindifyProps<Props>;
|
28
28
|
export declare const Box: {
|
29
|
-
<C extends React.ElementType<any> = "div">({ style, color, borderColor, borderRadius, borderWidth, justifyContent, justifySelf, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>): JSX.Element;
|
29
|
+
<C extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">({ style, color, borderColor, borderRadius, borderWidth, justifyContent, justifySelf, alignContent, alignItems, alignSelf, flexDirection, flexWrap, flex, grow, shrink, display, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, backgroundColor, width, height, maxWidth, maxHeight, minWidth, minHeight, gap, colGap, rowGap, ...rest }: BoxProps<C>): JSX.Element;
|
30
30
|
Flex: {
|
31
|
-
<C_1 extends React.ElementType<any> = "div">(props: BoxProps<C_1>): React.JSX.Element;
|
31
|
+
<C_1 extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "div">(props: BoxProps<C_1>): React.JSX.Element;
|
32
32
|
displayName: string;
|
33
33
|
};
|
34
34
|
};
|
35
|
-
export declare const BorderBox: React.ComponentType<BoxProps<React.ElementType<any>>>;
|
35
|
+
export declare const BorderBox: React.ComponentType<BoxProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
|
36
36
|
export {};
|
@@ -14,7 +14,7 @@ export declare type DefaultButtonProps = BaseActionType & {
|
|
14
14
|
};
|
15
15
|
declare type ButtonComponentProps<ElementType extends React.ElementType = 'button', Props = unknown> = DefaultButtonProps & Omit<React.ComponentPropsWithoutRef<ElementType>, keyof (DefaultButtonProps & Props)> & Props;
|
16
16
|
declare type ButtonComponent<ElementType extends React.ElementType = 'button', Props = unknown, T extends HTMLElement = HTMLButtonElement> = React.ForwardRefExoticComponent<React.PropsWithoutRef<ButtonComponentProps<ElementType, Props>> & React.RefAttributes<T>>;
|
17
|
-
export declare const asButton: <ElementType extends React.ElementType<any> = "button", Props = unknown, T extends HTMLElement = HTMLButtonElement>(Component: React.ElementType<any>, isDropdownButton?: boolean) => ButtonComponent<ElementType, Props, T>;
|
17
|
+
export declare const asButton: <ElementType extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button", Props = unknown, T extends HTMLElement = HTMLButtonElement>(Component: React.ElementType<any, keyof React.JSX.IntrinsicElements>, isDropdownButton?: boolean) => ButtonComponent<ElementType, Props, T>;
|
18
18
|
declare type ComposedButtonProps = {
|
19
19
|
Primary: typeof PrimaryButton;
|
20
20
|
Secondary: typeof SecondaryButton;
|