@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.
Files changed (34) hide show
  1. package/dist/_variables.scss +2 -2
  2. package/dist/atoms.cjs +119 -34
  3. package/dist/atoms.mjs +120 -35
  4. package/dist/charts.cjs +2 -2
  5. package/dist/charts.mjs +2 -2
  6. package/dist/src/atoms/Modal/Modal.d.ts +1 -0
  7. package/dist/src/atoms/Modal/Modal.js +3 -3
  8. package/dist/src/atoms/Stepper/Stepper.d.ts +4 -0
  9. package/dist/src/atoms/Stepper/Stepper.js +87 -23
  10. package/dist/src/icons/healthHipaa.d.ts +8 -0
  11. package/dist/src/icons/healthHipaa.js +9 -0
  12. package/dist/src/icons/index.d.ts +2 -0
  13. package/dist/src/icons/index.js +3 -1
  14. package/dist/src/icons/pciDss.d.ts +8 -0
  15. package/dist/src/icons/pciDss.js +9 -0
  16. package/dist/src/molecules/DataList/DataList.js +32 -15
  17. package/dist/src/molecules/DataList/DataListGroup.d.ts +2 -1
  18. package/dist/src/molecules/DataList/DataListGroup.js +15 -14
  19. package/dist/src/molecules/Dialog/Dialog.d.ts +1 -1
  20. package/dist/src/molecules/Dialog/Dialog.js +6 -6
  21. package/dist/src/molecules/Stepper/Stepper.d.ts +4 -0
  22. package/dist/src/molecules/Stepper/Stepper.js +7 -7
  23. package/dist/src/molecules/Tooltip/Tooltip.js +22 -4
  24. package/dist/src/tokens/tokens.json +2 -2
  25. package/dist/src/utils/table/types.d.ts +7 -0
  26. package/dist/src/utils/table/types.js +1 -1
  27. package/dist/styles.css +49 -3
  28. package/dist/system.cjs +231 -112
  29. package/dist/system.mjs +196 -77
  30. package/dist/tokens.json +2 -2
  31. package/dist/tsconfig.module.tsbuildinfo +1 -1
  32. package/package.json +1 -1
  33. package/dist/src/molecules/DataList/utils.d.ts +0 -2
  34. package/dist/src/molecules/DataList/utils.js +0 -3
@@ -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(123,45,139,1); // Code block variable and identifiers
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(250,250,250,1)",
911
+ background: "rgba(255,255,255,1)",
903
912
  text: "rgba(45,46,48,1)",
904
- variable: "rgba(123,45,139,1)",
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 w-full -left-1/2",
7445
- connector: "w-full"
7445
+ container: "absolute",
7446
+ connector: ""
7446
7447
  },
7447
7448
  variants: {
7448
7449
  completed: {
7449
7450
  true: { connector: "bg-success-graphic" },
7450
- false: { connector: "bg-intense" }
7451
+ false: { connector: "bg-muted" }
7451
7452
  },
7452
- dense: {
7453
- true: {
7454
- container: "top-[3px] px-[14px]",
7455
- connector: "h-[3px]"
7453
+ direction: {
7454
+ horizontal: {
7455
+ container: "w-full -left-1/2"
7456
7456
  },
7457
- false: {
7458
- container: "top-[14px] px-[20px]",
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 flex-col items-center relative text-center",
7467
- indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center mx-2 mb-3"
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-default"
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 = ({ children, className, completed = false, dense = false, ...rest }) => {
7531
- const { connector } = connectorStyles({ completed, dense });
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 = ({ className, state, ...rest }) => {
7535
- const { step } = stepStyles({ state });
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 = ({ children, className, state, dense = false, ...rest }) => {
7539
- const { indicator } = stepStyles({ state, dense });
7540
- return /* @__PURE__ */ import_react52.default.createElement("div", { ...rest, className: indicator({ className }) }, state === "completed" ? /* @__PURE__ */ import_react52.default.createElement(InlineIcon2, { icon: tick_default }) : dense ? null : children);
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(250,250,250,1)",
819
+ background: "rgba(255,255,255,1)",
811
820
  text: "rgba(45,46,48,1)",
812
- variable: "rgba(123,45,139,1)",
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 w-full -left-1/2",
7369
- connector: "w-full"
7369
+ container: "absolute",
7370
+ connector: ""
7370
7371
  },
7371
7372
  variants: {
7372
7373
  completed: {
7373
7374
  true: { connector: "bg-success-graphic" },
7374
- false: { connector: "bg-intense" }
7375
+ false: { connector: "bg-muted" }
7375
7376
  },
7376
- dense: {
7377
- true: {
7378
- container: "top-[3px] px-[14px]",
7379
- connector: "h-[3px]"
7377
+ direction: {
7378
+ horizontal: {
7379
+ container: "w-full -left-1/2"
7380
7380
  },
7381
- false: {
7382
- container: "top-[14px] px-[20px]",
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 flex-col items-center relative text-center",
7391
- indicator: "Aquarium-Stepper-Indicator rounded-full flex justify-center items-center mx-2 mb-3"
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-default"
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 = ({ children, className, completed = false, dense = false, ...rest }) => {
7455
- const { connector } = connectorStyles({ completed, dense });
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 = ({ className, state, ...rest }) => {
7459
- const { step } = stepStyles({ state });
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 = ({ children, className, state, dense = false, ...rest }) => {
7463
- const { indicator } = stepStyles({ state, dense });
7464
- return /* @__PURE__ */ React46.createElement("div", { ...rest, className: indicator({ className }) }, state === "completed" ? /* @__PURE__ */ React46.createElement(InlineIcon2, { icon: tick_default }) : dense ? null : children);
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(250,250,250,1)",
383
+ background: "rgba(255,255,255,1)",
384
384
  text: "rgba(45,46,48,1)",
385
- variable: "rgba(123,45,139,1)",
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(250,250,250,1)",
243
+ background: "rgba(255,255,255,1)",
244
244
  text: "rgba(45,46,48,1)",
245
- variable: "rgba(123,45,139,1)",
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)",
@@ -33,6 +33,7 @@ type ComposedModalProps = {
33
33
  noFooter?: boolean;
34
34
  maxHeight?: number;
35
35
  size?: ModalSize;
36
+ contentClassName?: string;
36
37
  }>;
37
38
  Footer: React.FC<DivProps>;
38
39
  Actions: React.FC<DivProps>;
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQXdDeEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsdUNBQXVDO1FBQ2hELFFBQVEsRUFBRSwrQ0FBK0M7UUFDekQsTUFBTSxFQUFFLDhEQUE4RDtRQUN0RSxNQUFNLEVBQUUsa0RBQWtEO1FBQzFELFdBQVcsRUFBRSxnQ0FBZ0M7UUFDN0MsY0FBYyxFQUFFLG9CQUFvQjtRQUNwQyxLQUFLLEVBQUUsRUFBRTtRQUNULFFBQVEsRUFBRSxlQUFlO1FBQ3pCLG9CQUFvQixFQUFFLGtDQUFrQztRQUN4RCxJQUFJLEVBQUUsOERBQThEO1FBQ3BFLFdBQVcsRUFBRSxXQUFXO1FBQ3hCLE1BQU0sRUFBRSxnQkFBZ0I7UUFDeEIsT0FBTyxFQUFFLHdCQUF3QjtLQUNsQztJQUNELFFBQVEsRUFBRTtRQUNSLElBQUksRUFBRTtZQUNKLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsa0NBQWtDO2dCQUMzQyxNQUFNLEVBQUUsVUFBVTthQUNuQjtZQUNELE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsbUJBQW1CO2dCQUM1QixNQUFNLEVBQUUsaUJBQWlCO2dCQUN6QixLQUFLLEVBQUUsbURBQW1EO2FBQzNEO1NBQ0Y7UUFDRCxJQUFJLEVBQUU7WUFDSixFQUFFLEVBQUUsRUFBRTtZQUNOLEVBQUUsRUFBRSxFQUFFO1lB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
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>;