@aivenio/aquarium 6.0.0-rc4 → 6.0.0-rc5
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/atoms.cjs +60 -31
- package/dist/atoms.mjs +60 -31
- package/dist/src/atoms/Filter/Filter.js +3 -3
- package/dist/src/atoms/Modal/Modal.js +6 -6
- package/dist/src/atoms/Section/Section.js +1 -1
- package/dist/src/atoms/Select/Select.js +5 -5
- package/dist/src/molecules/Dialog/Dialog.js +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.js +2 -2
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +38 -9
- package/dist/styles.css +72 -35
- package/dist/system.cjs +67 -65
- package/dist/system.mjs +67 -65
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
|
@@ -90,7 +90,7 @@ module.exports = __toCommonJS(atoms_exports);
|
|
|
90
90
|
|
|
91
91
|
// src/atoms/Alert/Alert.tsx
|
|
92
92
|
var import_react142 = __toESM(require("react"));
|
|
93
|
-
var
|
|
93
|
+
var import_tailwind_variants33 = require("tailwind-variants");
|
|
94
94
|
|
|
95
95
|
// src/molecules/Button/Button.tsx
|
|
96
96
|
var import_react5 = __toESM(require("react"));
|
|
@@ -841,7 +841,7 @@ var InlineIcon2 = import_react6.default.forwardRef(({ color, className, ...rest
|
|
|
841
841
|
|
|
842
842
|
// src/atoms/Typography/Typography.tsx
|
|
843
843
|
var import_react141 = __toESM(require("react"));
|
|
844
|
-
var
|
|
844
|
+
var import_clsx41 = require("clsx");
|
|
845
845
|
|
|
846
846
|
// src/tokens/tokens.json
|
|
847
847
|
var tokens_default = {
|
|
@@ -2611,13 +2611,13 @@ var getValues = (children) => {
|
|
|
2611
2611
|
return values?.filter((v) => v !== void 0 && v !== null) ?? [];
|
|
2612
2612
|
};
|
|
2613
2613
|
var inputContainerClasses = (0, import_tailwind_variants4.tv)({
|
|
2614
|
-
base: "relative rounded typography-default-strong w-full flex flex-row items-center focus-visible:outline-0 focus-visible:border-info-default group",
|
|
2614
|
+
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus-visible:outline-0 focus-visible:border-info-default group",
|
|
2615
2615
|
variants: {
|
|
2616
2616
|
variant: {
|
|
2617
|
-
default: "border px-3 py-[6px] border-default hover:border-intense
|
|
2617
|
+
default: "border px-3 py-[6px] border-default hover:border-intense",
|
|
2618
2618
|
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
2619
|
-
error: "border px-3 py-[6px] border-danger-default
|
|
2620
|
-
focused: "border px-3 py-[6px] border-info-default
|
|
2619
|
+
error: "border px-3 py-[6px] border-danger-default",
|
|
2620
|
+
focused: "border px-3 py-[6px] border-info-default",
|
|
2621
2621
|
readOnly: "cursor-default border-default bg-transparent"
|
|
2622
2622
|
}
|
|
2623
2623
|
}
|
|
@@ -10274,10 +10274,10 @@ var bodyMaskClasses = (0, import_tailwind_variants23.tv)({
|
|
|
10274
10274
|
"before:sticky",
|
|
10275
10275
|
"before:top-0",
|
|
10276
10276
|
"before:left-0",
|
|
10277
|
-
"before:h-
|
|
10277
|
+
"before:h-5",
|
|
10278
10278
|
"before:flex-shrink-0",
|
|
10279
10279
|
"before:bg-gradient-to-b",
|
|
10280
|
-
"before:from-
|
|
10280
|
+
"before:from-overlay",
|
|
10281
10281
|
"before:to-transparent",
|
|
10282
10282
|
"before:z-10"
|
|
10283
10283
|
],
|
|
@@ -10287,10 +10287,10 @@ var bodyMaskClasses = (0, import_tailwind_variants23.tv)({
|
|
|
10287
10287
|
"after:sticky",
|
|
10288
10288
|
"after:bottom-0",
|
|
10289
10289
|
"after:left-0",
|
|
10290
|
-
"after:h-
|
|
10290
|
+
"after:h-5",
|
|
10291
10291
|
"after:flex-shrink-0",
|
|
10292
10292
|
"after:bg-gradient-to-t",
|
|
10293
|
-
"after:from-
|
|
10293
|
+
"after:from-overlay",
|
|
10294
10294
|
"after:to-transparent",
|
|
10295
10295
|
"after:z-10"
|
|
10296
10296
|
]
|
|
@@ -10314,7 +10314,7 @@ var modalStyles = (0, import_tailwind_variants23.tv)({
|
|
|
10314
10314
|
],
|
|
10315
10315
|
bodyContent: "px-7 grow",
|
|
10316
10316
|
footer: "px-7 pt-4 pb-6",
|
|
10317
|
-
actions: "flex gap-
|
|
10317
|
+
actions: "flex gap-3 justify-end"
|
|
10318
10318
|
},
|
|
10319
10319
|
variants: {
|
|
10320
10320
|
kind: {
|
|
@@ -10899,7 +10899,7 @@ Dropdown.Item = DropdownItem;
|
|
|
10899
10899
|
var import_react99 = __toESM(require("react"));
|
|
10900
10900
|
var import_tailwind_variants24 = require("tailwind-variants");
|
|
10901
10901
|
var emptyStateClasses = (0, import_tailwind_variants24.tv)({
|
|
10902
|
-
base: "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 max-h-[800px]",
|
|
10902
|
+
base: "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 max-h-[800px] w-full",
|
|
10903
10903
|
variants: {
|
|
10904
10904
|
layout: {
|
|
10905
10905
|
vertical: "flex-col justify-center items-center gap-7 text-center px-9",
|
|
@@ -11001,7 +11001,7 @@ var FilterTrigger = ({
|
|
|
11001
11001
|
"px-4": !showClearButton
|
|
11002
11002
|
})
|
|
11003
11003
|
},
|
|
11004
|
-
/* @__PURE__ */ import_react100.default.createElement("div", { className: "flex items-center gap-3 divide-x divide-grey-20" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react100.default.createElement(InlineIcon2, { icon }), /* @__PURE__ */ import_react100.default.createElement(Typography2.Default, null, labelText)), badge && /* @__PURE__ */ import_react100.default.createElement(Typography2, { color: "primary-
|
|
11004
|
+
/* @__PURE__ */ import_react100.default.createElement("div", { className: "flex items-center gap-3 divide-x divide-grey-20" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react100.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react100.default.createElement(InlineIcon2, { icon }), /* @__PURE__ */ import_react100.default.createElement(Typography2.Default, null, labelText)), badge && /* @__PURE__ */ import_react100.default.createElement(Typography2, { color: "primary-default", className: "flex items-center" }, /* @__PURE__ */ import_react100.default.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ import_react100.default.createElement("div", { className: "pl-3" }, /* @__PURE__ */ import_react100.default.createElement(
|
|
11005
11005
|
Typography2.Default,
|
|
11006
11006
|
{
|
|
11007
11007
|
className: (0, import_clsx31.clsx)("truncate", {
|
|
@@ -11009,7 +11009,7 @@ var FilterTrigger = ({
|
|
|
11009
11009
|
"max-w-[233px]": !isUsedInsideDateRangePicker
|
|
11010
11010
|
// Set to 233px to keep the total width of the filter pill within approximately 360px.
|
|
11011
11011
|
}),
|
|
11012
|
-
color: error ? "danger-
|
|
11012
|
+
color: error ? "danger-default" : "primary-default"
|
|
11013
11013
|
},
|
|
11014
11014
|
value,
|
|
11015
11015
|
isUsedInsideDatePicker && /* @__PURE__ */ import_react100.default.createElement(DateDisplay, { state: ariaDatePickerState }),
|
|
@@ -12213,7 +12213,7 @@ Section2.Toggle = (props) => /* @__PURE__ */ import_react123.default.createEleme
|
|
|
12213
12213
|
})
|
|
12214
12214
|
}
|
|
12215
12215
|
);
|
|
12216
|
-
Section2.Title = ({ children, ...rest }) => /* @__PURE__ */ import_react123.default.createElement(Typography2.Large, { ...rest, htmlTag: "h2", color: "intense", className: "flex gap-
|
|
12216
|
+
Section2.Title = ({ children, ...rest }) => /* @__PURE__ */ import_react123.default.createElement(Typography2.Large, { ...rest, htmlTag: "h2", color: "intense", className: "flex gap-3 items-center" }, children);
|
|
12217
12217
|
Section2.Subtitle = ({ children, ...rest }) => /* @__PURE__ */ import_react123.default.createElement(Typography2.Default, { ...rest, color: "default" }, children);
|
|
12218
12218
|
Section2.Actions = ({ children, className, ...rest }) => {
|
|
12219
12219
|
const { actions: actions2 } = sectionStyles();
|
|
@@ -12231,15 +12231,44 @@ var SectionTabs = createTabsComponent(ModalTab, TabItem, "SectionTabs", (childre
|
|
|
12231
12231
|
|
|
12232
12232
|
// src/molecules/SegmentedControl/SegmentedControl.tsx
|
|
12233
12233
|
var import_react125 = __toESM(require("react"));
|
|
12234
|
-
var
|
|
12234
|
+
var import_tailwind_variants31 = require("tailwind-variants");
|
|
12235
|
+
var segmentedControlStyles = (0, import_tailwind_variants31.tv)({
|
|
12236
|
+
slots: {
|
|
12237
|
+
wrapper: [
|
|
12238
|
+
"transition border-l border-grey-20 overflow-hidden hover:bg-primary-hover",
|
|
12239
|
+
"first:border-l-0 first:rounded-l last:rounded-r",
|
|
12240
|
+
"focus-within:border-l-transparent focus-within:relative focus-within:z-50 focus-within:ring-1 focus-within:ring-offset-0 focus-within:ring-primary-default"
|
|
12241
|
+
],
|
|
12242
|
+
button: [
|
|
12243
|
+
"typography-default",
|
|
12244
|
+
"whitespace-nowrap px-4 py-[10px] bg-transparent focus-visible:outline-none",
|
|
12245
|
+
"disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted"
|
|
12246
|
+
]
|
|
12247
|
+
},
|
|
12248
|
+
variants: {
|
|
12249
|
+
selected: {
|
|
12250
|
+
true: {
|
|
12251
|
+
wrapper: "border-l-transparent relative z-40 ring-1 ring-offset-0 ring-primary-default bg-primary-default",
|
|
12252
|
+
button: "text-primary-intense"
|
|
12253
|
+
},
|
|
12254
|
+
false: { button: "text-default" }
|
|
12255
|
+
}
|
|
12256
|
+
},
|
|
12257
|
+
defaultVariants: {
|
|
12258
|
+
selected: false
|
|
12259
|
+
}
|
|
12260
|
+
});
|
|
12261
|
+
var segmentedControlGroupStyles = (0, import_tailwind_variants31.tv)({
|
|
12262
|
+
base: "Aquarium-SegmentedControl flex border border-default rounded"
|
|
12263
|
+
});
|
|
12235
12264
|
|
|
12236
12265
|
// src/molecules/Stepper/Stepper.tsx
|
|
12237
12266
|
var import_react127 = __toESM(require("react"));
|
|
12238
12267
|
|
|
12239
12268
|
// src/atoms/Stepper/Stepper.tsx
|
|
12240
12269
|
var import_react126 = __toESM(require("react"));
|
|
12241
|
-
var
|
|
12242
|
-
var connectorStyles = (0,
|
|
12270
|
+
var import_tailwind_variants32 = require("tailwind-variants");
|
|
12271
|
+
var connectorStyles = (0, import_tailwind_variants32.tv)({
|
|
12243
12272
|
slots: {
|
|
12244
12273
|
container: "absolute w-full -left-1/2",
|
|
12245
12274
|
connector: "w-full"
|
|
@@ -12261,7 +12290,7 @@ var connectorStyles = (0, import_tailwind_variants31.tv)({
|
|
|
12261
12290
|
}
|
|
12262
12291
|
}
|
|
12263
12292
|
});
|
|
12264
|
-
var stepStyles = (0,
|
|
12293
|
+
var stepStyles = (0, import_tailwind_variants32.tv)({
|
|
12265
12294
|
slots: {
|
|
12266
12295
|
step: "flex flex-col items-center relative text-center",
|
|
12267
12296
|
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center mx-2 mb-3"
|
|
@@ -12411,7 +12440,7 @@ SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
|
|
|
12411
12440
|
// src/molecules/Textarea/Textarea.tsx
|
|
12412
12441
|
var import_react129 = __toESM(require("react"));
|
|
12413
12442
|
var import_utils42 = require("@react-aria/utils");
|
|
12414
|
-
var
|
|
12443
|
+
var import_clsx39 = require("clsx");
|
|
12415
12444
|
var import_lodash_es44 = require("lodash-es");
|
|
12416
12445
|
var TextareaBase = import_react129.default.forwardRef(
|
|
12417
12446
|
({ readOnly = false, valid = true, ...props }, ref) => /* @__PURE__ */ import_react129.default.createElement(
|
|
@@ -12420,7 +12449,7 @@ var TextareaBase = import_react129.default.forwardRef(
|
|
|
12420
12449
|
ref,
|
|
12421
12450
|
...props,
|
|
12422
12451
|
readOnly,
|
|
12423
|
-
className: (0,
|
|
12452
|
+
className: (0, import_clsx39.clsx)("Aquarium-TextareaBase", getCommonInputStyles({ readOnly, valid }), props.className)
|
|
12424
12453
|
}
|
|
12425
12454
|
)
|
|
12426
12455
|
);
|
|
@@ -12473,13 +12502,13 @@ var import_react131 = __toESM(require("react"));
|
|
|
12473
12502
|
|
|
12474
12503
|
// src/atoms/Timeline/Timeline.tsx
|
|
12475
12504
|
var import_react130 = __toESM(require("react"));
|
|
12476
|
-
var
|
|
12477
|
-
var Timeline = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0,
|
|
12478
|
-
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0,
|
|
12479
|
-
var Separator = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0,
|
|
12480
|
-
var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0,
|
|
12481
|
-
var Line = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0,
|
|
12482
|
-
var Dot = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0,
|
|
12505
|
+
var import_clsx40 = require("clsx");
|
|
12506
|
+
var Timeline = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx40.clsx)("grid grid-cols-[16px_1fr] gap-x-4", className) });
|
|
12507
|
+
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx40.clsx)("pb-6", className) });
|
|
12508
|
+
var Separator = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx40.clsx)("flex items-center justify-center h-5 w-5", className) });
|
|
12509
|
+
var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx40.clsx)("flex justify-center py-1", className) });
|
|
12510
|
+
var Line = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx40.clsx)("w-1 bg-medium h-full justify-self-center", className) });
|
|
12511
|
+
var Dot = ({ className, ...rest }) => /* @__PURE__ */ import_react130.default.createElement("div", { ...rest, className: (0, import_clsx40.clsx)("bg-intense h-[6px] w-[6px] rounded", className) });
|
|
12483
12512
|
Separator.Dot = Dot;
|
|
12484
12513
|
LineContainer.Line = Line;
|
|
12485
12514
|
Timeline.Separator = Separator;
|
|
@@ -12607,7 +12636,7 @@ var Typography = ({
|
|
|
12607
12636
|
return /* @__PURE__ */ import_react141.default.createElement(
|
|
12608
12637
|
HtmlElement,
|
|
12609
12638
|
{
|
|
12610
|
-
className: (0,
|
|
12639
|
+
className: (0, import_clsx41.clsx)(
|
|
12611
12640
|
typographies[variant],
|
|
12612
12641
|
// eslint-disable-next-line better-tailwindcss/no-unregistered-classes
|
|
12613
12642
|
`text-${resolvedColorName}`,
|
|
@@ -12649,7 +12678,7 @@ var alertTypes = {
|
|
|
12649
12678
|
textColor: "success-default"
|
|
12650
12679
|
}
|
|
12651
12680
|
};
|
|
12652
|
-
var alertStyles = (0,
|
|
12681
|
+
var alertStyles = (0, import_tailwind_variants33.tv)({
|
|
12653
12682
|
slots: {
|
|
12654
12683
|
base: "px-4 py-3 rounded-lg grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2",
|
|
12655
12684
|
title: "col-start-2",
|
|
@@ -12673,7 +12702,7 @@ var alertStyles = (0, import_tailwind_variants32.tv)({
|
|
|
12673
12702
|
}
|
|
12674
12703
|
}
|
|
12675
12704
|
});
|
|
12676
|
-
var bannerStyles2 = (0,
|
|
12705
|
+
var bannerStyles2 = (0, import_tailwind_variants33.tv)({
|
|
12677
12706
|
slots: {
|
|
12678
12707
|
base: "relative flex px-[60px] justify-center",
|
|
12679
12708
|
content: "flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10",
|
package/dist/atoms.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// src/atoms/Alert/Alert.tsx
|
|
2
2
|
import React132 from "react";
|
|
3
|
-
import { tv as
|
|
3
|
+
import { tv as tv33 } from "tailwind-variants";
|
|
4
4
|
|
|
5
5
|
// src/molecules/Button/Button.tsx
|
|
6
6
|
import React3 from "react";
|
|
@@ -754,7 +754,7 @@ var InlineIcon2 = React4.forwardRef(({ color, className, ...rest }, ref) => {
|
|
|
754
754
|
|
|
755
755
|
// src/atoms/Typography/Typography.tsx
|
|
756
756
|
import React131 from "react";
|
|
757
|
-
import { clsx as
|
|
757
|
+
import { clsx as clsx41 } from "clsx";
|
|
758
758
|
|
|
759
759
|
// src/tokens/tokens.json
|
|
760
760
|
var tokens_default = {
|
|
@@ -2524,13 +2524,13 @@ var getValues = (children) => {
|
|
|
2524
2524
|
return values?.filter((v) => v !== void 0 && v !== null) ?? [];
|
|
2525
2525
|
};
|
|
2526
2526
|
var inputContainerClasses = tv4({
|
|
2527
|
-
base: "relative rounded typography-default-strong w-full flex flex-row items-center focus-visible:outline-0 focus-visible:border-info-default group",
|
|
2527
|
+
base: "relative rounded typography-default-strong w-full flex flex-row items-center bg-body focus-visible:outline-0 focus-visible:border-info-default group",
|
|
2528
2528
|
variants: {
|
|
2529
2529
|
variant: {
|
|
2530
|
-
default: "border px-3 py-[6px] border-default hover:border-intense
|
|
2530
|
+
default: "border px-3 py-[6px] border-default hover:border-intense",
|
|
2531
2531
|
disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
|
|
2532
|
-
error: "border px-3 py-[6px] border-danger-default
|
|
2533
|
-
focused: "border px-3 py-[6px] border-info-default
|
|
2532
|
+
error: "border px-3 py-[6px] border-danger-default",
|
|
2533
|
+
focused: "border px-3 py-[6px] border-info-default",
|
|
2534
2534
|
readOnly: "cursor-default border-default bg-transparent"
|
|
2535
2535
|
}
|
|
2536
2536
|
}
|
|
@@ -10236,10 +10236,10 @@ var bodyMaskClasses = tv23({
|
|
|
10236
10236
|
"before:sticky",
|
|
10237
10237
|
"before:top-0",
|
|
10238
10238
|
"before:left-0",
|
|
10239
|
-
"before:h-
|
|
10239
|
+
"before:h-5",
|
|
10240
10240
|
"before:flex-shrink-0",
|
|
10241
10241
|
"before:bg-gradient-to-b",
|
|
10242
|
-
"before:from-
|
|
10242
|
+
"before:from-overlay",
|
|
10243
10243
|
"before:to-transparent",
|
|
10244
10244
|
"before:z-10"
|
|
10245
10245
|
],
|
|
@@ -10249,10 +10249,10 @@ var bodyMaskClasses = tv23({
|
|
|
10249
10249
|
"after:sticky",
|
|
10250
10250
|
"after:bottom-0",
|
|
10251
10251
|
"after:left-0",
|
|
10252
|
-
"after:h-
|
|
10252
|
+
"after:h-5",
|
|
10253
10253
|
"after:flex-shrink-0",
|
|
10254
10254
|
"after:bg-gradient-to-t",
|
|
10255
|
-
"after:from-
|
|
10255
|
+
"after:from-overlay",
|
|
10256
10256
|
"after:to-transparent",
|
|
10257
10257
|
"after:z-10"
|
|
10258
10258
|
]
|
|
@@ -10276,7 +10276,7 @@ var modalStyles = tv23({
|
|
|
10276
10276
|
],
|
|
10277
10277
|
bodyContent: "px-7 grow",
|
|
10278
10278
|
footer: "px-7 pt-4 pb-6",
|
|
10279
|
-
actions: "flex gap-
|
|
10279
|
+
actions: "flex gap-3 justify-end"
|
|
10280
10280
|
},
|
|
10281
10281
|
variants: {
|
|
10282
10282
|
kind: {
|
|
@@ -10861,7 +10861,7 @@ Dropdown.Item = DropdownItem;
|
|
|
10861
10861
|
import React91 from "react";
|
|
10862
10862
|
import { tv as tv24 } from "tailwind-variants";
|
|
10863
10863
|
var emptyStateClasses = tv24({
|
|
10864
|
-
base: "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 max-h-[800px]",
|
|
10864
|
+
base: "Aquarium-EmptyState rounded flex bg-transparent border-default py-l6 max-h-[800px] w-full",
|
|
10865
10865
|
variants: {
|
|
10866
10866
|
layout: {
|
|
10867
10867
|
vertical: "flex-col justify-center items-center gap-7 text-center px-9",
|
|
@@ -10968,7 +10968,7 @@ var FilterTrigger = ({
|
|
|
10968
10968
|
"px-4": !showClearButton
|
|
10969
10969
|
})
|
|
10970
10970
|
},
|
|
10971
|
-
/* @__PURE__ */ React92.createElement("div", { className: "flex items-center gap-3 divide-x divide-grey-20" }, /* @__PURE__ */ React92.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React92.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React92.createElement(InlineIcon2, { icon }), /* @__PURE__ */ React92.createElement(Typography2.Default, null, labelText)), badge && /* @__PURE__ */ React92.createElement(Typography2, { color: "primary-
|
|
10971
|
+
/* @__PURE__ */ React92.createElement("div", { className: "flex items-center gap-3 divide-x divide-grey-20" }, /* @__PURE__ */ React92.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React92.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React92.createElement(InlineIcon2, { icon }), /* @__PURE__ */ React92.createElement(Typography2.Default, null, labelText)), badge && /* @__PURE__ */ React92.createElement(Typography2, { color: "primary-default", className: "flex items-center" }, /* @__PURE__ */ React92.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ React92.createElement("div", { className: "pl-3" }, /* @__PURE__ */ React92.createElement(
|
|
10972
10972
|
Typography2.Default,
|
|
10973
10973
|
{
|
|
10974
10974
|
className: clsx31("truncate", {
|
|
@@ -10976,7 +10976,7 @@ var FilterTrigger = ({
|
|
|
10976
10976
|
"max-w-[233px]": !isUsedInsideDateRangePicker
|
|
10977
10977
|
// Set to 233px to keep the total width of the filter pill within approximately 360px.
|
|
10978
10978
|
}),
|
|
10979
|
-
color: error ? "danger-
|
|
10979
|
+
color: error ? "danger-default" : "primary-default"
|
|
10980
10980
|
},
|
|
10981
10981
|
value,
|
|
10982
10982
|
isUsedInsideDatePicker && /* @__PURE__ */ React92.createElement(DateDisplay, { state: ariaDatePickerState }),
|
|
@@ -12180,7 +12180,7 @@ Section2.Toggle = (props) => /* @__PURE__ */ React114.createElement(
|
|
|
12180
12180
|
})
|
|
12181
12181
|
}
|
|
12182
12182
|
);
|
|
12183
|
-
Section2.Title = ({ children, ...rest }) => /* @__PURE__ */ React114.createElement(Typography2.Large, { ...rest, htmlTag: "h2", color: "intense", className: "flex gap-
|
|
12183
|
+
Section2.Title = ({ children, ...rest }) => /* @__PURE__ */ React114.createElement(Typography2.Large, { ...rest, htmlTag: "h2", color: "intense", className: "flex gap-3 items-center" }, children);
|
|
12184
12184
|
Section2.Subtitle = ({ children, ...rest }) => /* @__PURE__ */ React114.createElement(Typography2.Default, { ...rest, color: "default" }, children);
|
|
12185
12185
|
Section2.Actions = ({ children, className, ...rest }) => {
|
|
12186
12186
|
const { actions: actions2 } = sectionStyles();
|
|
@@ -12198,15 +12198,44 @@ var SectionTabs = createTabsComponent(ModalTab, TabItem, "SectionTabs", (childre
|
|
|
12198
12198
|
|
|
12199
12199
|
// src/molecules/SegmentedControl/SegmentedControl.tsx
|
|
12200
12200
|
import React116 from "react";
|
|
12201
|
-
import {
|
|
12201
|
+
import { tv as tv31 } from "tailwind-variants";
|
|
12202
|
+
var segmentedControlStyles = tv31({
|
|
12203
|
+
slots: {
|
|
12204
|
+
wrapper: [
|
|
12205
|
+
"transition border-l border-grey-20 overflow-hidden hover:bg-primary-hover",
|
|
12206
|
+
"first:border-l-0 first:rounded-l last:rounded-r",
|
|
12207
|
+
"focus-within:border-l-transparent focus-within:relative focus-within:z-50 focus-within:ring-1 focus-within:ring-offset-0 focus-within:ring-primary-default"
|
|
12208
|
+
],
|
|
12209
|
+
button: [
|
|
12210
|
+
"typography-default",
|
|
12211
|
+
"whitespace-nowrap px-4 py-[10px] bg-transparent focus-visible:outline-none",
|
|
12212
|
+
"disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted"
|
|
12213
|
+
]
|
|
12214
|
+
},
|
|
12215
|
+
variants: {
|
|
12216
|
+
selected: {
|
|
12217
|
+
true: {
|
|
12218
|
+
wrapper: "border-l-transparent relative z-40 ring-1 ring-offset-0 ring-primary-default bg-primary-default",
|
|
12219
|
+
button: "text-primary-intense"
|
|
12220
|
+
},
|
|
12221
|
+
false: { button: "text-default" }
|
|
12222
|
+
}
|
|
12223
|
+
},
|
|
12224
|
+
defaultVariants: {
|
|
12225
|
+
selected: false
|
|
12226
|
+
}
|
|
12227
|
+
});
|
|
12228
|
+
var segmentedControlGroupStyles = tv31({
|
|
12229
|
+
base: "Aquarium-SegmentedControl flex border border-default rounded"
|
|
12230
|
+
});
|
|
12202
12231
|
|
|
12203
12232
|
// src/molecules/Stepper/Stepper.tsx
|
|
12204
12233
|
import React118 from "react";
|
|
12205
12234
|
|
|
12206
12235
|
// src/atoms/Stepper/Stepper.tsx
|
|
12207
12236
|
import React117 from "react";
|
|
12208
|
-
import { tv as
|
|
12209
|
-
var connectorStyles =
|
|
12237
|
+
import { tv as tv32 } from "tailwind-variants";
|
|
12238
|
+
var connectorStyles = tv32({
|
|
12210
12239
|
slots: {
|
|
12211
12240
|
container: "absolute w-full -left-1/2",
|
|
12212
12241
|
connector: "w-full"
|
|
@@ -12228,7 +12257,7 @@ var connectorStyles = tv31({
|
|
|
12228
12257
|
}
|
|
12229
12258
|
}
|
|
12230
12259
|
});
|
|
12231
|
-
var stepStyles =
|
|
12260
|
+
var stepStyles = tv32({
|
|
12232
12261
|
slots: {
|
|
12233
12262
|
step: "flex flex-col items-center relative text-center",
|
|
12234
12263
|
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center mx-2 mb-3"
|
|
@@ -12378,7 +12407,7 @@ SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
|
|
|
12378
12407
|
// src/molecules/Textarea/Textarea.tsx
|
|
12379
12408
|
import React120, { useState as useState14 } from "react";
|
|
12380
12409
|
import { useId as useId18 } from "@react-aria/utils";
|
|
12381
|
-
import { clsx as
|
|
12410
|
+
import { clsx as clsx39 } from "clsx";
|
|
12382
12411
|
import { omit as omit16, toString as toString2 } from "lodash-es";
|
|
12383
12412
|
var TextareaBase = React120.forwardRef(
|
|
12384
12413
|
({ readOnly = false, valid = true, ...props }, ref) => /* @__PURE__ */ React120.createElement(
|
|
@@ -12387,7 +12416,7 @@ var TextareaBase = React120.forwardRef(
|
|
|
12387
12416
|
ref,
|
|
12388
12417
|
...props,
|
|
12389
12418
|
readOnly,
|
|
12390
|
-
className:
|
|
12419
|
+
className: clsx39("Aquarium-TextareaBase", getCommonInputStyles({ readOnly, valid }), props.className)
|
|
12391
12420
|
}
|
|
12392
12421
|
)
|
|
12393
12422
|
);
|
|
@@ -12440,13 +12469,13 @@ import React122 from "react";
|
|
|
12440
12469
|
|
|
12441
12470
|
// src/atoms/Timeline/Timeline.tsx
|
|
12442
12471
|
import React121 from "react";
|
|
12443
|
-
import { clsx as
|
|
12444
|
-
var Timeline = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className:
|
|
12445
|
-
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className:
|
|
12446
|
-
var Separator = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className:
|
|
12447
|
-
var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className:
|
|
12448
|
-
var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className:
|
|
12449
|
-
var Dot = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className:
|
|
12472
|
+
import { clsx as clsx40 } from "clsx";
|
|
12473
|
+
var Timeline = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx40("grid grid-cols-[16px_1fr] gap-x-4", className) });
|
|
12474
|
+
var Content2 = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx40("pb-6", className) });
|
|
12475
|
+
var Separator = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx40("flex items-center justify-center h-5 w-5", className) });
|
|
12476
|
+
var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx40("flex justify-center py-1", className) });
|
|
12477
|
+
var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx40("w-1 bg-medium h-full justify-self-center", className) });
|
|
12478
|
+
var Dot = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx40("bg-intense h-[6px] w-[6px] rounded", className) });
|
|
12450
12479
|
Separator.Dot = Dot;
|
|
12451
12480
|
LineContainer.Line = Line;
|
|
12452
12481
|
Timeline.Separator = Separator;
|
|
@@ -12574,7 +12603,7 @@ var Typography = ({
|
|
|
12574
12603
|
return /* @__PURE__ */ React131.createElement(
|
|
12575
12604
|
HtmlElement,
|
|
12576
12605
|
{
|
|
12577
|
-
className:
|
|
12606
|
+
className: clsx41(
|
|
12578
12607
|
typographies[variant],
|
|
12579
12608
|
// eslint-disable-next-line better-tailwindcss/no-unregistered-classes
|
|
12580
12609
|
`text-${resolvedColorName}`,
|
|
@@ -12616,7 +12645,7 @@ var alertTypes = {
|
|
|
12616
12645
|
textColor: "success-default"
|
|
12617
12646
|
}
|
|
12618
12647
|
};
|
|
12619
|
-
var alertStyles =
|
|
12648
|
+
var alertStyles = tv33({
|
|
12620
12649
|
slots: {
|
|
12621
12650
|
base: "px-4 py-3 rounded-lg grid grid-cols-[auto_1fr_auto] items-center gap-x-3 gap-y-2",
|
|
12622
12651
|
title: "col-start-2",
|
|
@@ -12640,7 +12669,7 @@ var alertStyles = tv32({
|
|
|
12640
12669
|
}
|
|
12641
12670
|
}
|
|
12642
12671
|
});
|
|
12643
|
-
var bannerStyles2 =
|
|
12672
|
+
var bannerStyles2 = tv33({
|
|
12644
12673
|
slots: {
|
|
12645
12674
|
base: "relative flex px-[60px] justify-center",
|
|
12646
12675
|
content: "flex flex-row flex-wrap gap-x-3 items-center justify-center py-4 text-center z-10",
|
|
@@ -76,13 +76,13 @@ const FilterTrigger = (_a) => {
|
|
|
76
76
|
React.createElement("div", { className: "flex items-center gap-2" },
|
|
77
77
|
React.createElement(InlineIcon, { icon: icon }),
|
|
78
78
|
React.createElement(Typography.Default, null, labelText)),
|
|
79
|
-
badge && (React.createElement(Typography, { color: "primary-
|
|
79
|
+
badge && (React.createElement(Typography, { color: "primary-default", className: "flex items-center" },
|
|
80
80
|
React.createElement(Badge, { dense: true, value: badge })))),
|
|
81
81
|
hasValue && (React.createElement("div", { className: "pl-3" },
|
|
82
82
|
React.createElement(Typography.Default, { className: clsx('truncate', {
|
|
83
83
|
'max-w-[320px]': isUsedInsideDateRangePicker,
|
|
84
84
|
'max-w-[233px]': !isUsedInsideDateRangePicker, // Set to 233px to keep the total width of the filter pill within approximately 360px.
|
|
85
|
-
}), color: error ? 'danger-
|
|
85
|
+
}), color: error ? 'danger-default' : 'primary-default' },
|
|
86
86
|
value,
|
|
87
87
|
isUsedInsideDatePicker && React.createElement(DateDisplay, { state: ariaDatePickerState }),
|
|
88
88
|
isUsedInsideDateRangePicker && React.createElement(DateDisplay, { state: ariaDateRangePickerState })))))),
|
|
@@ -126,4 +126,4 @@ const Filter = () => null;
|
|
|
126
126
|
FilterTrigger.displayName = 'Filter.Trigger';
|
|
127
127
|
Filter.Trigger = FilterTrigger;
|
|
128
128
|
export { Filter };
|
|
129
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
129
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0ZpbHRlci9GaWx0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixzQkFBc0IsSUFBSSwwQkFBMEIsRUFDcEQsMkJBQTJCLElBQUksK0JBQStCLEVBQzlELEtBQUssSUFBSSxTQUFTLEdBQ25CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM1QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLEtBQUssRUFBbUIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFrQixVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFJeEMsTUFBTSxtQkFBbUIsR0FBRztJQUMxQixNQUFNLEVBQUUsT0FBTztJQUNmLE9BQU8sRUFBRSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO0NBQ3RELENBQUM7QUFFWCxNQUFNLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDdkIsSUFBSSxFQUFFLDBLQUEwSztJQUNoTCxRQUFRLEVBQUU7UUFDUixTQUFTLEVBQUU7WUFDVCxJQUFJLEVBQUUsZ0JBQWdCO1NBQ3ZCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGtDQUFrQztTQUN6QztRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFB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
|
|
@@ -21,10 +21,10 @@ const bodyMaskClasses = tv({
|
|
|
21
21
|
'before:sticky',
|
|
22
22
|
'before:top-0',
|
|
23
23
|
'before:left-0',
|
|
24
|
-
'before:h-
|
|
24
|
+
'before:h-5',
|
|
25
25
|
'before:flex-shrink-0',
|
|
26
26
|
'before:bg-gradient-to-b',
|
|
27
|
-
'before:from-
|
|
27
|
+
'before:from-overlay',
|
|
28
28
|
'before:to-transparent',
|
|
29
29
|
'before:z-10',
|
|
30
30
|
],
|
|
@@ -34,10 +34,10 @@ const bodyMaskClasses = tv({
|
|
|
34
34
|
'after:sticky',
|
|
35
35
|
'after:bottom-0',
|
|
36
36
|
'after:left-0',
|
|
37
|
-
'after:h-
|
|
37
|
+
'after:h-5',
|
|
38
38
|
'after:flex-shrink-0',
|
|
39
39
|
'after:bg-gradient-to-t',
|
|
40
|
-
'after:from-
|
|
40
|
+
'after:from-overlay',
|
|
41
41
|
'after:to-transparent',
|
|
42
42
|
'after:z-10',
|
|
43
43
|
],
|
|
@@ -61,7 +61,7 @@ export const modalStyles = tv({
|
|
|
61
61
|
],
|
|
62
62
|
bodyContent: 'px-7 grow',
|
|
63
63
|
footer: 'px-7 pt-4 pb-6',
|
|
64
|
-
actions: 'flex gap-
|
|
64
|
+
actions: 'flex gap-3 justify-end',
|
|
65
65
|
},
|
|
66
66
|
variants: {
|
|
67
67
|
kind: {
|
|
@@ -231,4 +231,4 @@ Modal.Actions = (_a) => {
|
|
|
231
231
|
const { actions } = modalStyles();
|
|
232
232
|
return (React.createElement("div", Object.assign({}, rest, { className: actions({ className }) }), children));
|
|
233
233
|
};
|
|
234
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
234
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBd0M3RCxNQUFNLGVBQWUsR0FBRyxFQUFFLENBQUM7SUFDekIsUUFBUSxFQUFFO1FBQ1IsUUFBUSxFQUFFO1lBQ1IsTUFBTSxFQUFFO2dCQUNOLHFCQUFxQjtnQkFDckIsNEJBQTRCO2dCQUM1QixlQUFlO2dCQUNmLGNBQWM7Z0JBQ2QsZUFBZTtnQkFDZixZQUFZO2dCQUNaLHNCQUFzQjtnQkFDdEIseUJBQXlCO2dCQUN6QixxQkFBcUI7Z0JBQ3JCLHVCQUF1QjtnQkFDdkIsYUFBYTthQUNkO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLG9CQUFvQjtnQkFDcEIsMkJBQTJCO2dCQUMzQixjQUFjO2dCQUNkLGdCQUFnQjtnQkFDaEIsY0FBYztnQkFDZCxXQUFXO2dCQUNYLHFCQUFxQjtnQkFDckIsd0JBQXdCO2dCQUN4QixvQkFBb0I7Z0JBQ3BCLHNCQUFzQjtnQkFDdEIsWUFBWTthQUNiO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDNUIsS0FBSyxFQUFFO1FBQ0wsT0FBTyxFQUFFLHVDQUF1QztRQUNoRCxRQUFRLEVBQUUseURBQXlEO1FBQ25FLE1BQU0sRUFBRSxxQ0FBcUM7UUFDN0MsTUFBTSxFQUFFLGtEQUFrRDtRQUMxRCxXQUFXLEVBQUUsZ0NBQWdDO1FBQzdDLGNBQWMsRUFBRSxvQkFBb0I7UUFDcEMsS0FBSyxFQUFFLEVBQUU7UUFDVCxvQkFBb0IsRUFBRSxrQ0FBa0M7UUFD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
|
|
@@ -59,7 +59,7 @@ Section.Toggle = (props) => {
|
|
|
59
59
|
};
|
|
60
60
|
Section.Title = (_a) => {
|
|
61
61
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
62
|
-
return (React.createElement(Typography.Large, Object.assign({}, rest, { htmlTag: "h2", color: "intense", className: "flex gap-
|
|
62
|
+
return (React.createElement(Typography.Large, Object.assign({}, rest, { htmlTag: "h2", color: "intense", className: "flex gap-3 items-center" }), children));
|
|
63
63
|
};
|
|
64
64
|
Section.Subtitle = (_a) => {
|
|
65
65
|
var { children } = _a, rest = __rest(_a, ["children"]);
|