@aivenio/aquarium 5.1.0 → 5.3.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 (36) hide show
  1. package/dist/_variables.scss +12 -0
  2. package/dist/atoms.cjs +61 -37
  3. package/dist/atoms.mjs +61 -37
  4. package/dist/charts.cjs +12 -0
  5. package/dist/charts.mjs +12 -0
  6. package/dist/src/atoms/Checkbox/Checkbox.js +1 -1
  7. package/dist/src/atoms/DatePicker/Calendar.js +3 -3
  8. package/dist/src/atoms/DatePicker/RangeCalendar.js +7 -7
  9. package/dist/src/atoms/DropdownMenu/DropdownMenu.js +2 -2
  10. package/dist/src/atoms/Filter/Filter.js +2 -2
  11. package/dist/src/atoms/Modal/Modal.js +2 -2
  12. package/dist/src/atoms/Navigation/Navigation.js +3 -3
  13. package/dist/src/atoms/ProgressBar/ProgressBar.js +4 -4
  14. package/dist/src/atoms/RadioButton/RadioButton.js +1 -1
  15. package/dist/src/atoms/Select/Select.js +3 -3
  16. package/dist/src/atoms/Skeleton/Skeleton.js +2 -2
  17. package/dist/src/atoms/Stepper/Stepper.js +2 -2
  18. package/dist/src/atoms/Switch/Switch.js +4 -4
  19. package/dist/src/atoms/Timeline/Timeline.js +2 -2
  20. package/dist/src/atoms/Toast/Toast.js +4 -4
  21. package/dist/src/atoms/utils/index.js +2 -2
  22. package/dist/src/molecules/Badge/Badge.js +1 -1
  23. package/dist/src/molecules/Chip/Chip.js +2 -2
  24. package/dist/src/molecules/ListItem/ListItem.js +2 -2
  25. package/dist/src/molecules/MultiInput/InputChip.js +2 -2
  26. package/dist/src/molecules/NativeSelect/NativeSelect.js +2 -2
  27. package/dist/src/molecules/TagLabel/TagLabel.js +4 -4
  28. package/dist/src/tokens/tokens.json +12 -0
  29. package/dist/src/utils/constants.js +2 -2
  30. package/dist/styles.css +135 -64
  31. package/dist/system.cjs +65 -41
  32. package/dist/system.mjs +65 -41
  33. package/dist/tailwind.theme.json +12 -0
  34. package/dist/tokens.json +12 -0
  35. package/dist/tsconfig.module.tsbuildinfo +1 -1
  36. package/package.json +1 -1
package/dist/atoms.mjs CHANGED
@@ -4834,7 +4834,7 @@ var import_warningSign = __toESM(require_warningSign());
4834
4834
  import { clsx } from "clsx";
4835
4835
  import { tv } from "tailwind-variants";
4836
4836
  var getCommonInputStyles = ({ readOnly, valid }) => clsx(
4837
- "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
4837
+ "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-medium typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
4838
4838
  {
4839
4839
  "px-3 py-3 bg-transparent": !readOnly,
4840
4840
  "border-none resize-none cursor-default bg-transparent": readOnly,
@@ -5064,11 +5064,14 @@ var tokens_default = {
5064
5064
  "popover-content": "white",
5065
5065
  muted: "rgba(247,247,250,1)",
5066
5066
  default: "rgba(237,237,240,1)",
5067
+ medium: "rgba(237,237,240,1)",
5067
5068
  intense: "rgba(210,210,214,1)",
5068
5069
  primary: {
5069
5070
  muted: "rgba(185,197,239,1)",
5070
5071
  default: "rgba(53,69,190,1)",
5072
+ graphic: "rgba(53,69,190,1)",
5071
5073
  intense: "rgba(34,47,149,1)",
5074
+ inverse: "rgba(34,47,149,1)",
5072
5075
  active: "rgba(243,246,255,1)",
5073
5076
  hover: "rgba(243,246,255,1)"
5074
5077
  },
@@ -5083,18 +5086,21 @@ var tokens_default = {
5083
5086
  info: {
5084
5087
  muted: "rgba(224,245,254,1)",
5085
5088
  default: "rgba(3,153,227,1)",
5089
+ graphic: "rgba(3,153,227,1)",
5086
5090
  intense: "rgba(1,116,186,1)",
5087
5091
  inverse: "rgba(3,153,227,1)"
5088
5092
  },
5089
5093
  success: {
5090
5094
  muted: "rgba(236,247,237,1)",
5091
5095
  default: "rgba(0,179,0,1)",
5096
+ graphic: "rgba(0,179,0,1)",
5092
5097
  intense: "rgba(0,142,0,1)",
5093
5098
  inverse: "rgba(0,179,0,1)"
5094
5099
  },
5095
5100
  warning: {
5096
5101
  muted: "rgba(255,248,234,1)",
5097
5102
  default: "rgba(255,179,0,1)",
5103
+ graphic: "rgba(255,179,0,1)",
5098
5104
  intense: "rgba(255,144,3,1)",
5099
5105
  inverse: "rgba(255,179,0,1)"
5100
5106
  },
@@ -5102,6 +5108,7 @@ var tokens_default = {
5102
5108
  muted: "rgba(255,203,210,1)",
5103
5109
  default: "rgba(255,173,179,1)",
5104
5110
  intense: "rgba(230,39,40,1)",
5111
+ graphic: "rgba(230,39,40,1)",
5105
5112
  inverse: "rgba(216,0,5,1)"
5106
5113
  },
5107
5114
  status: {
@@ -5325,30 +5332,35 @@ var tokens_default = {
5325
5332
  inactive: "rgba(185,197,239,1)",
5326
5333
  active: "rgba(34,47,149,1)",
5327
5334
  muted: "rgba(129,142,236,1)",
5335
+ graphic: "rgba(129,142,236,1)",
5328
5336
  default: "rgba(88,101,205,1)",
5329
5337
  intense: "rgba(53,69,190,1)"
5330
5338
  },
5331
5339
  info: {
5332
5340
  inactive: "rgba(180,229,251,1)",
5333
5341
  muted: "rgba(76,194,247,1)",
5342
+ graphic: "rgba(76,194,247,1)",
5334
5343
  default: "rgba(3,153,227,1)",
5335
5344
  intense: "rgba(1,116,186,1)"
5336
5345
  },
5337
5346
  success: {
5338
5347
  inactive: "rgba(203,255,201,1)",
5339
5348
  muted: "rgba(137,235,128,1)",
5349
+ graphic: "rgba(137,235,128,1)",
5340
5350
  default: "rgba(0,179,0,1)",
5341
5351
  intense: "rgba(0,142,0,1)"
5342
5352
  },
5343
5353
  warning: {
5344
5354
  inactive: "rgba(254,235,178,1)",
5345
5355
  muted: "rgba(253,212,77,1)",
5356
+ graphic: "rgba(253,212,77,1)",
5346
5357
  default: "rgba(253,159,0,1)",
5347
5358
  intense: "rgba(254,109,0,1)"
5348
5359
  },
5349
5360
  danger: {
5350
5361
  inactive: "rgba(255,203,210,1)",
5351
5362
  muted: "rgba(255,173,179,1)",
5363
+ graphic: "rgba(255,173,179,1)",
5352
5364
  default: "rgba(230,39,40,1)",
5353
5365
  intense: "rgba(197,0,1,1)"
5354
5366
  }
@@ -5973,6 +5985,7 @@ var tailwind_theme_default = {
5973
5985
  "100": "var(--aquarium-colors-warning-100)",
5974
5986
  muted: "var(--aquarium-background-color-warning-muted)",
5975
5987
  default: "var(--aquarium-background-color-warning-default)",
5988
+ graphic: "var(--aquarium-background-color-warning-graphic)",
5976
5989
  intense: "var(--aquarium-background-color-warning-intense)",
5977
5990
  inverse: "var(--aquarium-background-color-warning-inverse)"
5978
5991
  },
@@ -5991,6 +6004,7 @@ var tailwind_theme_default = {
5991
6004
  "100": "var(--aquarium-colors-success-100)",
5992
6005
  muted: "var(--aquarium-background-color-success-muted)",
5993
6006
  default: "var(--aquarium-background-color-success-default)",
6007
+ graphic: "var(--aquarium-background-color-success-graphic)",
5994
6008
  intense: "var(--aquarium-background-color-success-intense)",
5995
6009
  inverse: "var(--aquarium-background-color-success-inverse)"
5996
6010
  },
@@ -6009,6 +6023,7 @@ var tailwind_theme_default = {
6009
6023
  "100": "var(--aquarium-colors-info-100)",
6010
6024
  muted: "var(--aquarium-background-color-info-muted)",
6011
6025
  default: "var(--aquarium-background-color-info-default)",
6026
+ graphic: "var(--aquarium-background-color-info-graphic)",
6012
6027
  intense: "var(--aquarium-background-color-info-intense)",
6013
6028
  inverse: "var(--aquarium-background-color-info-inverse)"
6014
6029
  },
@@ -6055,7 +6070,9 @@ var tailwind_theme_default = {
6055
6070
  "100": "var(--aquarium-colors-primary-100)",
6056
6071
  muted: "var(--aquarium-background-color-primary-muted)",
6057
6072
  default: "var(--aquarium-background-color-primary-default)",
6073
+ graphic: "var(--aquarium-background-color-primary-graphic)",
6058
6074
  intense: "var(--aquarium-background-color-primary-intense)",
6075
+ inverse: "var(--aquarium-background-color-primary-inverse)",
6059
6076
  active: "var(--aquarium-background-color-primary-active)",
6060
6077
  hover: "var(--aquarium-background-color-primary-hover)"
6061
6078
  },
@@ -6067,6 +6084,7 @@ var tailwind_theme_default = {
6067
6084
  "popover-content": "var(--aquarium-background-color-popover-content)",
6068
6085
  muted: "var(--aquarium-background-color-muted)",
6069
6086
  default: "var(--aquarium-background-color-default)",
6087
+ medium: "var(--aquarium-background-color-medium)",
6070
6088
  intense: "var(--aquarium-background-color-intense)",
6071
6089
  action: {
6072
6090
  "primary-button": {
@@ -6080,6 +6098,7 @@ var tailwind_theme_default = {
6080
6098
  muted: "var(--aquarium-background-color-danger-muted)",
6081
6099
  default: "var(--aquarium-background-color-danger-default)",
6082
6100
  intense: "var(--aquarium-background-color-danger-intense)",
6101
+ graphic: "var(--aquarium-background-color-danger-graphic)",
6083
6102
  inverse: "var(--aquarium-background-color-danger-inverse)"
6084
6103
  },
6085
6104
  status: {
@@ -6127,6 +6146,7 @@ var tailwind_theme_default = {
6127
6146
  "100": "var(--aquarium-colors-warning-100)",
6128
6147
  inactive: "var(--aquarium-text-color-warning-inactive)",
6129
6148
  muted: "var(--aquarium-text-color-warning-muted)",
6149
+ graphic: "var(--aquarium-text-color-warning-graphic)",
6130
6150
  default: "var(--aquarium-text-color-warning-default)",
6131
6151
  intense: "var(--aquarium-text-color-warning-intense)"
6132
6152
  },
@@ -6145,6 +6165,7 @@ var tailwind_theme_default = {
6145
6165
  "100": "var(--aquarium-colors-success-100)",
6146
6166
  inactive: "var(--aquarium-text-color-success-inactive)",
6147
6167
  muted: "var(--aquarium-text-color-success-muted)",
6168
+ graphic: "var(--aquarium-text-color-success-graphic)",
6148
6169
  default: "var(--aquarium-text-color-success-default)",
6149
6170
  intense: "var(--aquarium-text-color-success-intense)"
6150
6171
  },
@@ -6163,6 +6184,7 @@ var tailwind_theme_default = {
6163
6184
  "100": "var(--aquarium-colors-info-100)",
6164
6185
  inactive: "var(--aquarium-text-color-info-inactive)",
6165
6186
  muted: "var(--aquarium-text-color-info-muted)",
6187
+ graphic: "var(--aquarium-text-color-info-graphic)",
6166
6188
  default: "var(--aquarium-text-color-info-default)",
6167
6189
  intense: "var(--aquarium-text-color-info-intense)"
6168
6190
  },
@@ -6210,6 +6232,7 @@ var tailwind_theme_default = {
6210
6232
  inactive: "var(--aquarium-text-color-primary-inactive)",
6211
6233
  active: "var(--aquarium-text-color-primary-active)",
6212
6234
  muted: "var(--aquarium-text-color-primary-muted)",
6235
+ graphic: "var(--aquarium-text-color-primary-graphic)",
6213
6236
  default: "var(--aquarium-text-color-primary-default)",
6214
6237
  intense: "var(--aquarium-text-color-primary-intense)"
6215
6238
  },
@@ -6221,6 +6244,7 @@ var tailwind_theme_default = {
6221
6244
  danger: {
6222
6245
  inactive: "var(--aquarium-text-color-danger-inactive)",
6223
6246
  muted: "var(--aquarium-text-color-danger-muted)",
6247
+ graphic: "var(--aquarium-text-color-danger-graphic)",
6224
6248
  default: "var(--aquarium-text-color-danger-default)",
6225
6249
  intense: "var(--aquarium-text-color-danger-intense)"
6226
6250
  }
@@ -6778,11 +6802,11 @@ var toastStyles = tv3({
6778
6802
  default: {
6779
6803
  base: "bg-inverse text-opposite-default",
6780
6804
  dismiss: "[&>button]:text-muted",
6781
- action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted"
6805
+ action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-graphic"
6782
6806
  },
6783
6807
  danger: {
6784
- base: "bg-danger-intense text-white",
6785
- dismiss: "[&>button]:text-danger-muted",
6808
+ base: "bg-danger-graphic text-white",
6809
+ dismiss: "[&>button]:text-danger-graphic",
6786
6810
  action: "[&>*]:text-white hover:[&>*]:text-white"
6787
6811
  }
6788
6812
  },
@@ -6844,7 +6868,7 @@ var inputContainerClasses = tv4({
6844
6868
  variants: {
6845
6869
  variant: {
6846
6870
  default: "border px-3 py-[6px] border-default hover:border-intense bg-transparent",
6847
- disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-default",
6871
+ disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
6848
6872
  error: "border px-3 py-[6px] border-danger-default bg-transparent",
6849
6873
  focused: "border px-3 py-[6px] border-info-default bg-transparent",
6850
6874
  readOnly: "cursor-default border-default bg-transparent"
@@ -6852,7 +6876,7 @@ var inputContainerClasses = tv4({
6852
6876
  }
6853
6877
  });
6854
6878
  var inputClasses = tv4({
6855
- base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-default placeholder:text-inactive",
6879
+ base: "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-medium placeholder:text-inactive",
6856
6880
  variants: {
6857
6881
  disabled: {
6858
6882
  true: "text-inactive",
@@ -7340,7 +7364,7 @@ import React19 from "react";
7340
7364
  import { isNumber, isUndefined as isUndefined5 } from "lodash-es";
7341
7365
  import { tv as tv6 } from "tailwind-variants";
7342
7366
  var skeletonStyles = tv6({
7343
- base: "bg-default",
7367
+ base: "bg-medium",
7344
7368
  variants: {
7345
7369
  hasHeight: {
7346
7370
  false: "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]"
@@ -7437,7 +7461,7 @@ var createBadge = (type, displayName) => {
7437
7461
  return Component;
7438
7462
  };
7439
7463
  var NotificationBadge = ({ children, top = "-2px", right = "-2px", ...props }) => {
7440
- return /* @__PURE__ */ React21.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ React21.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-intense" }));
7464
+ return /* @__PURE__ */ React21.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ React21.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-graphic" }));
7441
7465
  };
7442
7466
  var DotBadge = ({ dense = false, ...props }) => {
7443
7467
  return /* @__PURE__ */ React21.createElement(
@@ -7643,7 +7667,7 @@ var getStatusClassNames = (status = "neutral") => {
7643
7667
  return "text-success-intense bg-status-success";
7644
7668
  case "neutral":
7645
7669
  default:
7646
- return "text-default bg-default";
7670
+ return "text-default bg-medium";
7647
7671
  }
7648
7672
  };
7649
7673
  var Chip2 = ({
@@ -7984,7 +8008,7 @@ var checkboxClasses = tv10({
7984
8008
  },
7985
8009
  false: {
7986
8010
  wrapper: "hover:border-intense peer-checked:border-primary-default",
7987
- input: "cursor-pointer checked:bg-primary-default",
8011
+ input: "cursor-pointer checked:bg-primary-graphic",
7988
8012
  icon: "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default"
7989
8013
  }
7990
8014
  }
@@ -8013,7 +8037,7 @@ var Checkbox = React29.forwardRef(
8013
8037
  import React30 from "react";
8014
8038
  import { tv as tv11 } from "tailwind-variants";
8015
8039
  var radioButtonClasses = tv11({
8016
- base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-info-default checked:bg-primary-default checked:shadow-bodyInset",
8040
+ base: "inline-flex justify-center items-center self-center appearance-none w-5 h-5 p-[3px] rounded-full border border-default outline-none focus:border-info-default checked:bg-primary-graphic checked:shadow-bodyInset",
8017
8041
  variants: {
8018
8042
  disabled: {
8019
8043
  true: "cursor-not-allowed border-muted bg-muted checked:bg-primary-muted checked:border-transparent",
@@ -10479,7 +10503,7 @@ var dropdownMenuGroupStyles = tv16({
10479
10503
  slots: {
10480
10504
  base: [
10481
10505
  '[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
10482
- "[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-default [&:not(:first-child)]:before:m-3"
10506
+ "[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-medium [&:not(:first-child)]:before:m-3"
10483
10507
  ],
10484
10508
  title: "p-3 text-inactive uppercase cursor-default typography-caption"
10485
10509
  }
@@ -10589,7 +10613,7 @@ var fieldBorder = tv17({
10589
10613
  true: "border-danger-default"
10590
10614
  },
10591
10615
  isDisabled: {
10592
- true: "bg-default cursor-not-allowed text-inactive"
10616
+ true: "bg-medium cursor-not-allowed text-inactive"
10593
10617
  }
10594
10618
  }
10595
10619
  });
@@ -11703,8 +11727,8 @@ var cellStyles = tv20({
11703
11727
  base: "w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden",
11704
11728
  variants: {
11705
11729
  isSelected: {
11706
- false: "text-default hover:bg-default pressed:bg-intense",
11707
- true: "bg-primary-default invalid:bg-danger-default text-white"
11730
+ false: "text-default hover:bg-medium pressed:bg-intense",
11731
+ true: "bg-primary-graphic invalid:bg-danger-default text-white"
11708
11732
  },
11709
11733
  isUnavailable: {
11710
11734
  true: "text-inactive"
@@ -14404,7 +14428,7 @@ import { tv as tv22 } from "tailwind-variants";
14404
14428
  var cellContainer = tv22({
14405
14429
  base: [
14406
14430
  "group w-8 h-8 typography-small outline outline-0 cursor-default",
14407
- "outside-month:hidden selected:bg-primary-default",
14431
+ "outside-month:hidden selected:bg-primary-graphic",
14408
14432
  "invalid:selected:bg-danger-default",
14409
14433
  "selection-start:rounded-s-md selection-end:rounded-e-md"
14410
14434
  ]
@@ -14414,15 +14438,15 @@ var cell = tv22({
14414
14438
  base: "w-full h-full flex items-center justify-center rounded-md text-default",
14415
14439
  variants: {
14416
14440
  selectionState: {
14417
- none: "group-hover:bg-default group-pressed:bg-intense",
14441
+ none: "group-hover:bg-medium group-pressed:bg-intense",
14418
14442
  middle: [
14419
14443
  "text-white",
14420
- "group-hover:bg-primary-default",
14444
+ "group-hover:bg-primary-graphic",
14421
14445
  "group-invalid:group-hover:bg-danger-default",
14422
- "group-pressed:bg-primary-intense",
14423
- "group-invalid:group-pressed:bg-danger-intense"
14446
+ "group-pressed:bg-primary-inverse",
14447
+ "group-invalid:group-pressed:bg-danger-graphic"
14424
14448
  ],
14425
- cap: "text-white bg-primary-default group-invalid:bg-danger-default"
14449
+ cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
14426
14450
  },
14427
14451
  isUnavailable: {
14428
14452
  true: "text-inactive"
@@ -14630,7 +14654,7 @@ var modalStyles = tv23({
14630
14654
  headerImage: "object-cover"
14631
14655
  },
14632
14656
  false: {
14633
- headerImage: "bg-default"
14657
+ headerImage: "bg-medium"
14634
14658
  }
14635
14659
  }
14636
14660
  },
@@ -15286,7 +15310,7 @@ var FilterClearButton = ({ onClear }) => (
15286
15310
  }
15287
15311
  onClear();
15288
15312
  },
15289
- className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-default focus:bg-default outline-0 outline-none rounded-r-full"
15313
+ className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-medium focus:bg-medium outline-0 outline-none rounded-r-full"
15290
15314
  },
15291
15315
  /* @__PURE__ */ React92.createElement(InlineIcon2, { icon: import_cross6.default })
15292
15316
  )
@@ -15344,7 +15368,7 @@ var InputChip = React97.forwardRef(
15344
15368
  {
15345
15369
  "bg-status-danger": invalid,
15346
15370
  "bg-muted": !invalid && !disabled,
15347
- "bg-default": disabled
15371
+ "bg-medium": disabled
15348
15372
  }
15349
15373
  )
15350
15374
  },
@@ -15842,7 +15866,7 @@ var NativeSelectBase = React100.forwardRef(
15842
15866
  className: clsx36(
15843
15867
  "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
15844
15868
  {
15845
- "px-3 py-3 bg-transparent disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
15869
+ "px-3 py-3 bg-transparent disabled:border-default disabled:bg-medium disabled:text-inactive": !readOnly,
15846
15870
  "px-0 py-3 border-none bg-transparent": readOnly,
15847
15871
  "border border-danger-default": !valid && !readOnly,
15848
15872
  "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
@@ -15921,9 +15945,9 @@ var navigationClasses = tv25({
15921
15945
  sectionList: "flex flex-col",
15922
15946
  divider: "border-t-2 border-muted",
15923
15947
  itemContainer: "",
15924
- itemAnchor: "py-3 px-6 hover:bg-default cursor-pointer flex gap-4 items-center typography-small focusable",
15948
+ itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-small focusable",
15925
15949
  submenuContainer: "",
15926
- submenuAnchor: "py-3 pr-6 pl-3 hover:bg-default cursor-pointer typography-small focusable flex items-center w-full",
15950
+ submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-small focusable flex items-center w-full",
15927
15951
  submenuList: "flex flex-col",
15928
15952
  submenuItem: "pl-[56px]"
15929
15953
  },
@@ -16164,10 +16188,10 @@ var progressBarIndicatorClasses = tv27({
16164
16188
  base: "h-2 rounded-full transition-all ease-in-out delay-150",
16165
16189
  variants: {
16166
16190
  status: {
16167
- info: "bg-info-default",
16168
- warning: "bg-warning-default",
16169
- success: "bg-success-default",
16170
- error: "bg-danger-intense"
16191
+ info: "bg-info-graphic",
16192
+ warning: "bg-warning-graphic",
16193
+ success: "bg-success-graphic",
16194
+ error: "bg-danger-graphic"
16171
16195
  }
16172
16196
  }
16173
16197
  });
@@ -16331,15 +16355,15 @@ var switchStyles = tv28({
16331
16355
  slots: {
16332
16356
  wrapper: "relative inline-flex justify-center items-center self-center group",
16333
16357
  input: "appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300 outline-none focusable cursor-pointer disabled:cursor-not-allowed",
16334
- thumb: "pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5 bg-white left-2 peer-checked/switch:left-1 text-inactive peer-checked/switch:text-primary-muted"
16358
+ thumb: "pointer-events-none rounded-full absolute inline-flex justify-center items-center transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5 bg-white left-2 peer-checked/switch:left-1 text-inactive peer-checked/switch:text-primary-graphic"
16335
16359
  },
16336
16360
  variants: {
16337
16361
  disabled: {
16338
16362
  true: {
16339
- input: "bg-default checked:opacity-50 checked:bg-primary-muted"
16363
+ input: "bg-medium checked:opacity-50 checked:bg-primary-muted"
16340
16364
  },
16341
16365
  false: {
16342
- input: "bg-intense hover:bg-intense checked:bg-primary-default hover:checked:bg-primary-intense",
16366
+ input: "bg-intense hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
16343
16367
  thumb: "shadow-4dp"
16344
16368
  }
16345
16369
  }
@@ -16479,7 +16503,7 @@ var connectorStyles = tv30({
16479
16503
  },
16480
16504
  variants: {
16481
16505
  completed: {
16482
- true: { connector: "bg-success-default" },
16506
+ true: { connector: "bg-success-graphic" },
16483
16507
  false: { connector: "bg-intense" }
16484
16508
  },
16485
16509
  dense: {
@@ -16528,7 +16552,7 @@ var stepStyles = tv30({
16528
16552
  slots: ["indicator"],
16529
16553
  dense: false,
16530
16554
  state: "completed",
16531
- class: "border-2 text-white bg-success-default border-success-intense"
16555
+ class: "border-2 text-white bg-success-graphic border-success-intense"
16532
16556
  },
16533
16557
  // Dense variants
16534
16558
  {
@@ -16711,7 +16735,7 @@ var Timeline = ({ className, ...rest }) => /* @__PURE__ */ React121.createElemen
16711
16735
  var Content2 = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("pb-6", className) });
16712
16736
  var Separator = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex items-center justify-center h-5 w-5", className) });
16713
16737
  var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex justify-center py-1", className) });
16714
- var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-default h-full justify-self-center", className) });
16738
+ var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-medium h-full justify-self-center", className) });
16715
16739
  var Dot = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("bg-intense h-[6px] w-[6px] rounded", className) });
16716
16740
  Separator.Dot = Dot;
16717
16741
  LineContainer.Line = Line;
package/dist/charts.cjs CHANGED
@@ -221,11 +221,14 @@ var tokens_default = {
221
221
  "popover-content": "white",
222
222
  muted: "rgba(247,247,250,1)",
223
223
  default: "rgba(237,237,240,1)",
224
+ medium: "rgba(237,237,240,1)",
224
225
  intense: "rgba(210,210,214,1)",
225
226
  primary: {
226
227
  muted: "rgba(185,197,239,1)",
227
228
  default: "rgba(53,69,190,1)",
229
+ graphic: "rgba(53,69,190,1)",
228
230
  intense: "rgba(34,47,149,1)",
231
+ inverse: "rgba(34,47,149,1)",
229
232
  active: "rgba(243,246,255,1)",
230
233
  hover: "rgba(243,246,255,1)"
231
234
  },
@@ -240,18 +243,21 @@ var tokens_default = {
240
243
  info: {
241
244
  muted: "rgba(224,245,254,1)",
242
245
  default: "rgba(3,153,227,1)",
246
+ graphic: "rgba(3,153,227,1)",
243
247
  intense: "rgba(1,116,186,1)",
244
248
  inverse: "rgba(3,153,227,1)"
245
249
  },
246
250
  success: {
247
251
  muted: "rgba(236,247,237,1)",
248
252
  default: "rgba(0,179,0,1)",
253
+ graphic: "rgba(0,179,0,1)",
249
254
  intense: "rgba(0,142,0,1)",
250
255
  inverse: "rgba(0,179,0,1)"
251
256
  },
252
257
  warning: {
253
258
  muted: "rgba(255,248,234,1)",
254
259
  default: "rgba(255,179,0,1)",
260
+ graphic: "rgba(255,179,0,1)",
255
261
  intense: "rgba(255,144,3,1)",
256
262
  inverse: "rgba(255,179,0,1)"
257
263
  },
@@ -259,6 +265,7 @@ var tokens_default = {
259
265
  muted: "rgba(255,203,210,1)",
260
266
  default: "rgba(255,173,179,1)",
261
267
  intense: "rgba(230,39,40,1)",
268
+ graphic: "rgba(230,39,40,1)",
262
269
  inverse: "rgba(216,0,5,1)"
263
270
  },
264
271
  status: {
@@ -482,30 +489,35 @@ var tokens_default = {
482
489
  inactive: "rgba(185,197,239,1)",
483
490
  active: "rgba(34,47,149,1)",
484
491
  muted: "rgba(129,142,236,1)",
492
+ graphic: "rgba(129,142,236,1)",
485
493
  default: "rgba(88,101,205,1)",
486
494
  intense: "rgba(53,69,190,1)"
487
495
  },
488
496
  info: {
489
497
  inactive: "rgba(180,229,251,1)",
490
498
  muted: "rgba(76,194,247,1)",
499
+ graphic: "rgba(76,194,247,1)",
491
500
  default: "rgba(3,153,227,1)",
492
501
  intense: "rgba(1,116,186,1)"
493
502
  },
494
503
  success: {
495
504
  inactive: "rgba(203,255,201,1)",
496
505
  muted: "rgba(137,235,128,1)",
506
+ graphic: "rgba(137,235,128,1)",
497
507
  default: "rgba(0,179,0,1)",
498
508
  intense: "rgba(0,142,0,1)"
499
509
  },
500
510
  warning: {
501
511
  inactive: "rgba(254,235,178,1)",
502
512
  muted: "rgba(253,212,77,1)",
513
+ graphic: "rgba(253,212,77,1)",
503
514
  default: "rgba(253,159,0,1)",
504
515
  intense: "rgba(254,109,0,1)"
505
516
  },
506
517
  danger: {
507
518
  inactive: "rgba(255,203,210,1)",
508
519
  muted: "rgba(255,173,179,1)",
520
+ graphic: "rgba(255,173,179,1)",
509
521
  default: "rgba(230,39,40,1)",
510
522
  intense: "rgba(197,0,1,1)"
511
523
  }
package/dist/charts.mjs CHANGED
@@ -81,11 +81,14 @@ var tokens_default = {
81
81
  "popover-content": "white",
82
82
  muted: "rgba(247,247,250,1)",
83
83
  default: "rgba(237,237,240,1)",
84
+ medium: "rgba(237,237,240,1)",
84
85
  intense: "rgba(210,210,214,1)",
85
86
  primary: {
86
87
  muted: "rgba(185,197,239,1)",
87
88
  default: "rgba(53,69,190,1)",
89
+ graphic: "rgba(53,69,190,1)",
88
90
  intense: "rgba(34,47,149,1)",
91
+ inverse: "rgba(34,47,149,1)",
89
92
  active: "rgba(243,246,255,1)",
90
93
  hover: "rgba(243,246,255,1)"
91
94
  },
@@ -100,18 +103,21 @@ var tokens_default = {
100
103
  info: {
101
104
  muted: "rgba(224,245,254,1)",
102
105
  default: "rgba(3,153,227,1)",
106
+ graphic: "rgba(3,153,227,1)",
103
107
  intense: "rgba(1,116,186,1)",
104
108
  inverse: "rgba(3,153,227,1)"
105
109
  },
106
110
  success: {
107
111
  muted: "rgba(236,247,237,1)",
108
112
  default: "rgba(0,179,0,1)",
113
+ graphic: "rgba(0,179,0,1)",
109
114
  intense: "rgba(0,142,0,1)",
110
115
  inverse: "rgba(0,179,0,1)"
111
116
  },
112
117
  warning: {
113
118
  muted: "rgba(255,248,234,1)",
114
119
  default: "rgba(255,179,0,1)",
120
+ graphic: "rgba(255,179,0,1)",
115
121
  intense: "rgba(255,144,3,1)",
116
122
  inverse: "rgba(255,179,0,1)"
117
123
  },
@@ -119,6 +125,7 @@ var tokens_default = {
119
125
  muted: "rgba(255,203,210,1)",
120
126
  default: "rgba(255,173,179,1)",
121
127
  intense: "rgba(230,39,40,1)",
128
+ graphic: "rgba(230,39,40,1)",
122
129
  inverse: "rgba(216,0,5,1)"
123
130
  },
124
131
  status: {
@@ -342,30 +349,35 @@ var tokens_default = {
342
349
  inactive: "rgba(185,197,239,1)",
343
350
  active: "rgba(34,47,149,1)",
344
351
  muted: "rgba(129,142,236,1)",
352
+ graphic: "rgba(129,142,236,1)",
345
353
  default: "rgba(88,101,205,1)",
346
354
  intense: "rgba(53,69,190,1)"
347
355
  },
348
356
  info: {
349
357
  inactive: "rgba(180,229,251,1)",
350
358
  muted: "rgba(76,194,247,1)",
359
+ graphic: "rgba(76,194,247,1)",
351
360
  default: "rgba(3,153,227,1)",
352
361
  intense: "rgba(1,116,186,1)"
353
362
  },
354
363
  success: {
355
364
  inactive: "rgba(203,255,201,1)",
356
365
  muted: "rgba(137,235,128,1)",
366
+ graphic: "rgba(137,235,128,1)",
357
367
  default: "rgba(0,179,0,1)",
358
368
  intense: "rgba(0,142,0,1)"
359
369
  },
360
370
  warning: {
361
371
  inactive: "rgba(254,235,178,1)",
362
372
  muted: "rgba(253,212,77,1)",
373
+ graphic: "rgba(253,212,77,1)",
363
374
  default: "rgba(253,159,0,1)",
364
375
  intense: "rgba(254,109,0,1)"
365
376
  },
366
377
  danger: {
367
378
  inactive: "rgba(255,203,210,1)",
368
379
  muted: "rgba(255,173,179,1)",
380
+ graphic: "rgba(255,173,179,1)",
369
381
  default: "rgba(230,39,40,1)",
370
382
  intense: "rgba(197,0,1,1)"
371
383
  }
@@ -29,7 +29,7 @@ const checkboxClasses = tv({
29
29
  },
30
30
  false: {
31
31
  wrapper: 'hover:border-intense peer-checked:border-primary-default',
32
- input: 'cursor-pointer checked:bg-primary-default',
32
+ input: 'cursor-pointer checked:bg-primary-graphic',
33
33
  icon: 'border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default',
34
34
  },
35
35
  },
@@ -11,8 +11,8 @@ const cellStyles = tv({
11
11
  base: 'w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden',
12
12
  variants: {
13
13
  isSelected: {
14
- false: 'text-default hover:bg-default pressed:bg-intense',
15
- true: 'bg-primary-default invalid:bg-danger-default text-white',
14
+ false: 'text-default hover:bg-medium pressed:bg-intense',
15
+ true: 'bg-primary-graphic invalid:bg-danger-default text-white',
16
16
  },
17
17
  isUnavailable: {
18
18
  true: 'text-inactive',
@@ -40,4 +40,4 @@ export const CalendarHeader = () => {
40
40
  export const CalendarGridHeader = () => {
41
41
  return (React.createElement(AriaCalendarGridHeader, null, (day) => React.createElement(CalendarHeaderCell, { className: "text-xs text-inactive typography-caption" }, day)));
42
42
  };
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0ZVBpY2tlci9DYWxlbmRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxRQUFRLElBQUksWUFBWSxFQUN4QixZQUFZLEVBQ1osWUFBWSxFQUNaLGdCQUFnQixFQUNoQixrQkFBa0IsSUFBSSxzQkFBc0IsRUFDNUMsa0JBQWtCLEVBR2xCLE9BQU8sR0FDUixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sWUFBWSxNQUFNLHdCQUF3QixDQUFDO0FBRWxELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXRELE1BQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUNwQixNQUFNLEVBQUUsU0FBUztJQUNqQixJQUFJLEVBQUUsMEdBQTBHO0lBQ2hILFFBQVEsRUFBRTtRQUNSLFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxrREFBa0Q7WUFDekQsSUFBSSxFQUFFLHlEQUF5RDtTQUNoRTtRQUNELGFBQWEsRUFBRTtZQUNiLElBQUksRUFBRSxlQUFlO1NBQ3RCO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsSUFBSSxFQUFFLGVBQWU7U0FDdEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUlILE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFzQixLQUF1QixFQUFFLEVBQUU7SUFDdkUsT0FBTyxDQUNMLG9CQUFDLFlBQVksb0JBQUssS0FBSztRQUNyQixvQkFBQyxjQUFjLE9BQUc7UUFDbEIsb0JBQUMsWUFBWTtZQUNYLG9CQUFDLGtCQUFrQixPQUFHO1lBQ3RCLG9CQUFDLGdCQUFnQixRQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxZQUFZLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFJLENBQW9CLENBQ3ZGLENBQ0YsQ0FDaEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxHQUFHLEVBQUU7SUFDakMsT0FBTyxDQUNMLGdDQUFRLFNBQVMsRUFBQyxxQ0FBcUM7UUFDckQsb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFDLFVBQVUsRUFBQyxTQUFTLEVBQUMsS0FBSztZQUMvQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFdBQVcsR0FBSSxDQUNWO1FBQ25CLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsOENBQThDLEdBQUc7UUFDcEUsb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUMsS0FBSztZQUMzQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksR0FBSSxDQUNYLENBQ1osQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO0lBQ3JDLE9BQU8sQ0FDTCxvQkFBQyxzQkFBc0IsUUFDcEIsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLG9CQUFDLGtCQUFrQixJQUFDLFNBQVMsRUFBQywwQ0FBMEMsSUFBRSxHQUFHLENBQXNCLENBQ3RGLENBQzFCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
43
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvRGF0ZVBpY2tlci9DYWxlbmRhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxRQUFRLElBQUksWUFBWSxFQUN4QixZQUFZLEVBQ1osWUFBWSxFQUNaLGdCQUFnQixFQUNoQixrQkFBa0IsSUFBSSxzQkFBc0IsRUFDNUMsa0JBQWtCLEVBR2xCLE9BQU8sR0FDUixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRTVDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sWUFBWSxNQUFNLHdCQUF3QixDQUFDO0FBRWxELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXRELE1BQU0sVUFBVSxHQUFHLEVBQUUsQ0FBQztJQUNwQixNQUFNLEVBQUUsU0FBUztJQUNqQixJQUFJLEVBQUUsMEdBQTBHO0lBQ2hILFFBQVEsRUFBRTtRQUNSLFVBQVUsRUFBRTtZQUNWLEtBQUssRUFBRSxpREFBaUQ7WUFDeEQsSUFBSSxFQUFFLHlEQUF5RDtTQUNoRTtRQUNELGFBQWEsRUFBRTtZQUNiLElBQUksRUFBRSxlQUFlO1NBQ3RCO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsSUFBSSxFQUFFLGVBQWU7U0FDdEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUlILE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFzQixLQUF1QixFQUFFLEVBQUU7SUFDdkUsT0FBTyxDQUNMLG9CQUFDLFlBQVksb0JBQUssS0FBSztRQUNyQixvQkFBQyxjQUFjLE9BQUc7UUFDbEIsb0JBQUMsWUFBWTtZQUNYLG9CQUFDLGtCQUFrQixPQUFHO1lBQ3RCLG9CQUFDLGdCQUFnQixRQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxZQUFZLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFJLENBQW9CLENBQ3ZGLENBQ0YsQ0FDaEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxHQUFHLEVBQUU7SUFDakMsT0FBTyxDQUNMLGdDQUFRLFNBQVMsRUFBQyxxQ0FBcUM7UUFDckQsb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFDLFVBQVUsRUFBQyxTQUFTLEVBQUMsS0FBSztZQUMvQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFdBQVcsR0FBSSxDQUNWO1FBQ25CLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUMsOENBQThDLEdBQUc7UUFDcEUsb0JBQUMsZ0JBQWdCLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUMsS0FBSztZQUMzQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksR0FBSSxDQUNYLENBQ1osQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO0lBQ3JDLE9BQU8sQ0FDTCxvQkFBQyxzQkFBc0IsUUFDcEIsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLG9CQUFDLGtCQUFrQixJQUFDLFNBQVMsRUFBQywwQ0FBMEMsSUFBRSxHQUFHLENBQXNCLENBQ3RGLENBQzFCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
@@ -17,7 +17,7 @@ import { focusRing } from '../../../src/atoms/utils';
17
17
  const cellContainer = tv({
18
18
  base: [
19
19
  'group w-8 h-8 typography-small outline outline-0 cursor-default',
20
- 'outside-month:hidden selected:bg-primary-default',
20
+ 'outside-month:hidden selected:bg-primary-graphic',
21
21
  'invalid:selected:bg-danger-default',
22
22
  'selection-start:rounded-s-md selection-end:rounded-e-md',
23
23
  ],
@@ -27,15 +27,15 @@ const cell = tv({
27
27
  base: 'w-full h-full flex items-center justify-center rounded-md text-default',
28
28
  variants: {
29
29
  selectionState: {
30
- none: 'group-hover:bg-default group-pressed:bg-intense',
30
+ none: 'group-hover:bg-medium group-pressed:bg-intense',
31
31
  middle: [
32
32
  'text-white',
33
- 'group-hover:bg-primary-default',
33
+ 'group-hover:bg-primary-graphic',
34
34
  'group-invalid:group-hover:bg-danger-default',
35
- 'group-pressed:bg-primary-intense',
36
- 'group-invalid:group-pressed:bg-danger-intense',
35
+ 'group-pressed:bg-primary-inverse',
36
+ 'group-invalid:group-pressed:bg-danger-graphic',
37
37
  ],
38
- cap: 'text-white bg-primary-default group-invalid:bg-danger-default',
38
+ cap: 'text-white bg-primary-graphic group-invalid:bg-danger-default',
39
39
  },
40
40
  isUnavailable: {
41
41
  true: 'text-inactive',
@@ -55,4 +55,4 @@ export function RangeCalendar(props) {
55
55
  return (React.createElement("span", { className: cell(Object.assign({ selectionState: isSelected && (isSelectionStart || isSelectionEnd) ? 'cap' : isSelected ? 'middle' : 'none' }, rest)) }, formattedDate));
56
56
  }))))));
57
57
  }
58
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2VDYWxlbmRhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9EYXRlUGlja2VyL1JhbmdlQ2FsZW5kYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxZQUFZLEVBQ1osWUFBWSxFQUNaLGdCQUFnQixFQUVoQixhQUFhLElBQUksaUJBQWlCLEdBRW5DLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFJNUMsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRTtRQUNKLGlFQUFpRTtRQUNqRSxrREFBa0Q7UUFDbEQsb0NBQW9DO1FBQ3BDLHlEQUF5RDtLQUMxRDtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNkLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLElBQUksRUFBRSx3RUFBd0U7SUFDOUUsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFO1lBQ2QsSUFBSSxFQUFFLGlEQUFpRDtZQUN2RCxNQUFNLEVBQUU7Z0JBQ04sWUFBWTtnQkFDWixnQ0FBZ0M7Z0JBQ2hDLDZDQUE2QztnQkFDN0Msa0NBQWtDO2dCQUNsQywrQ0FBK0M7YUFDaEQ7WUFDRCxHQUFHLEVBQUUsK0RBQStEO1NBQ3JFO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxVQUFVLGFBQWEsQ0FBc0IsS0FBNEI7SUFDN0UsT0FBTyxDQUNMLG9CQUFDLGlCQUFpQixvQkFBSyxLQUFLO1FBQzFCLG9CQUFDLGNBQWMsT0FBRztRQUNsQixvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLGFBQWE7WUFDbkMsb0JBQUMsa0JBQWtCLE9BQUc7WUFDdEIsb0JBQUMsZ0JBQWdCLFFBQ2QsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ1Qsb0JBQUMsWUFBWSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxJQUNqRCxDQUFDLEVBQXdFLEVBQUUsRUFBRTtvQkFBNUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLGNBQWMsT0FBVyxFQUFOLElBQUksY0FBdEUscUVBQXdFLENBQUY7Z0JBQU8sT0FBQSxDQUM3RSw4QkFDRSxTQUFTLEVBQUUsSUFBSSxpQkFDYixjQUFjLEVBQ1osVUFBVSxJQUFJLENBQUMsZ0JBQWdCLElBQUksY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sSUFDMUYsSUFBSSxFQUNQLElBRUQsYUFBYSxDQUNULENBQ1IsQ0FBQTthQUFBLENBQ1ksQ0FDaEIsQ0FDZ0IsQ0FDTixDQUNHLENBQ3JCLENBQUM7QUFDSixDQUFDIn0=
58
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2VDYWxlbmRhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9EYXRlUGlja2VyL1JhbmdlQ2FsZW5kYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxZQUFZLEVBQ1osWUFBWSxFQUNaLGdCQUFnQixFQUVoQixhQUFhLElBQUksaUJBQWlCLEdBRW5DLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFJNUMsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRTtRQUNKLGlFQUFpRTtRQUNqRSxrREFBa0Q7UUFDbEQsb0NBQW9DO1FBQ3BDLHlEQUF5RDtLQUMxRDtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNkLE1BQU0sRUFBRSxTQUFTO0lBQ2pCLElBQUksRUFBRSx3RUFBd0U7SUFDOUUsUUFBUSxFQUFFO1FBQ1IsY0FBYyxFQUFFO1lBQ2QsSUFBSSxFQUFFLGdEQUFnRDtZQUN0RCxNQUFNLEVBQUU7Z0JBQ04sWUFBWTtnQkFDWixnQ0FBZ0M7Z0JBQ2hDLDZDQUE2QztnQkFDN0Msa0NBQWtDO2dCQUNsQywrQ0FBK0M7YUFDaEQ7WUFDRCxHQUFHLEVBQUUsK0RBQStEO1NBQ3JFO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxVQUFVLGFBQWEsQ0FBc0IsS0FBNEI7SUFDN0UsT0FBTyxDQUNMLG9CQUFDLGlCQUFpQixvQkFBSyxLQUFLO1FBQzFCLG9CQUFDLGNBQWMsT0FBRztRQUNsQixvQkFBQyxZQUFZLElBQUMsU0FBUyxFQUFDLGFBQWE7WUFDbkMsb0JBQUMsa0JBQWtCLE9BQUc7WUFDdEIsb0JBQUMsZ0JBQWdCLFFBQ2QsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ1Qsb0JBQUMsWUFBWSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxJQUNqRCxDQUFDLEVBQXdFLEVBQUUsRUFBRTtvQkFBNUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLGNBQWMsT0FBVyxFQUFOLElBQUksY0FBdEUscUVBQXdFLENBQUY7Z0JBQU8sT0FBQSxDQUM3RSw4QkFDRSxTQUFTLEVBQUUsSUFBSSxpQkFDYixjQUFjLEVBQ1osVUFBVSxJQUFJLENBQUMsZ0JBQWdCLElBQUksY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sSUFDMUYsSUFBSSxFQUNQLElBRUQsYUFBYSxDQUNULENBQ1IsQ0FBQTthQUFBLENBQ1ksQ0FDaEIsQ0FDZ0IsQ0FDTixDQUNHLENBQ3JCLENBQUM7QUFDSixDQUFDIn0=