@aivenio/aquarium 5.2.0 → 5.3.0

package/dist/system.mjs

@@ -5330,6 +5330,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)"
     },
@@ -5348,6 +5349,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)"
     },
@@ -5366,6 +5368,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)"
     },
@@ -5440,6 +5443,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: {
@@ -5487,6 +5491,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)"
     },
@@ -5505,6 +5510,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)"
     },
@@ -5523,6 +5529,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)"
     },
@@ -5570,6 +5577,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)"
     },
@@ -5581,6 +5589,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)"
     }
@@ -5970,18 +5979,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)"
     },
@@ -5989,6 +6001,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: {
@@ -6212,30 +6225,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)"
     }
@@ -7064,11 +7082,11 @@ var toastStyles = tv4({
       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"
       }
     },
@@ -8014,7 +8032,7 @@ var createBadge = (type, displayName) => {
   return Component;
 };
 var NotificationBadge = ({ children, top = "-2px", right = "-2px", ...props }) => {
-  return /* @__PURE__ */ React27.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ React27.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-intense" }));
+  return /* @__PURE__ */ React27.createElement("div", { ...props, className: "Aquarium-Badge.Notification relative inline-flex text-default" }, children, /* @__PURE__ */ React27.createElement("span", { style: { top, right }, className: "absolute rounded-full w-[6px] h-[6px] bg-danger-graphic" }));
 };
 var DotBadge = ({ dense = false, ...props }) => {
   return /* @__PURE__ */ React27.createElement(
@@ -15175,7 +15193,7 @@ var cell = tv23({
         "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"
     },
@@ -17201,10 +17219,10 @@ var progressBarIndicatorClasses = tv28({
   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"
     }
   }
 });
@@ -17368,7 +17386,7 @@ var switchStyles = tv29({
   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: {
@@ -17445,7 +17463,7 @@ var getVariantClassNames = (variant = "primary") => {
     case "neutral":
       return "bg-medium";
     case "danger":
-      return "bg-danger-intense";
+      return "bg-danger-graphic";
     case "success":
       return "bg-success-intense";
     case "primary":
@@ -17696,7 +17714,7 @@ var connectorStyles = tv31({
   },
   variants: {
     completed: {
-      true: { connector: "bg-success-default" },
+      true: { connector: "bg-success-graphic" },
       false: { connector: "bg-intense" }
     },
     dense: {
@@ -17745,7 +17763,7 @@ var stepStyles = tv31({
       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/tailwind.theme.json

@@ -367,6 +367,7 @@
       "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)"
     },
@@ -385,6 +386,7 @@
       "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)"
     },
@@ -403,6 +405,7 @@
       "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)"
     },
@@ -477,6 +480,7 @@
       "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": {
@@ -524,6 +528,7 @@
       "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)"
     },
@@ -542,6 +547,7 @@
       "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)"
     },
@@ -560,6 +566,7 @@
       "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)"
     },
@@ -607,6 +614,7 @@
       "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)"
     },
@@ -618,6 +626,7 @@
     "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)"
     }

package/dist/tokens.json

@@ -49,18 +49,21 @@
     "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)"
     },
@@ -68,6 +71,7 @@
       "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": {
@@ -291,30 +295,35 @@
       "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)"
     }