@aivenio/aquarium 6.3.0 → 6.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +107 -23
- package/dist/atoms.mjs +107 -23
- package/dist/charts.cjs +1 -1
- package/dist/charts.mjs +1 -1
- 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/Stepper/Stepper.d.ts +4 -0
- package/dist/src/molecules/Stepper/Stepper.js +7 -7
- package/dist/src/tokens/tokens.json +1 -1
- package/dist/styles.css +40 -2
- package/dist/system.cjs +133 -26
- package/dist/system.mjs +133 -26
- package/dist/tokens.json +1 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
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
|
package/dist/atoms.cjs
CHANGED
|
@@ -901,7 +901,7 @@ var tokens_default = {
|
|
|
901
901
|
code: {
|
|
902
902
|
background: "rgba(250,250,250,1)",
|
|
903
903
|
text: "rgba(45,46,48,1)",
|
|
904
|
-
variable: "rgba(
|
|
904
|
+
variable: "rgba(91,30,103,1)",
|
|
905
905
|
keyword: "rgba(202, 33, 101, 1)",
|
|
906
906
|
string: "rgba(0, 127, 115, 1)",
|
|
907
907
|
function: "rgba(9, 128, 193, 1)",
|
|
@@ -7441,30 +7441,84 @@ var import_react52 = __toESM(require("react"));
|
|
|
7441
7441
|
var import_tailwind_variants25 = require("tailwind-variants");
|
|
7442
7442
|
var connectorStyles = (0, import_tailwind_variants25.tv)({
|
|
7443
7443
|
slots: {
|
|
7444
|
-
container: "absolute
|
|
7445
|
-
connector: "
|
|
7444
|
+
container: "absolute",
|
|
7445
|
+
connector: ""
|
|
7446
7446
|
},
|
|
7447
7447
|
variants: {
|
|
7448
7448
|
completed: {
|
|
7449
7449
|
true: { connector: "bg-success-graphic" },
|
|
7450
|
-
false: { connector: "bg-
|
|
7450
|
+
false: { connector: "bg-muted" }
|
|
7451
7451
|
},
|
|
7452
|
-
|
|
7453
|
-
|
|
7454
|
-
container: "
|
|
7455
|
-
connector: "h-[3px]"
|
|
7452
|
+
direction: {
|
|
7453
|
+
horizontal: {
|
|
7454
|
+
container: "w-full -left-1/2"
|
|
7456
7455
|
},
|
|
7457
|
-
|
|
7458
|
-
container: "
|
|
7459
|
-
connector: "h-[2px]"
|
|
7456
|
+
vertical: {
|
|
7457
|
+
container: "h-full -top-2/3"
|
|
7460
7458
|
}
|
|
7459
|
+
},
|
|
7460
|
+
dense: {
|
|
7461
|
+
true: {},
|
|
7462
|
+
false: {}
|
|
7461
7463
|
}
|
|
7462
|
-
}
|
|
7464
|
+
},
|
|
7465
|
+
compoundSlots: [
|
|
7466
|
+
// Horizontal layout - horizontal connectors between side-by-side steps
|
|
7467
|
+
{
|
|
7468
|
+
slots: ["container"],
|
|
7469
|
+
direction: "horizontal",
|
|
7470
|
+
dense: true,
|
|
7471
|
+
class: "top-[3px] px-[14px]"
|
|
7472
|
+
},
|
|
7473
|
+
{
|
|
7474
|
+
slots: ["container"],
|
|
7475
|
+
direction: "horizontal",
|
|
7476
|
+
dense: false,
|
|
7477
|
+
class: "top-[14px] px-[20px]"
|
|
7478
|
+
},
|
|
7479
|
+
{
|
|
7480
|
+
slots: ["connector"],
|
|
7481
|
+
direction: "horizontal",
|
|
7482
|
+
dense: true,
|
|
7483
|
+
class: "w-full h-[3px]"
|
|
7484
|
+
},
|
|
7485
|
+
{
|
|
7486
|
+
slots: ["connector"],
|
|
7487
|
+
direction: "horizontal",
|
|
7488
|
+
dense: false,
|
|
7489
|
+
class: "w-full h-[2px]"
|
|
7490
|
+
},
|
|
7491
|
+
// Vertical layout - vertical connectors between stacked steps
|
|
7492
|
+
{
|
|
7493
|
+
slots: ["container"],
|
|
7494
|
+
direction: "vertical",
|
|
7495
|
+
dense: true,
|
|
7496
|
+
class: "left-[3px] pt-[4px] pb-[24px]"
|
|
7497
|
+
},
|
|
7498
|
+
{
|
|
7499
|
+
slots: ["container"],
|
|
7500
|
+
direction: "vertical",
|
|
7501
|
+
dense: false,
|
|
7502
|
+
class: "left-[16px] pt-[12px] pb-[30px]"
|
|
7503
|
+
},
|
|
7504
|
+
{
|
|
7505
|
+
slots: ["connector"],
|
|
7506
|
+
direction: "vertical",
|
|
7507
|
+
dense: true,
|
|
7508
|
+
class: "h-full w-[3px]"
|
|
7509
|
+
},
|
|
7510
|
+
{
|
|
7511
|
+
slots: ["connector"],
|
|
7512
|
+
direction: "vertical",
|
|
7513
|
+
dense: false,
|
|
7514
|
+
class: "h-full w-[2px]"
|
|
7515
|
+
}
|
|
7516
|
+
]
|
|
7463
7517
|
});
|
|
7464
7518
|
var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
7465
7519
|
slots: {
|
|
7466
|
-
step: "flex
|
|
7467
|
-
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center
|
|
7520
|
+
step: "flex relative text-center",
|
|
7521
|
+
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center"
|
|
7468
7522
|
},
|
|
7469
7523
|
variants: {
|
|
7470
7524
|
state: {
|
|
@@ -7472,6 +7526,16 @@ var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
|
7472
7526
|
completed: { step: "text-intense" },
|
|
7473
7527
|
inactive: { step: "text-inactive" }
|
|
7474
7528
|
},
|
|
7529
|
+
direction: {
|
|
7530
|
+
vertical: {
|
|
7531
|
+
step: "flex-row items-center pb-8",
|
|
7532
|
+
indicator: "mr-l1"
|
|
7533
|
+
},
|
|
7534
|
+
horizontal: {
|
|
7535
|
+
step: "flex-col items-center",
|
|
7536
|
+
indicator: "mx-2 mb-3"
|
|
7537
|
+
}
|
|
7538
|
+
},
|
|
7475
7539
|
dense: {
|
|
7476
7540
|
true: { indicator: "h-[8px] w-[8px]" },
|
|
7477
7541
|
false: { indicator: "h-[32px] w-[32px]" }
|
|
@@ -7489,7 +7553,7 @@ var stepStyles = (0, import_tailwind_variants25.tv)({
|
|
|
7489
7553
|
slots: ["indicator"],
|
|
7490
7554
|
dense: false,
|
|
7491
7555
|
state: "inactive",
|
|
7492
|
-
class: "border-2 border-
|
|
7556
|
+
class: "border-2 border-muted"
|
|
7493
7557
|
},
|
|
7494
7558
|
{
|
|
7495
7559
|
slots: ["indicator"],
|
|
@@ -7522,22 +7586,42 @@ var Stepper = ({ className, ...rest }) => /* @__PURE__ */ import_react52.default
|
|
|
7522
7586
|
var ConnectorContainer = ({
|
|
7523
7587
|
className,
|
|
7524
7588
|
dense = false,
|
|
7589
|
+
direction = "horizontal",
|
|
7525
7590
|
...rest
|
|
7526
7591
|
}) => {
|
|
7527
|
-
const { container: container2 } = connectorStyles({ dense });
|
|
7592
|
+
const { container: container2 } = connectorStyles({ dense, direction });
|
|
7528
7593
|
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: container2({ className }) });
|
|
7529
7594
|
};
|
|
7530
|
-
var Connector = ({
|
|
7531
|
-
|
|
7595
|
+
var Connector = ({
|
|
7596
|
+
children,
|
|
7597
|
+
className,
|
|
7598
|
+
completed = false,
|
|
7599
|
+
dense = false,
|
|
7600
|
+
direction = "horizontal",
|
|
7601
|
+
...rest
|
|
7602
|
+
}) => {
|
|
7603
|
+
const { connector } = connectorStyles({ completed, dense, direction });
|
|
7532
7604
|
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: connector({ className }) });
|
|
7533
7605
|
};
|
|
7534
|
-
var Step = ({
|
|
7535
|
-
|
|
7606
|
+
var Step = ({
|
|
7607
|
+
className,
|
|
7608
|
+
state,
|
|
7609
|
+
direction = "horizontal",
|
|
7610
|
+
...rest
|
|
7611
|
+
}) => {
|
|
7612
|
+
const { step } = stepStyles({ state, direction });
|
|
7536
7613
|
return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: step({ className }) });
|
|
7537
7614
|
};
|
|
7538
|
-
var Indicator = ({
|
|
7539
|
-
|
|
7540
|
-
|
|
7615
|
+
var Indicator = ({
|
|
7616
|
+
children,
|
|
7617
|
+
className,
|
|
7618
|
+
state,
|
|
7619
|
+
dense = false,
|
|
7620
|
+
direction = "horizontal",
|
|
7621
|
+
...rest
|
|
7622
|
+
}) => {
|
|
7623
|
+
const { indicator } = stepStyles({ state, dense, direction });
|
|
7624
|
+
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
7625
|
};
|
|
7542
7626
|
Step.Indicator = Indicator;
|
|
7543
7627
|
Stepper.Step = Step;
|
package/dist/atoms.mjs
CHANGED
|
@@ -809,7 +809,7 @@ var tokens_default = {
|
|
|
809
809
|
code: {
|
|
810
810
|
background: "rgba(250,250,250,1)",
|
|
811
811
|
text: "rgba(45,46,48,1)",
|
|
812
|
-
variable: "rgba(
|
|
812
|
+
variable: "rgba(91,30,103,1)",
|
|
813
813
|
keyword: "rgba(202, 33, 101, 1)",
|
|
814
814
|
string: "rgba(0, 127, 115, 1)",
|
|
815
815
|
function: "rgba(9, 128, 193, 1)",
|
|
@@ -7365,30 +7365,84 @@ import React46 from "react";
|
|
|
7365
7365
|
import { tv as tv25 } from "tailwind-variants";
|
|
7366
7366
|
var connectorStyles = tv25({
|
|
7367
7367
|
slots: {
|
|
7368
|
-
container: "absolute
|
|
7369
|
-
connector: "
|
|
7368
|
+
container: "absolute",
|
|
7369
|
+
connector: ""
|
|
7370
7370
|
},
|
|
7371
7371
|
variants: {
|
|
7372
7372
|
completed: {
|
|
7373
7373
|
true: { connector: "bg-success-graphic" },
|
|
7374
|
-
false: { connector: "bg-
|
|
7374
|
+
false: { connector: "bg-muted" }
|
|
7375
7375
|
},
|
|
7376
|
-
|
|
7377
|
-
|
|
7378
|
-
container: "
|
|
7379
|
-
connector: "h-[3px]"
|
|
7376
|
+
direction: {
|
|
7377
|
+
horizontal: {
|
|
7378
|
+
container: "w-full -left-1/2"
|
|
7380
7379
|
},
|
|
7381
|
-
|
|
7382
|
-
container: "
|
|
7383
|
-
connector: "h-[2px]"
|
|
7380
|
+
vertical: {
|
|
7381
|
+
container: "h-full -top-2/3"
|
|
7384
7382
|
}
|
|
7383
|
+
},
|
|
7384
|
+
dense: {
|
|
7385
|
+
true: {},
|
|
7386
|
+
false: {}
|
|
7385
7387
|
}
|
|
7386
|
-
}
|
|
7388
|
+
},
|
|
7389
|
+
compoundSlots: [
|
|
7390
|
+
// Horizontal layout - horizontal connectors between side-by-side steps
|
|
7391
|
+
{
|
|
7392
|
+
slots: ["container"],
|
|
7393
|
+
direction: "horizontal",
|
|
7394
|
+
dense: true,
|
|
7395
|
+
class: "top-[3px] px-[14px]"
|
|
7396
|
+
},
|
|
7397
|
+
{
|
|
7398
|
+
slots: ["container"],
|
|
7399
|
+
direction: "horizontal",
|
|
7400
|
+
dense: false,
|
|
7401
|
+
class: "top-[14px] px-[20px]"
|
|
7402
|
+
},
|
|
7403
|
+
{
|
|
7404
|
+
slots: ["connector"],
|
|
7405
|
+
direction: "horizontal",
|
|
7406
|
+
dense: true,
|
|
7407
|
+
class: "w-full h-[3px]"
|
|
7408
|
+
},
|
|
7409
|
+
{
|
|
7410
|
+
slots: ["connector"],
|
|
7411
|
+
direction: "horizontal",
|
|
7412
|
+
dense: false,
|
|
7413
|
+
class: "w-full h-[2px]"
|
|
7414
|
+
},
|
|
7415
|
+
// Vertical layout - vertical connectors between stacked steps
|
|
7416
|
+
{
|
|
7417
|
+
slots: ["container"],
|
|
7418
|
+
direction: "vertical",
|
|
7419
|
+
dense: true,
|
|
7420
|
+
class: "left-[3px] pt-[4px] pb-[24px]"
|
|
7421
|
+
},
|
|
7422
|
+
{
|
|
7423
|
+
slots: ["container"],
|
|
7424
|
+
direction: "vertical",
|
|
7425
|
+
dense: false,
|
|
7426
|
+
class: "left-[16px] pt-[12px] pb-[30px]"
|
|
7427
|
+
},
|
|
7428
|
+
{
|
|
7429
|
+
slots: ["connector"],
|
|
7430
|
+
direction: "vertical",
|
|
7431
|
+
dense: true,
|
|
7432
|
+
class: "h-full w-[3px]"
|
|
7433
|
+
},
|
|
7434
|
+
{
|
|
7435
|
+
slots: ["connector"],
|
|
7436
|
+
direction: "vertical",
|
|
7437
|
+
dense: false,
|
|
7438
|
+
class: "h-full w-[2px]"
|
|
7439
|
+
}
|
|
7440
|
+
]
|
|
7387
7441
|
});
|
|
7388
7442
|
var stepStyles = tv25({
|
|
7389
7443
|
slots: {
|
|
7390
|
-
step: "flex
|
|
7391
|
-
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center
|
|
7444
|
+
step: "flex relative text-center",
|
|
7445
|
+
indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center"
|
|
7392
7446
|
},
|
|
7393
7447
|
variants: {
|
|
7394
7448
|
state: {
|
|
@@ -7396,6 +7450,16 @@ var stepStyles = tv25({
|
|
|
7396
7450
|
completed: { step: "text-intense" },
|
|
7397
7451
|
inactive: { step: "text-inactive" }
|
|
7398
7452
|
},
|
|
7453
|
+
direction: {
|
|
7454
|
+
vertical: {
|
|
7455
|
+
step: "flex-row items-center pb-8",
|
|
7456
|
+
indicator: "mr-l1"
|
|
7457
|
+
},
|
|
7458
|
+
horizontal: {
|
|
7459
|
+
step: "flex-col items-center",
|
|
7460
|
+
indicator: "mx-2 mb-3"
|
|
7461
|
+
}
|
|
7462
|
+
},
|
|
7399
7463
|
dense: {
|
|
7400
7464
|
true: { indicator: "h-[8px] w-[8px]" },
|
|
7401
7465
|
false: { indicator: "h-[32px] w-[32px]" }
|
|
@@ -7413,7 +7477,7 @@ var stepStyles = tv25({
|
|
|
7413
7477
|
slots: ["indicator"],
|
|
7414
7478
|
dense: false,
|
|
7415
7479
|
state: "inactive",
|
|
7416
|
-
class: "border-2 border-
|
|
7480
|
+
class: "border-2 border-muted"
|
|
7417
7481
|
},
|
|
7418
7482
|
{
|
|
7419
7483
|
slots: ["indicator"],
|
|
@@ -7446,22 +7510,42 @@ var Stepper = ({ className, ...rest }) => /* @__PURE__ */ React46.createElement(
|
|
|
7446
7510
|
var ConnectorContainer = ({
|
|
7447
7511
|
className,
|
|
7448
7512
|
dense = false,
|
|
7513
|
+
direction = "horizontal",
|
|
7449
7514
|
...rest
|
|
7450
7515
|
}) => {
|
|
7451
|
-
const { container: container2 } = connectorStyles({ dense });
|
|
7516
|
+
const { container: container2 } = connectorStyles({ dense, direction });
|
|
7452
7517
|
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: container2({ className }) });
|
|
7453
7518
|
};
|
|
7454
|
-
var Connector = ({
|
|
7455
|
-
|
|
7519
|
+
var Connector = ({
|
|
7520
|
+
children,
|
|
7521
|
+
className,
|
|
7522
|
+
completed = false,
|
|
7523
|
+
dense = false,
|
|
7524
|
+
direction = "horizontal",
|
|
7525
|
+
...rest
|
|
7526
|
+
}) => {
|
|
7527
|
+
const { connector } = connectorStyles({ completed, dense, direction });
|
|
7456
7528
|
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: connector({ className }) });
|
|
7457
7529
|
};
|
|
7458
|
-
var Step = ({
|
|
7459
|
-
|
|
7530
|
+
var Step = ({
|
|
7531
|
+
className,
|
|
7532
|
+
state,
|
|
7533
|
+
direction = "horizontal",
|
|
7534
|
+
...rest
|
|
7535
|
+
}) => {
|
|
7536
|
+
const { step } = stepStyles({ state, direction });
|
|
7460
7537
|
return /* @__PURE__ */ React46.createElement("div", { ...rest, className: step({ className }) });
|
|
7461
7538
|
};
|
|
7462
|
-
var Indicator = ({
|
|
7463
|
-
|
|
7464
|
-
|
|
7539
|
+
var Indicator = ({
|
|
7540
|
+
children,
|
|
7541
|
+
className,
|
|
7542
|
+
state,
|
|
7543
|
+
dense = false,
|
|
7544
|
+
direction = "horizontal",
|
|
7545
|
+
...rest
|
|
7546
|
+
}) => {
|
|
7547
|
+
const { indicator } = stepStyles({ state, dense, direction });
|
|
7548
|
+
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
7549
|
};
|
|
7466
7550
|
Step.Indicator = Indicator;
|
|
7467
7551
|
Stepper.Step = Step;
|
package/dist/charts.cjs
CHANGED
|
@@ -382,7 +382,7 @@ var tokens_default = {
|
|
|
382
382
|
code: {
|
|
383
383
|
background: "rgba(250,250,250,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
|
@@ -242,7 +242,7 @@ var tokens_default = {
|
|
|
242
242
|
code: {
|
|
243
243
|
background: "rgba(250,250,250,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)",
|
|
@@ -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>;
|
|
@@ -15,30 +15,84 @@ import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
|
|
15
15
|
import tick from '../../../src/icons/tick';
|
|
16
16
|
const connectorStyles = tv({
|
|
17
17
|
slots: {
|
|
18
|
-
container: 'absolute
|
|
19
|
-
connector: '
|
|
18
|
+
container: 'absolute',
|
|
19
|
+
connector: '',
|
|
20
20
|
},
|
|
21
21
|
variants: {
|
|
22
22
|
completed: {
|
|
23
23
|
true: { connector: 'bg-success-graphic' },
|
|
24
|
-
false: { connector: 'bg-
|
|
24
|
+
false: { connector: 'bg-muted' },
|
|
25
25
|
},
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
container: '
|
|
29
|
-
connector: 'h-[3px]',
|
|
26
|
+
direction: {
|
|
27
|
+
horizontal: {
|
|
28
|
+
container: 'w-full -left-1/2',
|
|
30
29
|
},
|
|
31
|
-
|
|
32
|
-
container: '
|
|
33
|
-
connector: 'h-[2px]',
|
|
30
|
+
vertical: {
|
|
31
|
+
container: 'h-full -top-2/3',
|
|
34
32
|
},
|
|
35
33
|
},
|
|
34
|
+
dense: {
|
|
35
|
+
true: {},
|
|
36
|
+
false: {},
|
|
37
|
+
},
|
|
36
38
|
},
|
|
39
|
+
compoundSlots: [
|
|
40
|
+
// Horizontal layout - horizontal connectors between side-by-side steps
|
|
41
|
+
{
|
|
42
|
+
slots: ['container'],
|
|
43
|
+
direction: 'horizontal',
|
|
44
|
+
dense: true,
|
|
45
|
+
class: 'top-[3px] px-[14px]',
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
slots: ['container'],
|
|
49
|
+
direction: 'horizontal',
|
|
50
|
+
dense: false,
|
|
51
|
+
class: 'top-[14px] px-[20px]',
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
slots: ['connector'],
|
|
55
|
+
direction: 'horizontal',
|
|
56
|
+
dense: true,
|
|
57
|
+
class: 'w-full h-[3px]',
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
slots: ['connector'],
|
|
61
|
+
direction: 'horizontal',
|
|
62
|
+
dense: false,
|
|
63
|
+
class: 'w-full h-[2px]',
|
|
64
|
+
},
|
|
65
|
+
// Vertical layout - vertical connectors between stacked steps
|
|
66
|
+
{
|
|
67
|
+
slots: ['container'],
|
|
68
|
+
direction: 'vertical',
|
|
69
|
+
dense: true,
|
|
70
|
+
class: 'left-[3px] pt-[4px] pb-[24px]',
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
slots: ['container'],
|
|
74
|
+
direction: 'vertical',
|
|
75
|
+
dense: false,
|
|
76
|
+
class: 'left-[16px] pt-[12px] pb-[30px]',
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
slots: ['connector'],
|
|
80
|
+
direction: 'vertical',
|
|
81
|
+
dense: true,
|
|
82
|
+
class: 'h-full w-[3px]',
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
slots: ['connector'],
|
|
86
|
+
direction: 'vertical',
|
|
87
|
+
dense: false,
|
|
88
|
+
class: 'h-full w-[2px]',
|
|
89
|
+
},
|
|
90
|
+
],
|
|
37
91
|
});
|
|
38
92
|
const stepStyles = tv({
|
|
39
93
|
slots: {
|
|
40
|
-
step: 'flex
|
|
41
|
-
indicator: 'Aquarium-Stepper-Indicator rounded-full flex justify-center items-center
|
|
94
|
+
step: 'flex relative text-center',
|
|
95
|
+
indicator: 'Aquarium-Stepper-Indicator rounded-full flex justify-center items-center',
|
|
42
96
|
},
|
|
43
97
|
variants: {
|
|
44
98
|
state: {
|
|
@@ -46,6 +100,16 @@ const stepStyles = tv({
|
|
|
46
100
|
completed: { step: 'text-intense' },
|
|
47
101
|
inactive: { step: 'text-inactive' },
|
|
48
102
|
},
|
|
103
|
+
direction: {
|
|
104
|
+
vertical: {
|
|
105
|
+
step: 'flex-row items-center pb-8',
|
|
106
|
+
indicator: 'mr-l1',
|
|
107
|
+
},
|
|
108
|
+
horizontal: {
|
|
109
|
+
step: 'flex-col items-center',
|
|
110
|
+
indicator: 'mx-2 mb-3',
|
|
111
|
+
},
|
|
112
|
+
},
|
|
49
113
|
dense: {
|
|
50
114
|
true: { indicator: 'h-[8px] w-[8px]' },
|
|
51
115
|
false: { indicator: 'h-[32px] w-[32px]' },
|
|
@@ -63,7 +127,7 @@ const stepStyles = tv({
|
|
|
63
127
|
slots: ['indicator'],
|
|
64
128
|
dense: false,
|
|
65
129
|
state: 'inactive',
|
|
66
|
-
class: 'border-2 border-
|
|
130
|
+
class: 'border-2 border-muted',
|
|
67
131
|
},
|
|
68
132
|
{
|
|
69
133
|
slots: ['indicator'],
|
|
@@ -97,27 +161,27 @@ export const Stepper = (_a) => {
|
|
|
97
161
|
return React.createElement("div", Object.assign({}, rest, { className: className }));
|
|
98
162
|
};
|
|
99
163
|
const ConnectorContainer = (_a) => {
|
|
100
|
-
var { className, dense = false } = _a, rest = __rest(_a, ["className", "dense"]);
|
|
101
|
-
const { container } = connectorStyles({ dense });
|
|
164
|
+
var { className, dense = false, direction = 'horizontal' } = _a, rest = __rest(_a, ["className", "dense", "direction"]);
|
|
165
|
+
const { container } = connectorStyles({ dense, direction });
|
|
102
166
|
return React.createElement("div", Object.assign({}, rest, { className: container({ className }) }));
|
|
103
167
|
};
|
|
104
168
|
const Connector = (_a) => {
|
|
105
|
-
var { children, className, completed = false, dense = false } = _a, rest = __rest(_a, ["children", "className", "completed", "dense"]);
|
|
106
|
-
const { connector } = connectorStyles({ completed, dense });
|
|
169
|
+
var { children, className, completed = false, dense = false, direction = 'horizontal' } = _a, rest = __rest(_a, ["children", "className", "completed", "dense", "direction"]);
|
|
170
|
+
const { connector } = connectorStyles({ completed, dense, direction });
|
|
107
171
|
return React.createElement("div", Object.assign({}, rest, { className: connector({ className }) }));
|
|
108
172
|
};
|
|
109
173
|
const Step = (_a) => {
|
|
110
|
-
var { className, state } = _a, rest = __rest(_a, ["className", "state"]);
|
|
111
|
-
const { step } = stepStyles({ state });
|
|
174
|
+
var { className, state, direction = 'horizontal' } = _a, rest = __rest(_a, ["className", "state", "direction"]);
|
|
175
|
+
const { step } = stepStyles({ state, direction });
|
|
112
176
|
return React.createElement("div", Object.assign({}, rest, { className: step({ className }) }));
|
|
113
177
|
};
|
|
114
178
|
const Indicator = (_a) => {
|
|
115
|
-
var { children, className, state, dense = false } = _a, rest = __rest(_a, ["children", "className", "state", "dense"]);
|
|
116
|
-
const { indicator } = stepStyles({ state, dense });
|
|
117
|
-
return (React.createElement("div", Object.assign({}, rest, { className: indicator({ className }) }), state === 'completed' ? React.createElement(InlineIcon, { icon: tick }) : dense ? null : children));
|
|
179
|
+
var { children, className, state, dense = false, direction = 'horizontal' } = _a, rest = __rest(_a, ["children", "className", "state", "dense", "direction"]);
|
|
180
|
+
const { indicator } = stepStyles({ state, dense, direction });
|
|
181
|
+
return (React.createElement("div", Object.assign({}, rest, { className: indicator({ className }) }), state === 'completed' ? (React.createElement(InlineIcon, { icon: tick, className: dense ? 'scale-125' : undefined })) : dense ? null : (children)));
|
|
118
182
|
};
|
|
119
183
|
Step.Indicator = Indicator;
|
|
120
184
|
Stepper.Step = Step;
|
|
121
185
|
ConnectorContainer.Connector = Connector;
|
|
122
186
|
Stepper.ConnectorContainer = ConnectorContainer;
|
|
123
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
187
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9TdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFXbEMsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQ3pCLEtBQUssRUFBRTtRQUNMLFNBQVMsRUFBRSxVQUFVO1FBQ3JCLFNBQVMsRUFBRSxFQUFFO0tBQ2Q7SUFDRCxRQUFRLEVBQUU7UUFDUixTQUFTLEVBQUU7WUFDVCxJQUFJLEVBQUUsRUFBRSxTQUFTLEVBQUUsb0JBQW9CLEVBQUU7WUFDekMsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRTtTQUNqQztRQUNELFNBQVMsRUFBRTtZQUNULFVBQVUsRUFBRTtnQkFDVixTQUFTLEVBQUUsa0JBQWtCO2FBQzlCO1lBQ0QsUUFBUSxFQUFFO2dCQUNSLFNBQVMsRUFBRSxpQkFBaUI7YUFDN0I7U0FDRjtRQUNELEtBQUssRUFBRTtZQUNMLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGO0lBQ0QsYUFBYSxFQUFFO1FBQ2IsdUVBQXVFO1FBQ3ZFO1lBQ0UsS0FBSyxFQUFFLENBQUMsV0FBVyxDQUFDO1lBQ3BCLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLEtBQUssRUFBRSxJQUFJO1lBQ1gsS0FBSyxFQUFFLHFCQUFxQjtTQUM3QjtRQUNEO1lBQ0UsS0FBSyxFQUFFLENBQUMsV0FBVyxDQUFDO1lBQ3BCLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLEtBQUssRUFBRSxLQUFLO1lBQ1osS0FBSyxFQUFFLHNC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
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
const data = {
|
|
2
|
+
"body": "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"m8.417 10.333 1.833 1.833 4.125-4.124M11.16 4.958C9.328 2.815 6.271 2.238 3.975 4.2c-2.296 1.962-2.62 5.242-.816 7.563 1.362 1.752 5.231 5.27 7.043 6.888.333.297.5.446.695.504.17.051.357.051.527 0 .195-.058.361-.207.694-.504 1.812-1.617 5.682-5.136 7.044-6.888 1.803-2.32 1.52-5.622-.816-7.563-2.336-1.942-5.353-1.386-7.186.757Z\"/>",
|
|
3
|
+
"left": 0,
|
|
4
|
+
"top": 0,
|
|
5
|
+
"width": 22,
|
|
6
|
+
"height": 22
|
|
7
|
+
};
|
|
8
|
+
export default data;
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhbHRoSGlwYWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaWNvbnMvaGVhbHRoSGlwYWEuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxJQUFJLEdBQUc7SUFDWixNQUFNLEVBQUUsc2NBQXNjO0lBQzljLE1BQU0sRUFBRSxDQUFDO0lBQ1QsS0FBSyxFQUFFLENBQUM7SUFDUixPQUFPLEVBQUUsRUFBRTtJQUNYLFFBQVEsRUFBRSxFQUFFO0NBQ1osQ0FBQztBQUNGLGVBQWUsSUFBSSxDQUFDIn0=
|
|
@@ -137,6 +137,7 @@ export { default as googleLogo } from "./googleLogo";
|
|
|
137
137
|
export { default as governance } from "./governance";
|
|
138
138
|
export { default as grid } from "./grid";
|
|
139
139
|
export { default as groupedBarChart } from "./groupedBarChart";
|
|
140
|
+
export { default as healthHipaa } from "./healthHipaa";
|
|
140
141
|
export { default as heart } from "./heart";
|
|
141
142
|
export { default as help } from "./help";
|
|
142
143
|
export { default as history } from "./history";
|
|
@@ -194,6 +195,7 @@ export { default as packageSearch } from "./packageSearch";
|
|
|
194
195
|
export { default as package } from "./package";
|
|
195
196
|
export { default as paperclip } from "./paperclip";
|
|
196
197
|
export { default as pause } from "./pause";
|
|
198
|
+
export { default as pciDss } from "./pciDss";
|
|
197
199
|
export { default as people } from "./people";
|
|
198
200
|
export { default as performance } from "./performance";
|
|
199
201
|
export { default as person } from "./person";
|