@aivenio/aquarium 6.3.0 → 6.5.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 +2 -2
- package/dist/atoms.cjs +119 -34
- package/dist/atoms.mjs +120 -35
- package/dist/charts.cjs +2 -2
- package/dist/charts.mjs +2 -2
- package/dist/src/atoms/Modal/Modal.d.ts +1 -0
- package/dist/src/atoms/Modal/Modal.js +3 -3
- package/dist/src/atoms/Stepper/Stepper.d.ts +4 -0
- package/dist/src/atoms/Stepper/Stepper.js +87 -23
- package/dist/src/icons/healthHipaa.d.ts +8 -0
- package/dist/src/icons/healthHipaa.js +9 -0
- package/dist/src/icons/index.d.ts +2 -0
- package/dist/src/icons/index.js +3 -1
- package/dist/src/icons/pciDss.d.ts +8 -0
- package/dist/src/icons/pciDss.js +9 -0
- package/dist/src/molecules/DataList/DataList.js +32 -15
- package/dist/src/molecules/DataList/DataListGroup.d.ts +2 -1
- package/dist/src/molecules/DataList/DataListGroup.js +15 -14
- package/dist/src/molecules/Dialog/Dialog.d.ts +1 -1
- package/dist/src/molecules/Dialog/Dialog.js +6 -6
- package/dist/src/molecules/Stepper/Stepper.d.ts +4 -0
- package/dist/src/molecules/Stepper/Stepper.js +7 -7
- package/dist/src/molecules/Tooltip/Tooltip.js +22 -4
- package/dist/src/tokens/tokens.json +2 -2
- package/dist/src/utils/table/types.d.ts +7 -0
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +49 -3
- package/dist/system.cjs +231 -112
- package/dist/system.mjs +196 -77
- package/dist/tokens.json +2 -2
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/molecules/DataList/utils.d.ts +0 -2
- package/dist/src/molecules/DataList/utils.js +0 -3
package/dist/_variables.scss
CHANGED
|
@@ -67,7 +67,7 @@ $chart-colors-sequential-200: rgba(46, 208, 205, 1);
|
|
|
67
67
|
$chart-colors-sequential-300: rgba(0, 150, 147, 1);
|
|
68
68
|
$chart-colors-sequential-400: rgba(0, 98, 96, 1);
|
|
69
69
|
$chart-colors-sequential-500: rgba(0, 74, 72, 1);
|
|
70
|
-
$code-variable: rgba(
|
|
70
|
+
$code-variable: rgba(91,30,103,1); // Code block variable and identifiers
|
|
71
71
|
$code-keyword: rgba(202, 33, 101, 1); // Syntax: keyword
|
|
72
72
|
$code-string: rgba(0, 127, 115, 1); // Syntax: string
|
|
73
73
|
$code-function: rgba(9, 128, 193, 1); // Syntax: function
|
|
@@ -226,7 +226,6 @@ $border-color-warning-intense: $colors-warning-60;
|
|
|
226
226
|
$border-color-danger-muted: $colors-error-10;
|
|
227
227
|
$border-color-danger-default: $colors-error-20;
|
|
228
228
|
$border-color-danger-intense: $colors-error-50;
|
|
229
|
-
$code-background: $colors-grey-0; // Code block background (Gray 0)
|
|
230
229
|
$text-color-inactive: $colors-grey-30;
|
|
231
230
|
$text-color-muted: $colors-grey-50;
|
|
232
231
|
$text-color-default: $colors-grey-70;
|
|
@@ -276,6 +275,7 @@ $background-color-warning-muted: $background-color-warning-default;
|
|
|
276
275
|
$background-color-warning-intense: $background-color-warning-graphic;
|
|
277
276
|
$background-color-danger-muted: $background-color-danger-default;
|
|
278
277
|
$background-color-danger-intense: $background-color-danger-graphic;
|
|
278
|
+
$code-background: $background-color-body; // Code block background (Body/White)
|
|
279
279
|
$code-text: $text-color-default; // Code block text (Content/Default)
|
|
280
280
|
$code-comment: $text-color-muted; // Syntax: comment (Content/Muted)
|
|
281
281
|
$text-color-intense: $text-color-default;
|
package/dist/atoms.cjs
CHANGED
|
@@ -241,6 +241,14 @@ var Tooltip = ({ delay = 200, ...props }) => {
|
|
|
241
241
|
shouldFlip,
|
|
242
242
|
offset: ARROW_OFFSET
|
|
243
243
|
});
|
|
244
|
+
const [containsFocusable, setContainsFocusable] = import_react2.default.useState(false);
|
|
245
|
+
import_react2.default.useLayoutEffect(() => {
|
|
246
|
+
if (triggerRef.current) {
|
|
247
|
+
const elements = Array.from(triggerRef.current.querySelectorAll("*"));
|
|
248
|
+
const hasFocusable = elements.some((el) => (0, import_utils.isFocusable)(el));
|
|
249
|
+
setContainsFocusable(hasFocusable);
|
|
250
|
+
}
|
|
251
|
+
});
|
|
244
252
|
const { focusWithinProps } = (0, import_interactions.useFocusWithin)({
|
|
245
253
|
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
|
246
254
|
});
|
|
@@ -269,6 +277,7 @@ var Tooltip = ({ delay = 200, ...props }) => {
|
|
|
269
277
|
{
|
|
270
278
|
className: display,
|
|
271
279
|
...triggerProps,
|
|
280
|
+
tabIndex: containsFocusable ? -1 : triggerProps.tabIndex,
|
|
272
281
|
onFocus: (e) => {
|
|
273
282
|
triggerProps.onFocus?.(e);
|
|
274
283
|
focusWithinProps.onFocus?.(e);
|
|
@@ -899,9 +908,9 @@ var tokens_default = {
|
|
|
899
908
|
}
|
|
900
909
|
},
|
|
901
910
|
code: {
|
|
902
|
-
background: "rgba(
|
|
911
|
+
background: "rgba(255,255,255,1)",
|
|
903
912
|
text: "rgba(45,46,48,1)",
|
|
904
|
-
variable: "rgba(
|
|
913
|
+
variable: "rgba(91,30,103,1)",
|
|
905
914
|
keyword: "rgba(202, 33, 101, 1)",
|
|
906
915
|
string: "rgba(0, 127, 115, 1)",
|
|
907
916
|
function: "rgba(9, 128, 193, 1)",
|
|
@@ -6952,15 +6961,7 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
|
6952
6961
|
const { titleContainer: titleContainer2 } = modalStyles();
|
|
6953
6962
|
return /* @__PURE__ */ import_react44.default.createElement("div", { ...rest, className: titleContainer2({ className }) }, children);
|
|
6954
6963
|
};
|
|
6955
|
-
var ModalBody = ({
|
|
6956
|
-
children,
|
|
6957
|
-
className,
|
|
6958
|
-
noFooter = false,
|
|
6959
|
-
maxHeight,
|
|
6960
|
-
style,
|
|
6961
|
-
size,
|
|
6962
|
-
...rest
|
|
6963
|
-
}) => {
|
|
6964
|
+
var ModalBody = ({ children, className, contentClassName, noFooter = false, maxHeight, style, size, ...rest }) => {
|
|
6964
6965
|
const { body, bodyContent } = modalStyles({ size });
|
|
6965
6966
|
const { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade } = useScrollFade();
|
|
6966
6967
|
return /* @__PURE__ */ import_react44.default.createElement(
|
|
@@ -6972,7 +6973,7 @@ var ModalBody = ({
|
|
|
6972
6973
|
style: { maxHeight, ...style }
|
|
6973
6974
|
},
|
|
6974
6975
|
/* @__PURE__ */ import_react44.default.createElement("div", { ref: topSentinelRef, "aria-hidden": "true", className: "h-1px" }),
|
|
6975
|
-
/* @__PURE__ */ import_react44.default.createElement("div", { className: bodyContent({ noFooter }) }, children),
|
|
6976
|
+
/* @__PURE__ */ import_react44.default.createElement("div", { className: bodyContent({ noFooter, className: contentClassName }) }, children),
|
|
6976
6977
|
/* @__PURE__ */ import_react44.default.createElement("div", { ref: bottomSentinelRef, "aria-hidden": "true", className: "h-1px -mt-1px" })
|
|
6977
6978
|
);
|
|
6978
6979
|
};
|
|
@@ -7441,30 +7442,84 @@ var import_react52 = __toESM(require("react"));
|
|
|
7441
7442
|
var import_tailwind_variants25 = require("tailwind-variants");
|
|
7442
7443
|
var connectorStyles = (0, import_tailwind_variants25.tv)({
|
|
7443
7444
|
slots: {
|
|
7444
|
-
container: "absolute
|
|
7445
|
-
connector: "
|
|
7445
|
+
container: "absolute",
|
|
7446
|
+
connector: ""
|
|
7446
7447
|
},
|
|
7447
7448
|
variants: {
|
|
7448
7449
|
completed: {
|
|
7449
7450
|
true: { connector: "bg-success-graphic" },
|
|
7450
|
-
false: { connector: "bg-
|
|
7451
|
+
false: { connector: "bg-muted" }
|
|
7451
7452
|
},
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
container: "
|
|
7455
|
-
connector: "h-[3px]"
|
|
7453
|
+
direction: {
|
|
7454
|
+
horizontal: {
|
|
7455
|
+
container: "w-full -left-1/2"
|
|
7456
7456
|
},
|
|
7457
|
-
|
|
7458
|
-
container: "
|
|
7459
|
-
connector: "h-[2px]"
|
|
7457
|
+
vertical: {
|
|
7458
|
+
container: "h-full -top-2/3"
|
|
7460
7459
|
}
|
|
7460
|
+
},
|
|
7461
|
+
dense: {
|
|
7462
|
+
true: {},
|
|
7463
|
+
false: {}
|
|
7461
7464
|
}
|
|
7462
|
-
}
|
|
7465
|
+
},
|
|
7466
|
+
compoundSlots: [
|
|
7467
|
+
// Horizontal layout - horizontal connectors between side-by-side steps
|
|
7468
|
+
{
|
|
7469
|
+
slots: ["container"],
|
|
7470
|
+
direction: "horizontal",
|
|
7471
|
+
dense: true,
|
|
7472
|
+
class: "top-[3px] px-[14px]"
|
|
7473
|
+
},
|
|
7474
|
+
{
|
|
7475
|
+
slots: ["container"],
|
|
7476
|
+
direction: "horizontal",
|
|
7477
|
+
dense: false,
|
|
7478
|
+
class: "top-[14px] px-[20px]"
|
|
7479
|
+
},
|
|
7480
|
+
{
|
|
7481
|
+
slots: ["connector"],
|
|
7482
|
+
direction: "horizontal",
|
|
7483
|
+
dense: true,
|
|
7484
|
+
class: "w-full h-[3px]"
|
|
7485
|
+
},
|
|
7486
|
+
{
|
|
7487
|
+
slots: ["connector"],
|
|
7488
|
+
direction: "horizontal",
|
|
7489
|
+
dense: false,
|
|
7490
|
+
class: "w-full h-[2px]"
|
|
7491
|
+
},
|
|
7492
|
+
// Vertical layout - vertical connectors between stacked steps
|
|
7493
|
+
{
|
|
7494
|
+
slots: ["container"],
|
|
7495
|
+
direction: "vertical",
|
|
7496
|
+
dense: true,
|
|
7497
|
+
class: "left-[3px] pt-[4px] pb-[24px]"
|
|
7498
|
+
},
|
|
7499
|
+
{
|
|
7500
|
+
slots: ["container"],
|
|
7501
|
+
direction: "vertical",
|
|
7502
|
+
dense: false,
|
|
7503
|
+
class: "left-[16px] pt-[12px] pb-[30px]"
|
|
7504
|
+
},
|
|
7505
|
+
{
|
|
7506
|
+
slots: ["connector"],
|
|
7507
|
+
direction: "vertical",
|
|
7508
|
+
dense: true,
|
|
7509
|
+
class: "h-full w-[3px]"
|
|
7510
|
+
},
|
|
7511
|
+
{
|
|
7512
|
+
slots: ["connector"],
|
|
7513
|
+
direction: "vertical",
|
|
7514
|
+
dense: false,
|
|
7515
|
+
class: "h-full w-[2px]"
|
|
7516
|
+
}
|
|
7517
|
+
]
|
|
7463
7518
|
});
|
|
7464
7519
|
var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
7465
7520
|
slots: {
|
|
7466
|
-
step: "flex
|
|
7467
|
-
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center
|
|
7521
|
+
step: "flex relative text-center",
|
|
7522
|
+
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center"
|
|
7468
7523
|
},
|
|
7469
7524
|
variants: {
|
|
7470
7525
|
state: {
|
|
@@ -7472,6 +7527,16 @@ var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
|
7472
7527
|
completed: { step: "text-intense" },
|
|
7473
7528
|
inactive: { step: "text-inactive" }
|
|
7474
7529
|
},
|
|
7530
|
+
direction: {
|
|
7531
|
+
vertical: {
|
|
7532
|
+
step: "flex-row items-center pb-8",
|
|
7533
|
+
indicator: "mr-l1"
|
|
7534
|
+
},
|
|
7535
|
+
horizontal: {
|
|
7536
|
+
step: "flex-col items-center",
|
|
7537
|
+
indicator: "mx-2 mb-3"
|
|
7538
|
+
}
|
|
7539
|
+
},
|
|
7475
7540
|
dense: {
|
|
7476
7541
|
true: { indicator: "h-[8px] w-[8px]" },
|
|
7477
7542
|
false: { indicator: "h-[32px] w-[32px]" }
|
|
@@ -7489,7 +7554,7 @@ var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
|
7489
7554
|
slots: ["indicator"],
|
|
7490
7555
|
dense: false,
|
|
7491
7556
|
state: "inactive",
|
|
7492
|
-
class: "border-2 border-
|
|
7557
|
+
class: "border-2 border-muted"
|
|
7493
7558
|
},
|
|
7494
7559
|
{
|
|
7495
7560
|
slots: ["indicator"],
|
|
@@ -7522,22 +7587,42 @@ var Stepper = ({ className, ...rest }) => /* @__PURE__ */ import_react52.default
|
|
|
7522
7587
|
var ConnectorContainer = ({
|
|
7523
7588
|
className,
|
|
7524
7589
|
dense = false,
|
|
7590
|
+
direction = "horizontal",
|
|
7525
7591
|
...rest
|
|
7526
7592
|
}) => {
|
|
7527
|
-
const { container: container2 } = connectorStyles({ dense });
|
|
7593
|
+
const { container: container2 } = connectorStyles({ dense, direction });
|
|
7528
7594
|
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: container2({ className }) });
|
|
7529
7595
|
};
|
|
7530
|
-
var Connector = ({
|
|
7531
|
-
|
|
7596
|
+
var Connector = ({
|
|
7597
|
+
children,
|
|
7598
|
+
className,
|
|
7599
|
+
completed = false,
|
|
7600
|
+
dense = false,
|
|
7601
|
+
direction = "horizontal",
|
|
7602
|
+
...rest
|
|
7603
|
+
}) => {
|
|
7604
|
+
const { connector } = connectorStyles({ completed, dense, direction });
|
|
7532
7605
|
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: connector({ className }) });
|
|
7533
7606
|
};
|
|
7534
|
-
var Step = ({
|
|
7535
|
-
|
|
7607
|
+
var Step = ({
|
|
7608
|
+
className,
|
|
7609
|
+
state,
|
|
7610
|
+
direction = "horizontal",
|
|
7611
|
+
...rest
|
|
7612
|
+
}) => {
|
|
7613
|
+
const { step } = stepStyles({ state, direction });
|
|
7536
7614
|
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: step({ className }) });
|
|
7537
7615
|
};
|
|
7538
|
-
var Indicator = ({
|
|
7539
|
-
|
|
7540
|
-
|
|
7616
|
+
var Indicator = ({
|
|
7617
|
+
children,
|
|
7618
|
+
className,
|
|
7619
|
+
state,
|
|
7620
|
+
dense = false,
|
|
7621
|
+
direction = "horizontal",
|
|
7622
|
+
...rest
|
|
7623
|
+
}) => {
|
|
7624
|
+
const { indicator } = stepStyles({ state, dense, direction });
|
|
7625
|
+
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: indicator({ className }) }, state === "completed" ? /* @__PURE__ */ import_react52.default.createElement(InlineIcon2, { icon: tick_default, className: dense ? "scale-125" : void 0 }) : dense ? null : children);
|
|
7541
7626
|
};
|
|
7542
7627
|
Step.Indicator = Indicator;
|
|
7543
7628
|
Stepper.Step = Step;
|
package/dist/atoms.mjs
CHANGED
|
@@ -10,7 +10,7 @@ import React from "react";
|
|
|
10
10
|
import { useFocusWithin } from "@react-aria/interactions";
|
|
11
11
|
import { OverlayContainer, useOverlayPosition } from "@react-aria/overlays";
|
|
12
12
|
import { useTooltip, useTooltipTrigger } from "@react-aria/tooltip";
|
|
13
|
-
import { mergeProps } from "@react-aria/utils";
|
|
13
|
+
import { isFocusable, mergeProps } from "@react-aria/utils";
|
|
14
14
|
|
|
15
15
|
// src/molecules/Tooltip/useTooltipTriggerState.ts
|
|
16
16
|
import { useEffect, useMemo, useRef } from "react";
|
|
@@ -146,6 +146,14 @@ var Tooltip = ({ delay = 200, ...props }) => {
|
|
|
146
146
|
shouldFlip,
|
|
147
147
|
offset: ARROW_OFFSET
|
|
148
148
|
});
|
|
149
|
+
const [containsFocusable, setContainsFocusable] = React.useState(false);
|
|
150
|
+
React.useLayoutEffect(() => {
|
|
151
|
+
if (triggerRef.current) {
|
|
152
|
+
const elements = Array.from(triggerRef.current.querySelectorAll("*"));
|
|
153
|
+
const hasFocusable = elements.some((el) => isFocusable(el));
|
|
154
|
+
setContainsFocusable(hasFocusable);
|
|
155
|
+
}
|
|
156
|
+
});
|
|
149
157
|
const { focusWithinProps } = useFocusWithin({
|
|
150
158
|
onFocusWithinChange: (isFocusWithin) => isFocusWithin ? state.open() : state.close()
|
|
151
159
|
});
|
|
@@ -174,6 +182,7 @@ var Tooltip = ({ delay = 200, ...props }) => {
|
|
|
174
182
|
{
|
|
175
183
|
className: display,
|
|
176
184
|
...triggerProps,
|
|
185
|
+
tabIndex: containsFocusable ? -1 : triggerProps.tabIndex,
|
|
177
186
|
onFocus: (e) => {
|
|
178
187
|
triggerProps.onFocus?.(e);
|
|
179
188
|
focusWithinProps.onFocus?.(e);
|
|
@@ -807,9 +816,9 @@ var tokens_default = {
|
|
|
807
816
|
}
|
|
808
817
|
},
|
|
809
818
|
code: {
|
|
810
|
-
background: "rgba(
|
|
819
|
+
background: "rgba(255,255,255,1)",
|
|
811
820
|
text: "rgba(45,46,48,1)",
|
|
812
|
-
variable: "rgba(
|
|
821
|
+
variable: "rgba(91,30,103,1)",
|
|
813
822
|
keyword: "rgba(202, 33, 101, 1)",
|
|
814
823
|
string: "rgba(0, 127, 115, 1)",
|
|
815
824
|
function: "rgba(9, 128, 193, 1)",
|
|
@@ -6872,15 +6881,7 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
|
6872
6881
|
const { titleContainer: titleContainer2 } = modalStyles();
|
|
6873
6882
|
return /* @__PURE__ */ React38.createElement("div", { ...rest, className: titleContainer2({ className }) }, children);
|
|
6874
6883
|
};
|
|
6875
|
-
var ModalBody = ({
|
|
6876
|
-
children,
|
|
6877
|
-
className,
|
|
6878
|
-
noFooter = false,
|
|
6879
|
-
maxHeight,
|
|
6880
|
-
style,
|
|
6881
|
-
size,
|
|
6882
|
-
...rest
|
|
6883
|
-
}) => {
|
|
6884
|
+
var ModalBody = ({ children, className, contentClassName, noFooter = false, maxHeight, style, size, ...rest }) => {
|
|
6884
6885
|
const { body, bodyContent } = modalStyles({ size });
|
|
6885
6886
|
const { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade } = useScrollFade();
|
|
6886
6887
|
return /* @__PURE__ */ React38.createElement(
|
|
@@ -6892,7 +6893,7 @@ var ModalBody = ({
|
|
|
6892
6893
|
style: { maxHeight, ...style }
|
|
6893
6894
|
},
|
|
6894
6895
|
/* @__PURE__ */ React38.createElement("div", { ref: topSentinelRef, "aria-hidden": "true", className: "h-1px" }),
|
|
6895
|
-
/* @__PURE__ */ React38.createElement("div", { className: bodyContent({ noFooter }) }, children),
|
|
6896
|
+
/* @__PURE__ */ React38.createElement("div", { className: bodyContent({ noFooter, className: contentClassName }) }, children),
|
|
6896
6897
|
/* @__PURE__ */ React38.createElement("div", { ref: bottomSentinelRef, "aria-hidden": "true", className: "h-1px -mt-1px" })
|
|
6897
6898
|
);
|
|
6898
6899
|
};
|
|
@@ -7365,30 +7366,84 @@ import React46 from "react";
|
|
|
7365
7366
|
import { tv as tv25 } from "tailwind-variants";
|
|
7366
7367
|
var connectorStyles = tv25({
|
|
7367
7368
|
slots: {
|
|
7368
|
-
container: "absolute
|
|
7369
|
-
connector: "
|
|
7369
|
+
container: "absolute",
|
|
7370
|
+
connector: ""
|
|
7370
7371
|
},
|
|
7371
7372
|
variants: {
|
|
7372
7373
|
completed: {
|
|
7373
7374
|
true: { connector: "bg-success-graphic" },
|
|
7374
|
-
false: { connector: "bg-
|
|
7375
|
+
false: { connector: "bg-muted" }
|
|
7375
7376
|
},
|
|
7376
|
-
|
|
7377
|
-
|
|
7378
|
-
container: "
|
|
7379
|
-
connector: "h-[3px]"
|
|
7377
|
+
direction: {
|
|
7378
|
+
horizontal: {
|
|
7379
|
+
container: "w-full -left-1/2"
|
|
7380
7380
|
},
|
|
7381
|
-
|
|
7382
|
-
container: "
|
|
7383
|
-
connector: "h-[2px]"
|
|
7381
|
+
vertical: {
|
|
7382
|
+
container: "h-full -top-2/3"
|
|
7384
7383
|
}
|
|
7384
|
+
},
|
|
7385
|
+
dense: {
|
|
7386
|
+
true: {},
|
|
7387
|
+
false: {}
|
|
7385
7388
|
}
|
|
7386
|
-
}
|
|
7389
|
+
},
|
|
7390
|
+
compoundSlots: [
|
|
7391
|
+
// Horizontal layout - horizontal connectors between side-by-side steps
|
|
7392
|
+
{
|
|
7393
|
+
slots: ["container"],
|
|
7394
|
+
direction: "horizontal",
|
|
7395
|
+
dense: true,
|
|
7396
|
+
class: "top-[3px] px-[14px]"
|
|
7397
|
+
},
|
|
7398
|
+
{
|
|
7399
|
+
slots: ["container"],
|
|
7400
|
+
direction: "horizontal",
|
|
7401
|
+
dense: false,
|
|
7402
|
+
class: "top-[14px] px-[20px]"
|
|
7403
|
+
},
|
|
7404
|
+
{
|
|
7405
|
+
slots: ["connector"],
|
|
7406
|
+
direction: "horizontal",
|
|
7407
|
+
dense: true,
|
|
7408
|
+
class: "w-full h-[3px]"
|
|
7409
|
+
},
|
|
7410
|
+
{
|
|
7411
|
+
slots: ["connector"],
|
|
7412
|
+
direction: "horizontal",
|
|
7413
|
+
dense: false,
|
|
7414
|
+
class: "w-full h-[2px]"
|
|
7415
|
+
},
|
|
7416
|
+
// Vertical layout - vertical connectors between stacked steps
|
|
7417
|
+
{
|
|
7418
|
+
slots: ["container"],
|
|
7419
|
+
direction: "vertical",
|
|
7420
|
+
dense: true,
|
|
7421
|
+
class: "left-[3px] pt-[4px] pb-[24px]"
|
|
7422
|
+
},
|
|
7423
|
+
{
|
|
7424
|
+
slots: ["container"],
|
|
7425
|
+
direction: "vertical",
|
|
7426
|
+
dense: false,
|
|
7427
|
+
class: "left-[16px] pt-[12px] pb-[30px]"
|
|
7428
|
+
},
|
|
7429
|
+
{
|
|
7430
|
+
slots: ["connector"],
|
|
7431
|
+
direction: "vertical",
|
|
7432
|
+
dense: true,
|
|
7433
|
+
class: "h-full w-[3px]"
|
|
7434
|
+
},
|
|
7435
|
+
{
|
|
7436
|
+
slots: ["connector"],
|
|
7437
|
+
direction: "vertical",
|
|
7438
|
+
dense: false,
|
|
7439
|
+
class: "h-full w-[2px]"
|
|
7440
|
+
}
|
|
7441
|
+
]
|
|
7387
7442
|
});
|
|
7388
7443
|
var stepStyles = tv25({
|
|
7389
7444
|
slots: {
|
|
7390
|
-
step: "flex
|
|
7391
|
-
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center
|
|
7445
|
+
step: "flex relative text-center",
|
|
7446
|
+
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center"
|
|
7392
7447
|
},
|
|
7393
7448
|
variants: {
|
|
7394
7449
|
state: {
|
|
@@ -7396,6 +7451,16 @@ var stepStyles = tv25({
|
|
|
7396
7451
|
completed: { step: "text-intense" },
|
|
7397
7452
|
inactive: { step: "text-inactive" }
|
|
7398
7453
|
},
|
|
7454
|
+
direction: {
|
|
7455
|
+
vertical: {
|
|
7456
|
+
step: "flex-row items-center pb-8",
|
|
7457
|
+
indicator: "mr-l1"
|
|
7458
|
+
},
|
|
7459
|
+
horizontal: {
|
|
7460
|
+
step: "flex-col items-center",
|
|
7461
|
+
indicator: "mx-2 mb-3"
|
|
7462
|
+
}
|
|
7463
|
+
},
|
|
7399
7464
|
dense: {
|
|
7400
7465
|
true: { indicator: "h-[8px] w-[8px]" },
|
|
7401
7466
|
false: { indicator: "h-[32px] w-[32px]" }
|
|
@@ -7413,7 +7478,7 @@ var stepStyles = tv25({
|
|
|
7413
7478
|
slots: ["indicator"],
|
|
7414
7479
|
dense: false,
|
|
7415
7480
|
state: "inactive",
|
|
7416
|
-
class: "border-2 border-
|
|
7481
|
+
class: "border-2 border-muted"
|
|
7417
7482
|
},
|
|
7418
7483
|
{
|
|
7419
7484
|
slots: ["indicator"],
|
|
@@ -7446,22 +7511,42 @@ var Stepper = ({ className, ...rest }) => /* @__PURE__ */ React46.createElement(
|
|
|
7446
7511
|
var ConnectorContainer = ({
|
|
7447
7512
|
className,
|
|
7448
7513
|
dense = false,
|
|
7514
|
+
direction = "horizontal",
|
|
7449
7515
|
...rest
|
|
7450
7516
|
}) => {
|
|
7451
|
-
const { container: container2 } = connectorStyles({ dense });
|
|
7517
|
+
const { container: container2 } = connectorStyles({ dense, direction });
|
|
7452
7518
|
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: container2({ className }) });
|
|
7453
7519
|
};
|
|
7454
|
-
var Connector = ({
|
|
7455
|
-
|
|
7520
|
+
var Connector = ({
|
|
7521
|
+
children,
|
|
7522
|
+
className,
|
|
7523
|
+
completed = false,
|
|
7524
|
+
dense = false,
|
|
7525
|
+
direction = "horizontal",
|
|
7526
|
+
...rest
|
|
7527
|
+
}) => {
|
|
7528
|
+
const { connector } = connectorStyles({ completed, dense, direction });
|
|
7456
7529
|
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: connector({ className }) });
|
|
7457
7530
|
};
|
|
7458
|
-
var Step = ({
|
|
7459
|
-
|
|
7531
|
+
var Step = ({
|
|
7532
|
+
className,
|
|
7533
|
+
state,
|
|
7534
|
+
direction = "horizontal",
|
|
7535
|
+
...rest
|
|
7536
|
+
}) => {
|
|
7537
|
+
const { step } = stepStyles({ state, direction });
|
|
7460
7538
|
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: step({ className }) });
|
|
7461
7539
|
};
|
|
7462
|
-
var Indicator = ({
|
|
7463
|
-
|
|
7464
|
-
|
|
7540
|
+
var Indicator = ({
|
|
7541
|
+
children,
|
|
7542
|
+
className,
|
|
7543
|
+
state,
|
|
7544
|
+
dense = false,
|
|
7545
|
+
direction = "horizontal",
|
|
7546
|
+
...rest
|
|
7547
|
+
}) => {
|
|
7548
|
+
const { indicator } = stepStyles({ state, dense, direction });
|
|
7549
|
+
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: indicator({ className }) }, state === "completed" ? /* @__PURE__ */ React46.createElement(InlineIcon2, { icon: tick_default, className: dense ? "scale-125" : void 0 }) : dense ? null : children);
|
|
7465
7550
|
};
|
|
7466
7551
|
Step.Indicator = Indicator;
|
|
7467
7552
|
Stepper.Step = Step;
|
package/dist/charts.cjs
CHANGED
|
@@ -380,9 +380,9 @@ var tokens_default = {
|
|
|
380
380
|
}
|
|
381
381
|
},
|
|
382
382
|
code: {
|
|
383
|
-
background: "rgba(
|
|
383
|
+
background: "rgba(255,255,255,1)",
|
|
384
384
|
text: "rgba(45,46,48,1)",
|
|
385
|
-
variable: "rgba(
|
|
385
|
+
variable: "rgba(91,30,103,1)",
|
|
386
386
|
keyword: "rgba(202, 33, 101, 1)",
|
|
387
387
|
string: "rgba(0, 127, 115, 1)",
|
|
388
388
|
function: "rgba(9, 128, 193, 1)",
|
package/dist/charts.mjs
CHANGED
|
@@ -240,9 +240,9 @@ var tokens_default = {
|
|
|
240
240
|
}
|
|
241
241
|
},
|
|
242
242
|
code: {
|
|
243
|
-
background: "rgba(
|
|
243
|
+
background: "rgba(255,255,255,1)",
|
|
244
244
|
text: "rgba(45,46,48,1)",
|
|
245
|
-
variable: "rgba(
|
|
245
|
+
variable: "rgba(91,30,103,1)",
|
|
246
246
|
keyword: "rgba(202, 33, 101, 1)",
|
|
247
247
|
string: "rgba(0, 127, 115, 1)",
|
|
248
248
|
function: "rgba(9, 128, 193, 1)",
|
|
@@ -221,12 +221,12 @@ Modal.TitleContainer = (_a) => {
|
|
|
221
221
|
return (React.createElement("div", Object.assign({}, rest, { className: titleContainer({ className }) }), children));
|
|
222
222
|
};
|
|
223
223
|
const ModalBody = (_a) => {
|
|
224
|
-
var { children, className, noFooter = false, maxHeight, style, size } = _a, rest = __rest(_a, ["children", "className", "noFooter", "maxHeight", "style", "size"]);
|
|
224
|
+
var { children, className, contentClassName, noFooter = false, maxHeight, style, size } = _a, rest = __rest(_a, ["children", "className", "contentClassName", "noFooter", "maxHeight", "style", "size"]);
|
|
225
225
|
const { body, bodyContent } = modalStyles({ size });
|
|
226
226
|
const { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade } = useScrollFade();
|
|
227
227
|
return (React.createElement("div", Object.assign({}, rest, { ref: containerRef, className: body({ className, showTopFade, showBottomFade }), style: Object.assign({ maxHeight }, style) }),
|
|
228
228
|
React.createElement("div", { ref: topSentinelRef, "aria-hidden": "true", className: "h-1px" }),
|
|
229
|
-
React.createElement("div", { className: bodyContent({ noFooter }) }, children),
|
|
229
|
+
React.createElement("div", { className: bodyContent({ noFooter, className: contentClassName }) }, children),
|
|
230
230
|
React.createElement("div", { ref: bottomSentinelRef, "aria-hidden": "true", className: "h-1px -mt-1px" })));
|
|
231
231
|
};
|
|
232
232
|
Modal.Body = ModalBody;
|
|
@@ -240,4 +240,4 @@ Modal.Actions = (_a) => {
|
|
|
240
240
|
const { actions } = modalStyles();
|
|
241
241
|
return (React.createElement("div", Object.assign({}, rest, { className: actions({ className }) }), children));
|
|
242
242
|
};
|
|
243
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
243
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQTBDeEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsdUNBQXVDO1FBQ2hELFFBQVEsRUFBRSwrQ0FBK0M7UUFDekQsTUFBTSxFQUFFLDhEQUE4RDtRQUN0RSxNQUFNLEVBQUUsa0RBQWtEO1FBQzFELFdBQVcsRUFBRSxnQ0FBZ0M7UUFDN0MsY0FBYyxFQUFFLG9CQUFvQjtRQUNwQyxLQUFLLEVBQUUsRUFBRTtRQUNULFFBQVEsRUFBRSxlQUFlO1FBQ3pCLG9CQUFvQixFQUFFLGtDQUFrQztRQUN4RCxJQUFJLEVBQUUsOERBQThEO1FBQ3BFLFdBQVcsRUFBRSxXQUFXO1FBQ3hCLE1BQU0sRUFBRSxnQkFBZ0I7UUFDeEIsT0FBTyxFQUFFLHdCQUF3QjtLQUNsQztJQUNELFFBQVEsRUFBRTtRQUNSLElBQUksRUFBRTtZQUNKLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsa0NBQWtDO2dCQUMzQyxNQUFNLEVBQUUsVUFBVTthQUNuQjtZQUNELE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsbUJBQW1CO2dCQUM1QixNQUFNLEVBQUUsaUJBQWlCO2dCQUN6QixLQUFLLEVBQUUsbURBQW1EO2FBQzNEO1NBQ0Y7UUFDRCxJQUFJLEVBQUU7WUFDSixFQUFFLEVBQUUsRUFBRTtZQUNOLEVBQUUsRUFBRSxFQUFFO1lB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
|
|
@@ -9,6 +9,7 @@ export declare const Stepper: ComposedStepperProps;
|
|
|
9
9
|
type ConnectorContainerProps = DivProps & {
|
|
10
10
|
completed?: boolean;
|
|
11
11
|
dense?: boolean;
|
|
12
|
+
direction?: 'horizontal' | 'vertical';
|
|
12
13
|
};
|
|
13
14
|
declare const ConnectorContainer: React.FC<ConnectorContainerProps> & {
|
|
14
15
|
Connector: typeof Connector;
|
|
@@ -16,10 +17,12 @@ declare const ConnectorContainer: React.FC<ConnectorContainerProps> & {
|
|
|
16
17
|
type ConnectorProps = DivProps & {
|
|
17
18
|
completed?: boolean;
|
|
18
19
|
dense?: boolean;
|
|
20
|
+
direction?: 'horizontal' | 'vertical';
|
|
19
21
|
};
|
|
20
22
|
declare const Connector: React.FC<ConnectorProps>;
|
|
21
23
|
type StepProps = DivProps & {
|
|
22
24
|
state: State;
|
|
25
|
+
direction?: 'horizontal' | 'vertical';
|
|
23
26
|
};
|
|
24
27
|
declare const Step: React.FC<StepProps> & {
|
|
25
28
|
Indicator: typeof Indicator;
|
|
@@ -27,6 +30,7 @@ declare const Step: React.FC<StepProps> & {
|
|
|
27
30
|
type IndicatorProps = DivProps & {
|
|
28
31
|
state: State;
|
|
29
32
|
dense?: boolean;
|
|
33
|
+
direction?: 'horizontal' | 'vertical';
|
|
30
34
|
children: number | string;
|
|
31
35
|
};
|
|
32
36
|
declare const Indicator: React.FC<IndicatorProps>;
|