@aivenio/aquarium 5.2.0 → 5.3.0

package/dist/_variables.scss

@@ -233,19 +233,23 @@ $background-color-action-primary-button-hover: $colors-primary-90;
 $background-color-action-primary-button-disabled: $colors-primary-40;
 $background-color-info-muted: $colors-info-10;
 $background-color-info-default: $colors-info-70;
+$background-color-info-graphic: $colors-info-70;
 $background-color-info-intense: $colors-info-90;
 $background-color-info-inverse: $colors-info-70;
 $background-color-success-muted: $colors-success-5;
 $background-color-success-default: $colors-success-70;
+$background-color-success-graphic: $colors-success-70;
 $background-color-success-intense: $colors-success-90;
 $background-color-success-inverse: $colors-success-70;
 $background-color-warning-muted: $colors-warning-5;
 $background-color-warning-default: $colors-warning-70;
+$background-color-warning-graphic: $colors-warning-70;
 $background-color-warning-intense: $colors-warning-90;
 $background-color-warning-inverse: $colors-warning-70;
 $background-color-danger-muted: $colors-error-10;
 $background-color-danger-default: $colors-error-20;
 $background-color-danger-intense: $colors-error-50;
+$background-color-danger-graphic: $colors-error-50;
 $background-color-danger-inverse: $colors-error-70;
 $background-color-status-announcement: $colors-primary-5;
 $background-color-status-info: $colors-info-10;
@@ -283,22 +287,27 @@ $text-color-opposite-default: $colors-white;
 $text-color-primary-inactive: $colors-primary-40;
 $text-color-primary-active: $colors-primary-90;
 $text-color-primary-muted: $colors-primary-60;
+$text-color-primary-graphic: $colors-primary-60;
 $text-color-primary-default: $colors-primary-70;
 $text-color-primary-intense: $colors-primary-80;
 $text-color-info-inactive: $colors-info-20;
 $text-color-info-muted: $colors-info-40;
+$text-color-info-graphic: $colors-info-40;
 $text-color-info-default: $colors-info-70;
 $text-color-info-intense: $colors-info-90;
 $text-color-success-inactive: $colors-success-10;
 $text-color-success-muted: $colors-success-30;
+$text-color-success-graphic: $colors-success-30;
 $text-color-success-default: $colors-success-70;
 $text-color-success-intense: $colors-success-90;
 $text-color-warning-inactive: $colors-warning-20;
 $text-color-warning-muted: $colors-warning-40;
+$text-color-warning-graphic: $colors-warning-40;
 $text-color-warning-default: $colors-warning-80;
 $text-color-warning-intense: $colors-warning-100;
 $text-color-danger-inactive: $colors-error-10;
 $text-color-danger-muted: $colors-error-20;
+$text-color-danger-graphic: $colors-error-20;
 $text-color-danger-default: $colors-error-50;
 $text-color-danger-intense: $colors-error-80;
 $box-shadow-24dp: $elevations-24dp;

package/dist/atoms.cjs

@@ -5150,18 +5150,21 @@ var tokens_default = {
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
+      graphic: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)",
       inverse: "rgba(3,153,227,1)"
     },
     success: {
       muted: "rgba(236,247,237,1)",
       default: "rgba(0,179,0,1)",
+      graphic: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)",
       inverse: "rgba(0,179,0,1)"
     },
     warning: {
       muted: "rgba(255,248,234,1)",
       default: "rgba(255,179,0,1)",
+      graphic: "rgba(255,179,0,1)",
       intense: "rgba(255,144,3,1)",
       inverse: "rgba(255,179,0,1)"
     },
@@ -5169,6 +5172,7 @@ var tokens_default = {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
       intense: "rgba(230,39,40,1)",
+      graphic: "rgba(230,39,40,1)",
       inverse: "rgba(216,0,5,1)"
     },
     status: {
@@ -5392,30 +5396,35 @@ var tokens_default = {
       inactive: "rgba(185,197,239,1)",
       active: "rgba(34,47,149,1)",
       muted: "rgba(129,142,236,1)",
+      graphic: "rgba(129,142,236,1)",
       default: "rgba(88,101,205,1)",
       intense: "rgba(53,69,190,1)"
     },
     info: {
       inactive: "rgba(180,229,251,1)",
       muted: "rgba(76,194,247,1)",
+      graphic: "rgba(76,194,247,1)",
       default: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)"
     },
     success: {
       inactive: "rgba(203,255,201,1)",
       muted: "rgba(137,235,128,1)",
+      graphic: "rgba(137,235,128,1)",
       default: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)"
     },
     warning: {
       inactive: "rgba(254,235,178,1)",
       muted: "rgba(253,212,77,1)",
+      graphic: "rgba(253,212,77,1)",
       default: "rgba(253,159,0,1)",
       intense: "rgba(254,109,0,1)"
     },
     danger: {
       inactive: "rgba(255,203,210,1)",
       muted: "rgba(255,173,179,1)",
+      graphic: "rgba(255,173,179,1)",
       default: "rgba(230,39,40,1)",
       intense: "rgba(197,0,1,1)"
     }
@@ -6040,6 +6049,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-warning-100)",
       muted: "var(--aquarium-background-color-warning-muted)",
       default: "var(--aquarium-background-color-warning-default)",
+      graphic: "var(--aquarium-background-color-warning-graphic)",
       intense: "var(--aquarium-background-color-warning-intense)",
       inverse: "var(--aquarium-background-color-warning-inverse)"
     },
@@ -6058,6 +6068,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-success-100)",
       muted: "var(--aquarium-background-color-success-muted)",
       default: "var(--aquarium-background-color-success-default)",
+      graphic: "var(--aquarium-background-color-success-graphic)",
       intense: "var(--aquarium-background-color-success-intense)",
       inverse: "var(--aquarium-background-color-success-inverse)"
     },
@@ -6076,6 +6087,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-info-100)",
       muted: "var(--aquarium-background-color-info-muted)",
       default: "var(--aquarium-background-color-info-default)",
+      graphic: "var(--aquarium-background-color-info-graphic)",
       intense: "var(--aquarium-background-color-info-intense)",
       inverse: "var(--aquarium-background-color-info-inverse)"
     },
@@ -6150,6 +6162,7 @@ var tailwind_theme_default = {
       muted: "var(--aquarium-background-color-danger-muted)",
       default: "var(--aquarium-background-color-danger-default)",
       intense: "var(--aquarium-background-color-danger-intense)",
+      graphic: "var(--aquarium-background-color-danger-graphic)",
       inverse: "var(--aquarium-background-color-danger-inverse)"
     },
     status: {
@@ -6197,6 +6210,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-warning-100)",
       inactive: "var(--aquarium-text-color-warning-inactive)",
       muted: "var(--aquarium-text-color-warning-muted)",
+      graphic: "var(--aquarium-text-color-warning-graphic)",
       default: "var(--aquarium-text-color-warning-default)",
       intense: "var(--aquarium-text-color-warning-intense)"
     },
@@ -6215,6 +6229,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-success-100)",
       inactive: "var(--aquarium-text-color-success-inactive)",
       muted: "var(--aquarium-text-color-success-muted)",
+      graphic: "var(--aquarium-text-color-success-graphic)",
       default: "var(--aquarium-text-color-success-default)",
       intense: "var(--aquarium-text-color-success-intense)"
     },
@@ -6233,6 +6248,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-info-100)",
       inactive: "var(--aquarium-text-color-info-inactive)",
       muted: "var(--aquarium-text-color-info-muted)",
+      graphic: "var(--aquarium-text-color-info-graphic)",
       default: "var(--aquarium-text-color-info-default)",
       intense: "var(--aquarium-text-color-info-intense)"
     },
@@ -6280,6 +6296,7 @@ var tailwind_theme_default = {
       inactive: "var(--aquarium-text-color-primary-inactive)",
       active: "var(--aquarium-text-color-primary-active)",
       muted: "var(--aquarium-text-color-primary-muted)",
+      graphic: "var(--aquarium-text-color-primary-graphic)",
       default: "var(--aquarium-text-color-primary-default)",
       intense: "var(--aquarium-text-color-primary-intense)"
     },
@@ -6291,6 +6308,7 @@ var tailwind_theme_default = {
     danger: {
       inactive: "var(--aquarium-text-color-danger-inactive)",
       muted: "var(--aquarium-text-color-danger-muted)",
+      graphic: "var(--aquarium-text-color-danger-graphic)",
       default: "var(--aquarium-text-color-danger-default)",
       intense: "var(--aquarium-text-color-danger-intense)"
     }
@@ -6848,11 +6866,11 @@ var toastStyles = (0, import_tailwind_variants3.tv)({
       default: {
         base: "bg-inverse text-opposite-default",
         dismiss: "[&>button]:text-muted",
-        action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted"
+        action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-graphic"
       },
       danger: {
-        base: "bg-danger-intense text-white",
-        dismiss: "[&>button]:text-danger-muted",
+        base: "bg-danger-graphic text-white",
+        dismiss: "[&>button]:text-danger-graphic",
         action: "[&>*]:text-white hover:[&>*]:text-white"
       }
     },
@@ -7507,7 +7525,7 @@ var createBadge = (type, displayName) => {
   return Component;
 };
 var NotificationBadge = ({ children, top = "-2px", right = "-2px", ...props }) => {
-  return /* @__PURE__ */ import_react26.default.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ import_react26.default.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-intense" }));
+  return /* @__PURE__ */ import_react26.default.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ import_react26.default.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-graphic" }));
 };
 var DotBadge = ({ dense = false, ...props }) => {
   return /* @__PURE__ */ import_react26.default.createElement(
@@ -14441,7 +14459,7 @@ var cell = (0, import_tailwind_variants22.tv)({
         "group-hover:bg-primary-graphic",
         "group-invalid:group-hover:bg-danger-default",
         "group-pressed:bg-primary-inverse",
-        "group-invalid:group-pressed:bg-danger-intense"
+        "group-invalid:group-pressed:bg-danger-graphic"
       ],
       cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
     },
@@ -16180,10 +16198,10 @@ var progressBarIndicatorClasses = (0, import_tailwind_variants27.tv)({
   base: "h-2 rounded-full transition-all ease-in-out delay-150",
   variants: {
     status: {
-      info: "bg-info-default",
-      warning: "bg-warning-default",
-      success: "bg-success-default",
-      error: "bg-danger-intense"
+      info: "bg-info-graphic",
+      warning: "bg-warning-graphic",
+      success: "bg-success-graphic",
+      error: "bg-danger-graphic"
     }
   }
 });
@@ -16347,7 +16365,7 @@ var switchStyles = (0, import_tailwind_variants28.tv)({
   slots: {
     wrapper: "relative inline-flex justify-center items-center self-center group",
     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",
-    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"
+    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"
   },
   variants: {
     disabled: {
@@ -16495,7 +16513,7 @@ var connectorStyles = (0, import_tailwind_variants30.tv)({
   },
   variants: {
     completed: {
-      true: { connector: "bg-success-default" },
+      true: { connector: "bg-success-graphic" },
       false: { connector: "bg-intense" }
     },
     dense: {
@@ -16544,7 +16562,7 @@ var stepStyles = (0, import_tailwind_variants30.tv)({
       slots: ["indicator"],
       dense: false,
       state: "completed",
-      class: "border-2 text-white bg-success-default border-success-intense"
+      class: "border-2 text-white bg-success-graphic border-success-intense"
     },
     // Dense variants
     {

package/dist/atoms.mjs

@@ -5086,18 +5086,21 @@ var tokens_default = {
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
+      graphic: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)",
       inverse: "rgba(3,153,227,1)"
     },
     success: {
       muted: "rgba(236,247,237,1)",
       default: "rgba(0,179,0,1)",
+      graphic: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)",
       inverse: "rgba(0,179,0,1)"
     },
     warning: {
       muted: "rgba(255,248,234,1)",
       default: "rgba(255,179,0,1)",
+      graphic: "rgba(255,179,0,1)",
       intense: "rgba(255,144,3,1)",
       inverse: "rgba(255,179,0,1)"
     },
@@ -5105,6 +5108,7 @@ var tokens_default = {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
       intense: "rgba(230,39,40,1)",
+      graphic: "rgba(230,39,40,1)",
       inverse: "rgba(216,0,5,1)"
     },
     status: {
@@ -5328,30 +5332,35 @@ var tokens_default = {
       inactive: "rgba(185,197,239,1)",
       active: "rgba(34,47,149,1)",
       muted: "rgba(129,142,236,1)",
+      graphic: "rgba(129,142,236,1)",
       default: "rgba(88,101,205,1)",
       intense: "rgba(53,69,190,1)"
     },
     info: {
       inactive: "rgba(180,229,251,1)",
       muted: "rgba(76,194,247,1)",
+      graphic: "rgba(76,194,247,1)",
       default: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)"
     },
     success: {
       inactive: "rgba(203,255,201,1)",
       muted: "rgba(137,235,128,1)",
+      graphic: "rgba(137,235,128,1)",
       default: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)"
     },
     warning: {
       inactive: "rgba(254,235,178,1)",
       muted: "rgba(253,212,77,1)",
+      graphic: "rgba(253,212,77,1)",
       default: "rgba(253,159,0,1)",
       intense: "rgba(254,109,0,1)"
     },
     danger: {
       inactive: "rgba(255,203,210,1)",
       muted: "rgba(255,173,179,1)",
+      graphic: "rgba(255,173,179,1)",
       default: "rgba(230,39,40,1)",
       intense: "rgba(197,0,1,1)"
     }
@@ -5976,6 +5985,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-warning-100)",
       muted: "var(--aquarium-background-color-warning-muted)",
       default: "var(--aquarium-background-color-warning-default)",
+      graphic: "var(--aquarium-background-color-warning-graphic)",
       intense: "var(--aquarium-background-color-warning-intense)",
       inverse: "var(--aquarium-background-color-warning-inverse)"
     },
@@ -5994,6 +6004,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-success-100)",
       muted: "var(--aquarium-background-color-success-muted)",
       default: "var(--aquarium-background-color-success-default)",
+      graphic: "var(--aquarium-background-color-success-graphic)",
       intense: "var(--aquarium-background-color-success-intense)",
       inverse: "var(--aquarium-background-color-success-inverse)"
     },
@@ -6012,6 +6023,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-info-100)",
       muted: "var(--aquarium-background-color-info-muted)",
       default: "var(--aquarium-background-color-info-default)",
+      graphic: "var(--aquarium-background-color-info-graphic)",
       intense: "var(--aquarium-background-color-info-intense)",
       inverse: "var(--aquarium-background-color-info-inverse)"
     },
@@ -6086,6 +6098,7 @@ var tailwind_theme_default = {
       muted: "var(--aquarium-background-color-danger-muted)",
       default: "var(--aquarium-background-color-danger-default)",
       intense: "var(--aquarium-background-color-danger-intense)",
+      graphic: "var(--aquarium-background-color-danger-graphic)",
       inverse: "var(--aquarium-background-color-danger-inverse)"
     },
     status: {
@@ -6133,6 +6146,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-warning-100)",
       inactive: "var(--aquarium-text-color-warning-inactive)",
       muted: "var(--aquarium-text-color-warning-muted)",
+      graphic: "var(--aquarium-text-color-warning-graphic)",
       default: "var(--aquarium-text-color-warning-default)",
       intense: "var(--aquarium-text-color-warning-intense)"
     },
@@ -6151,6 +6165,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-success-100)",
       inactive: "var(--aquarium-text-color-success-inactive)",
       muted: "var(--aquarium-text-color-success-muted)",
+      graphic: "var(--aquarium-text-color-success-graphic)",
       default: "var(--aquarium-text-color-success-default)",
       intense: "var(--aquarium-text-color-success-intense)"
     },
@@ -6169,6 +6184,7 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-info-100)",
       inactive: "var(--aquarium-text-color-info-inactive)",
       muted: "var(--aquarium-text-color-info-muted)",
+      graphic: "var(--aquarium-text-color-info-graphic)",
       default: "var(--aquarium-text-color-info-default)",
       intense: "var(--aquarium-text-color-info-intense)"
     },
@@ -6216,6 +6232,7 @@ var tailwind_theme_default = {
       inactive: "var(--aquarium-text-color-primary-inactive)",
       active: "var(--aquarium-text-color-primary-active)",
       muted: "var(--aquarium-text-color-primary-muted)",
+      graphic: "var(--aquarium-text-color-primary-graphic)",
       default: "var(--aquarium-text-color-primary-default)",
       intense: "var(--aquarium-text-color-primary-intense)"
     },
@@ -6227,6 +6244,7 @@ var tailwind_theme_default = {
     danger: {
       inactive: "var(--aquarium-text-color-danger-inactive)",
       muted: "var(--aquarium-text-color-danger-muted)",
+      graphic: "var(--aquarium-text-color-danger-graphic)",
       default: "var(--aquarium-text-color-danger-default)",
       intense: "var(--aquarium-text-color-danger-intense)"
     }
@@ -6784,11 +6802,11 @@ var toastStyles = tv3({
       default: {
         base: "bg-inverse text-opposite-default",
         dismiss: "[&>button]:text-muted",
-        action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted"
+        action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-graphic"
       },
       danger: {
-        base: "bg-danger-intense text-white",
-        dismiss: "[&>button]:text-danger-muted",
+        base: "bg-danger-graphic text-white",
+        dismiss: "[&>button]:text-danger-graphic",
         action: "[&>*]:text-white hover:[&>*]:text-white"
       }
     },
@@ -7443,7 +7461,7 @@ var createBadge = (type, displayName) => {
   return Component;
 };
 var NotificationBadge = ({ children, top = "-2px", right = "-2px", ...props }) => {
-  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" }));
+  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" }));
 };
 var DotBadge = ({ dense = false, ...props }) => {
   return /* @__PURE__ */ React21.createElement(
@@ -14426,7 +14444,7 @@ var cell = tv22({
         "group-hover:bg-primary-graphic",
         "group-invalid:group-hover:bg-danger-default",
         "group-pressed:bg-primary-inverse",
-        "group-invalid:group-pressed:bg-danger-intense"
+        "group-invalid:group-pressed:bg-danger-graphic"
       ],
       cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
     },
@@ -16170,10 +16188,10 @@ var progressBarIndicatorClasses = tv27({
   base: "h-2 rounded-full transition-all ease-in-out delay-150",
   variants: {
     status: {
-      info: "bg-info-default",
-      warning: "bg-warning-default",
-      success: "bg-success-default",
-      error: "bg-danger-intense"
+      info: "bg-info-graphic",
+      warning: "bg-warning-graphic",
+      success: "bg-success-graphic",
+      error: "bg-danger-graphic"
     }
   }
 });
@@ -16337,7 +16355,7 @@ var switchStyles = tv28({
   slots: {
     wrapper: "relative inline-flex justify-center items-center self-center group",
     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",
-    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"
+    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"
   },
   variants: {
     disabled: {
@@ -16485,7 +16503,7 @@ var connectorStyles = tv30({
   },
   variants: {
     completed: {
-      true: { connector: "bg-success-default" },
+      true: { connector: "bg-success-graphic" },
       false: { connector: "bg-intense" }
     },
     dense: {
@@ -16534,7 +16552,7 @@ var stepStyles = tv30({
       slots: ["indicator"],
       dense: false,
       state: "completed",
-      class: "border-2 text-white bg-success-default border-success-intense"
+      class: "border-2 text-white bg-success-graphic border-success-intense"
     },
     // Dense variants
     {

package/dist/charts.cjs

@@ -243,18 +243,21 @@ var tokens_default = {
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
+      graphic: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)",
       inverse: "rgba(3,153,227,1)"
     },
     success: {
       muted: "rgba(236,247,237,1)",
       default: "rgba(0,179,0,1)",
+      graphic: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)",
       inverse: "rgba(0,179,0,1)"
     },
     warning: {
       muted: "rgba(255,248,234,1)",
       default: "rgba(255,179,0,1)",
+      graphic: "rgba(255,179,0,1)",
       intense: "rgba(255,144,3,1)",
       inverse: "rgba(255,179,0,1)"
     },
@@ -262,6 +265,7 @@ var tokens_default = {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
       intense: "rgba(230,39,40,1)",
+      graphic: "rgba(230,39,40,1)",
       inverse: "rgba(216,0,5,1)"
     },
     status: {
@@ -485,30 +489,35 @@ var tokens_default = {
       inactive: "rgba(185,197,239,1)",
       active: "rgba(34,47,149,1)",
       muted: "rgba(129,142,236,1)",
+      graphic: "rgba(129,142,236,1)",
       default: "rgba(88,101,205,1)",
       intense: "rgba(53,69,190,1)"
     },
     info: {
       inactive: "rgba(180,229,251,1)",
       muted: "rgba(76,194,247,1)",
+      graphic: "rgba(76,194,247,1)",
       default: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)"
     },
     success: {
       inactive: "rgba(203,255,201,1)",
       muted: "rgba(137,235,128,1)",
+      graphic: "rgba(137,235,128,1)",
       default: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)"
     },
     warning: {
       inactive: "rgba(254,235,178,1)",
       muted: "rgba(253,212,77,1)",
+      graphic: "rgba(253,212,77,1)",
       default: "rgba(253,159,0,1)",
       intense: "rgba(254,109,0,1)"
     },
     danger: {
       inactive: "rgba(255,203,210,1)",
       muted: "rgba(255,173,179,1)",
+      graphic: "rgba(255,173,179,1)",
       default: "rgba(230,39,40,1)",
       intense: "rgba(197,0,1,1)"
     }

package/dist/charts.mjs

@@ -103,18 +103,21 @@ var tokens_default = {
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
+      graphic: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)",
       inverse: "rgba(3,153,227,1)"
     },
     success: {
       muted: "rgba(236,247,237,1)",
       default: "rgba(0,179,0,1)",
+      graphic: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)",
       inverse: "rgba(0,179,0,1)"
     },
     warning: {
       muted: "rgba(255,248,234,1)",
       default: "rgba(255,179,0,1)",
+      graphic: "rgba(255,179,0,1)",
       intense: "rgba(255,144,3,1)",
       inverse: "rgba(255,179,0,1)"
     },
@@ -122,6 +125,7 @@ var tokens_default = {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
       intense: "rgba(230,39,40,1)",
+      graphic: "rgba(230,39,40,1)",
       inverse: "rgba(216,0,5,1)"
     },
     status: {
@@ -345,30 +349,35 @@ var tokens_default = {
       inactive: "rgba(185,197,239,1)",
       active: "rgba(34,47,149,1)",
       muted: "rgba(129,142,236,1)",
+      graphic: "rgba(129,142,236,1)",
       default: "rgba(88,101,205,1)",
       intense: "rgba(53,69,190,1)"
     },
     info: {
       inactive: "rgba(180,229,251,1)",
       muted: "rgba(76,194,247,1)",
+      graphic: "rgba(76,194,247,1)",
       default: "rgba(3,153,227,1)",
       intense: "rgba(1,116,186,1)"
     },
     success: {
       inactive: "rgba(203,255,201,1)",
       muted: "rgba(137,235,128,1)",
+      graphic: "rgba(137,235,128,1)",
       default: "rgba(0,179,0,1)",
       intense: "rgba(0,142,0,1)"
     },
     warning: {
       inactive: "rgba(254,235,178,1)",
       muted: "rgba(253,212,77,1)",
+      graphic: "rgba(253,212,77,1)",
       default: "rgba(253,159,0,1)",
       intense: "rgba(254,109,0,1)"
     },
     danger: {
       inactive: "rgba(255,203,210,1)",
       muted: "rgba(255,173,179,1)",
+      graphic: "rgba(255,173,179,1)",
       default: "rgba(230,39,40,1)",
       intense: "rgba(197,0,1,1)"
     }

package/dist/src/atoms/DatePicker/RangeCalendar.js

@@ -33,7 +33,7 @@ const cell = tv({
                 'group-hover:bg-primary-graphic',
                 'group-invalid:group-hover:bg-danger-default',
                 'group-pressed:bg-primary-inverse',
-                'group-invalid:group-pressed:bg-danger-intense',
+                'group-invalid:group-pressed:bg-danger-graphic',
             ],
             cap: 'text-white bg-primary-graphic group-invalid:bg-danger-default',
         },

package/dist/src/atoms/ProgressBar/ProgressBar.js

@@ -19,10 +19,10 @@ const progressBarIndicatorClasses = tv({
     base: 'h-2 rounded-full transition-all ease-in-out delay-150',
     variants: {
         status: {
-            info: 'bg-info-default',
-            warning: 'bg-warning-default',
-            success: 'bg-success-default',
-            error: 'bg-danger-intense',
+            info: 'bg-info-graphic',
+            warning: 'bg-warning-graphic',
+            success: 'bg-success-graphic',
+            error: 'bg-danger-graphic',
         },
     },
 });

package/dist/src/atoms/Stepper/Stepper.js

@@ -20,7 +20,7 @@ const connectorStyles = tv({
     },
     variants: {
         completed: {
-            true: { connector: 'bg-success-default' },
+            true: { connector: 'bg-success-graphic' },
             false: { connector: 'bg-intense' },
         },
         dense: {
@@ -69,7 +69,7 @@ const stepStyles = tv({
             slots: ['indicator'],
             dense: false,
             state: 'completed',
-            class: 'border-2 text-white bg-success-default border-success-intense',
+            class: 'border-2 text-white bg-success-graphic border-success-intense',
         },
         // Dense variants
         {

package/dist/src/atoms/Switch/Switch.js

@@ -17,7 +17,7 @@ const switchStyles = tv({
     slots: {
         wrapper: 'relative inline-flex justify-center items-center self-center group',
         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',
-        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',
+        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',
     },
     variants: {
         disabled: {
@@ -38,4 +38,4 @@ export const Switch = React.forwardRef((_a, ref) => {
         React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: input(), readOnly: readOnly, disabled: disabled })),
         React.createElement("span", { className: thumb() }, disabled && React.createElement(Icon, { icon: ban, width: "10px", height: "10px" }))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxHQUFHLE1BQU0sZUFBZSxDQUFDO0FBV2hDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsb0VBQW9FO1FBQzdFLEtBQUssRUFDSCxtS0FBbUs7UUFDckssS0FBSyxFQUNILCtQQUErUDtLQUNsUTtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixLQUFLLEVBQUUsdURBQXVEO2FBQy9EO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLEtBQUssRUFBRSx5RkFBeUY7Z0JBQ2hHLEtBQUssRUFBRSxZQUFZO2FBQ3BCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQ2pFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDN0QsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxPQUFPLEVBQUU7UUFDeEIsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEtBQUssRUFBRSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLDhCQUFNLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsTUFBTSxHQUFHLENBQVEsQ0FDeEYsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFL0MsT0FBTyxHQUFHLE1BQU0sZUFBZSxDQUFDO0FBV2hDLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixLQUFLLEVBQUU7UUFDTCxPQUFPLEVBQUUsb0VBQW9FO1FBQzdFLEtBQUssRUFDSCxtS0FBbUs7UUFDckssS0FBSyxFQUNILGlRQUFpUTtLQUNwUTtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixLQUFLLEVBQUUsdURBQXVEO2FBQy9EO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLEtBQUssRUFBRSx5RkFBeUY7Z0JBQ2hHLEtBQUssRUFBRSxZQUFZO2FBQ3BCO1NBQ0Y7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxDQUFDLEVBQW9FLEVBQUUsR0FBRyxFQUFFLEVBQUU7UUFBN0UsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLE9BQVksRUFBUCxLQUFLLGNBQWxFLGtEQUFvRSxDQUFGO0lBQ2pFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLFlBQVksQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDN0QsT0FBTyxDQUNMLDhCQUFNLFNBQVMsRUFBRSxPQUFPLEVBQUU7UUFDeEIsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLEtBQUssRUFBRSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLDhCQUFNLFNBQVMsRUFBRSxLQUFLLEVBQUUsSUFBRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUMsTUFBTSxHQUFHLENBQVEsQ0FDeEYsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==