@aivenio/aquarium 5.0.1 → 5.2.0

package/dist/atoms.mjs

@@ -4512,7 +4512,7 @@ var TooltipWrapper = React.forwardRef(
       "div",
       {
         ref,
-        className: "Aquarium-Tooltip p-3 rounded-sm typography-caption max-w-[320px] bg-body-intense text-opposite-default",
+        className: "Aquarium-Tooltip p-3 rounded-sm typography-caption max-w-[320px] bg-inverse text-opposite-default",
         ...mergeProps(props, tooltipProps)
       },
       props.children,
@@ -4552,7 +4552,7 @@ var getArrowStyle = (element, position, { left, top }) => {
   return { left, top };
 };
 var Arrow = (props) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "absolute w-3 h-3 bg-body-intense rotate-45", ...props });
+  return /* @__PURE__ */ React.createElement("div", { className: "absolute w-3 h-3 bg-inverse rotate-45", ...props });
 };
 
 // src/atoms/Button/Button.tsx
@@ -4834,7 +4834,7 @@ var import_warningSign = __toESM(require_warningSign());
 import { clsx } from "clsx";
 import { tv } from "tailwind-variants";
 var getCommonInputStyles = ({ readOnly, valid }) => clsx(
-  "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",
+  "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",
   {
     "px-3 py-3 bg-transparent": !readOnly,
     "border-none resize-none cursor-default bg-transparent": readOnly,
@@ -4856,14 +4856,14 @@ var buttonStateClasses = tv2({
   variants: {
     kind: {
       primary: [
-        "active:text-white active:bg-primary-active",
-        "hover:bg-primary-intense",
-        "disabled:text-white disabled:bg-primary-muted"
+        "active:text-white active:bg-action-primary-button-active",
+        "hover:bg-action-primary-button-hover",
+        "disabled:text-white disabled:bg-action-primary-button-disabled"
       ],
       secondary: [
         "active:bg-primary-active active:text-primary-active",
         "hover:bg-primary-hover",
-        "before:disabled:border-primary-muted"
+        "before:disabled:border-action-secondary-button-disabled"
       ],
       ghost: ["hover:text-primary-active"],
       text: interactiveTextStyles(),
@@ -4882,8 +4882,8 @@ var buttonClasses = tv2({
   base: "Aquarium-Button whitespace-nowrap transition text-center text-primary-intense rounded-sm relative px-4 py-3 inline-flex gap-3 items-center justify-center",
   variants: {
     kind: {
-      primary: "Aquarium-Button.Primary text-white bg-primary-default icon-stroke-2",
-      secondary: "Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-primary-default before:rounded-sm icon-stroke-2",
+      primary: "Aquarium-Button.Primary text-white bg-action-primary-button-default icon-stroke-2",
+      secondary: "Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-action-secondary-button-default before:rounded-sm icon-stroke-2",
       ghost: "Aquarium-Button.Ghost px-0 icon-stroke-2",
       text: "Aquarium-Button.Text px-0 py-0 icon-stroke-2",
       icon: "Aquarium-Button.Icon px-2 py-2 text-default"
@@ -5057,37 +5057,55 @@ var tokens_default = {
   },
   backgroundColor: {
     body: "white",
+    layer: "white",
     "body-intense": "rgba(58,58,68,1)",
+    inverse: "rgba(58,58,68,1)",
+    overlay: "white",
     "popover-content": "white",
     muted: "rgba(247,247,250,1)",
     default: "rgba(237,237,240,1)",
+    medium: "rgba(237,237,240,1)",
     intense: "rgba(210,210,214,1)",
     primary: {
       muted: "rgba(185,197,239,1)",
       default: "rgba(53,69,190,1)",
+      graphic: "rgba(53,69,190,1)",
       intense: "rgba(34,47,149,1)",
+      inverse: "rgba(34,47,149,1)",
       active: "rgba(243,246,255,1)",
       hover: "rgba(243,246,255,1)"
     },
+    action: {
+      "primary-button": {
+        default: "rgba(53,69,190,1)",
+        active: "rgba(243,246,255,1)",
+        hover: "rgba(34,47,149,1)",
+        disabled: "rgba(185,197,239,1)"
+      }
+    },
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
-      intense: "rgba(1,116,186,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)",
-      intense: "rgba(0,142,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)",
-      intense: "rgba(255,144,3,1)"
+      intense: "rgba(255,144,3,1)",
+      inverse: "rgba(255,179,0,1)"
     },
     danger: {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
-      intense: "rgba(230,39,40,1)"
+      intense: "rgba(230,39,40,1)",
+      inverse: "rgba(216,0,5,1)"
     },
     status: {
       announcement: "rgba(243,246,255,1)",
@@ -5109,6 +5127,15 @@ var tokens_default = {
       default: "rgba(53,69,190,1)",
       intense: "rgba(14,22,82,1)"
     },
+    action: {
+      focus: "rgba(53,69,190,1)",
+      "secondary-button": {
+        default: "rgba(53,69,190,1)",
+        active: "rgba(243,246,255,1)",
+        hover: "rgba(243,246,255,1)",
+        disabled: "rgba(129,142,236,1)"
+      }
+    },
     info: {
       muted: "rgba(40,180,244,1)",
       default: "rgba(3,153,227,1)",
@@ -5949,7 +5976,8 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-warning-100)",
       muted: "var(--aquarium-background-color-warning-muted)",
       default: "var(--aquarium-background-color-warning-default)",
-      intense: "var(--aquarium-background-color-warning-intense)"
+      intense: "var(--aquarium-background-color-warning-intense)",
+      inverse: "var(--aquarium-background-color-warning-inverse)"
     },
     success: {
       "0": "var(--aquarium-colors-success-0)",
@@ -5966,7 +5994,8 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-success-100)",
       muted: "var(--aquarium-background-color-success-muted)",
       default: "var(--aquarium-background-color-success-default)",
-      intense: "var(--aquarium-background-color-success-intense)"
+      intense: "var(--aquarium-background-color-success-intense)",
+      inverse: "var(--aquarium-background-color-success-inverse)"
     },
     info: {
       "0": "var(--aquarium-colors-info-0)",
@@ -5983,7 +6012,8 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-info-100)",
       muted: "var(--aquarium-background-color-info-muted)",
       default: "var(--aquarium-background-color-info-default)",
-      intense: "var(--aquarium-background-color-info-intense)"
+      intense: "var(--aquarium-background-color-info-intense)",
+      inverse: "var(--aquarium-background-color-info-inverse)"
     },
     grey: {
       "0": "var(--aquarium-colors-grey-0)",
@@ -6028,20 +6058,35 @@ var tailwind_theme_default = {
       "100": "var(--aquarium-colors-primary-100)",
       muted: "var(--aquarium-background-color-primary-muted)",
       default: "var(--aquarium-background-color-primary-default)",
+      graphic: "var(--aquarium-background-color-primary-graphic)",
       intense: "var(--aquarium-background-color-primary-intense)",
+      inverse: "var(--aquarium-background-color-primary-inverse)",
       active: "var(--aquarium-background-color-primary-active)",
       hover: "var(--aquarium-background-color-primary-hover)"
     },
     body: "var(--aquarium-background-color-body)",
+    layer: "var(--aquarium-background-color-layer)",
     "body-intense": "var(--aquarium-background-color-body-intense)",
+    inverse: "var(--aquarium-background-color-inverse)",
+    overlay: "var(--aquarium-background-color-overlay)",
     "popover-content": "var(--aquarium-background-color-popover-content)",
     muted: "var(--aquarium-background-color-muted)",
     default: "var(--aquarium-background-color-default)",
+    medium: "var(--aquarium-background-color-medium)",
     intense: "var(--aquarium-background-color-intense)",
+    action: {
+      "primary-button": {
+        default: "var(--aquarium-background-color-action-primary-button-default)",
+        active: "var(--aquarium-background-color-action-primary-button-active)",
+        hover: "var(--aquarium-background-color-action-primary-button-hover)",
+        disabled: "var(--aquarium-background-color-action-primary-button-disabled)"
+      }
+    },
     danger: {
       muted: "var(--aquarium-background-color-danger-muted)",
       default: "var(--aquarium-background-color-danger-default)",
-      intense: "var(--aquarium-background-color-danger-intense)"
+      intense: "var(--aquarium-background-color-danger-intense)",
+      inverse: "var(--aquarium-background-color-danger-inverse)"
     },
     status: {
       announcement: "var(--aquarium-background-color-status-announcement)",
@@ -6305,6 +6350,15 @@ var tailwind_theme_default = {
     muted: "var(--aquarium-border-color-muted)",
     default: "var(--aquarium-border-color-default)",
     intense: "var(--aquarium-border-color-intense)",
+    action: {
+      focus: "var(--aquarium-border-color-action-focus)",
+      "secondary-button": {
+        default: "var(--aquarium-border-color-action-secondary-button-default)",
+        active: "var(--aquarium-border-color-action-secondary-button-active)",
+        hover: "var(--aquarium-border-color-action-secondary-button-hover)",
+        disabled: "var(--aquarium-border-color-action-secondary-button-disabled)"
+      }
+    },
     danger: {
       muted: "var(--aquarium-border-color-danger-muted)",
       default: "var(--aquarium-border-color-danger-default)",
@@ -6728,7 +6782,7 @@ var toastStyles = tv3({
   variants: {
     variant: {
       default: {
-        base: "bg-body-intense text-opposite-default",
+        base: "bg-inverse text-opposite-default",
         dismiss: "[&>button]:text-muted",
         action: "[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted"
       },
@@ -6796,7 +6850,7 @@ var inputContainerClasses = tv4({
   variants: {
     variant: {
       default: "border px-3 py-[6px] border-default hover:border-intense bg-transparent",
-      disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-default",
+      disabled: "border px-3 py-[6px] cursor-not-allowed border-default bg-medium",
       error: "border px-3 py-[6px] border-danger-default bg-transparent",
       focused: "border px-3 py-[6px] border-info-default bg-transparent",
       readOnly: "cursor-default border-default bg-transparent"
@@ -6804,7 +6858,7 @@ var inputContainerClasses = tv4({
   }
 });
 var inputClasses = tv4({
-  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",
+  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",
   variants: {
     disabled: {
       true: "text-inactive",
@@ -6817,7 +6871,7 @@ var inputClasses = tv4({
   }
 });
 var menuClasses = tv4({
-  base: "text-default bg-popover-content overflow-y-auto"
+  base: "text-default bg-overlay overflow-y-auto"
 });
 var noResultsClasses = tv4({
   base: "p-3 text-inactive typography-small"
@@ -7292,7 +7346,7 @@ import React19 from "react";
 import { isNumber, isUndefined as isUndefined5 } from "lodash-es";
 import { tv as tv6 } from "tailwind-variants";
 var skeletonStyles = tv6({
-  base: "bg-default",
+  base: "bg-medium",
   variants: {
     hasHeight: {
       false: "h-auto before:content-['_'] whitespace-pre origin-[0%_45%] scale-[0.55]"
@@ -7595,7 +7649,7 @@ var getStatusClassNames = (status = "neutral") => {
       return "text-success-intense bg-status-success";
     case "neutral":
     default:
-      return "text-default bg-default";
+      return "text-default bg-medium";
   }
 };
 var Chip2 = ({
@@ -7936,7 +7990,7 @@ var checkboxClasses = tv10({
       },
       false: {
         wrapper: "hover:border-intense peer-checked:border-primary-default",
-        input: "cursor-pointer checked:bg-primary-default",
+        input: "cursor-pointer checked:bg-primary-graphic",
         icon: "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default"
       }
     }
@@ -7965,7 +8019,7 @@ var Checkbox = React29.forwardRef(
 import React30 from "react";
 import { tv as tv11 } from "tailwind-variants";
 var radioButtonClasses = tv11({
-  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",
+  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",
   variants: {
     disabled: {
       true: "cursor-not-allowed border-muted bg-muted checked:bg-primary-muted checked:border-transparent",
@@ -8917,7 +8971,7 @@ import {
 import { tv as tv13 } from "tailwind-variants";
 var popoverStyles = tv13({
   // z-[101] ensures popover appears above modal (z-modal: 100)
-  base: "rounded-sm shadow-16dp bg-popover-content mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]"
+  base: "rounded-sm shadow-16dp bg-overlay mt-1 overflow-y-auto flex flex-col border border-default outline-none z-[101]"
 });
 var Popover = React49.forwardRef(
   ({ children, offset = 0, className, placement: _placement = "bottom-left", ...props }, ref) => {
@@ -10418,7 +10472,7 @@ import { clsx as clsx26 } from "clsx";
 import { tv as tv16 } from "tailwind-variants";
 var import_tick5 = __toESM(require_tick());
 var dropdownMenuStyles = tv16({
-  base: "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
+  base: "bg-overlay w-full flex flex-col overflow-x-hidden typography-small text-default"
 });
 var DropdownMenu = ({ className, children, ...props }) => {
   return /* @__PURE__ */ React62.createElement(AriaMenu, { className: dropdownMenuStyles({ className: ["Aquarium-DropdownMenu", className] }), ...props }, children);
@@ -10431,7 +10485,7 @@ var dropdownMenuGroupStyles = tv16({
   slots: {
     base: [
       '[&:not(:first-child)]:before:content-[""] [&:not(:first-child)]:before:block',
-      "[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-default [&:not(:first-child)]:before:m-3"
+      "[&:not(:first-child)]:before:h-[1px] [&:not(:first-child)]:before:bg-medium [&:not(:first-child)]:before:m-3"
     ],
     title: "p-3 text-inactive uppercase cursor-default typography-caption"
   }
@@ -10541,7 +10595,7 @@ var fieldBorder = tv17({
       true: "border-danger-default"
     },
     isDisabled: {
-      true: "bg-default cursor-not-allowed text-inactive"
+      true: "bg-medium cursor-not-allowed text-inactive"
     }
   }
 });
@@ -11655,8 +11709,8 @@ var cellStyles = tv20({
   base: "w-8 h-8 typography-small cursor-default rounded-md flex items-center justify-center outside-month:hidden",
   variants: {
     isSelected: {
-      false: "text-default hover:bg-default pressed:bg-intense",
-      true: "bg-primary-default invalid:bg-danger-default text-white"
+      false: "text-default hover:bg-medium pressed:bg-intense",
+      true: "bg-primary-graphic invalid:bg-danger-default text-white"
     },
     isUnavailable: {
       true: "text-inactive"
@@ -14356,7 +14410,7 @@ import { tv as tv22 } from "tailwind-variants";
 var cellContainer = tv22({
   base: [
     "group w-8 h-8 typography-small outline outline-0 cursor-default",
-    "outside-month:hidden selected:bg-primary-default",
+    "outside-month:hidden selected:bg-primary-graphic",
     "invalid:selected:bg-danger-default",
     "selection-start:rounded-s-md selection-end:rounded-e-md"
   ]
@@ -14366,15 +14420,15 @@ var cell = tv22({
   base: "w-full h-full flex items-center justify-center rounded-md text-default",
   variants: {
     selectionState: {
-      none: "group-hover:bg-default group-pressed:bg-intense",
+      none: "group-hover:bg-medium group-pressed:bg-intense",
       middle: [
         "text-white",
-        "group-hover:bg-primary-default",
+        "group-hover:bg-primary-graphic",
         "group-invalid:group-hover:bg-danger-default",
-        "group-pressed:bg-primary-intense",
+        "group-pressed:bg-primary-inverse",
         "group-invalid:group-pressed:bg-danger-intense"
       ],
-      cap: "text-white bg-primary-default group-invalid:bg-danger-default"
+      cap: "text-white bg-primary-graphic group-invalid:bg-danger-default"
     },
     isUnavailable: {
       true: "text-inactive"
@@ -14533,8 +14587,8 @@ var bodyMaskClasses = tv23({
 var modalStyles = tv23({
   slots: {
     overlay: "inset-0 overflow-y-auto z-modal fixed",
-    backdrop: "-z-10 fixed min-w-full min-h-full bg-body-intense opacity-70",
-    dialog: "bg-popover-content max-h-full flex flex-col",
+    backdrop: "-z-10 fixed min-w-full min-h-full bg-inverse opacity-30",
+    dialog: "bg-overlay max-h-full flex flex-col",
     header: "pl-7 pr-[64px] pt-6 pb-4 gap-3 flex items-center",
     headerImage: "h-[120px] min-h-[120px] w-full",
     titleContainer: "flex flex-col grow",
@@ -14582,7 +14636,7 @@ var modalStyles = tv23({
         headerImage: "object-cover"
       },
       false: {
-        headerImage: "bg-default"
+        headerImage: "bg-medium"
       }
     }
   },
@@ -15042,7 +15096,7 @@ var DropdownMenu3 = ({
     const id = setTimeout(() => (menuRef.current?.children[0]).focus());
     return () => clearTimeout(id);
   }, [menuRef.current]);
-  return /* @__PURE__ */ React90.createElement("div", { style: { minWidth: "250px" }, className: "py-3 bg-popover-content" }, !!title && /* @__PURE__ */ React90.createElement("div", { className: "px-4 py-4 text-left text-intense typography-default-strong" }, title), /* @__PURE__ */ React90.createElement("ol", { role: "menu", ref: menuRef, id: contentId, "aria-labelledby": triggerId }, React90.Children.map(children, (child) => {
+  return /* @__PURE__ */ React90.createElement("div", { style: { minWidth: "250px" }, className: "py-3 bg-overlay" }, !!title && /* @__PURE__ */ React90.createElement("div", { className: "px-4 py-4 text-left text-intense typography-default-strong" }, title), /* @__PURE__ */ React90.createElement("ol", { role: "menu", ref: menuRef, id: contentId, "aria-labelledby": triggerId }, React90.Children.map(children, (child) => {
     return React90.cloneElement(child, { setClose });
   })));
 };
@@ -15238,7 +15292,7 @@ var FilterClearButton = ({ onClear }) => (
         }
         onClear();
       },
-      className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-default focus:bg-default outline-0 outline-none rounded-r-full"
+      className: "py-[10px] pl-[6px] pr-4 inline-flex items-center hover:bg-medium focus:bg-medium outline-0 outline-none rounded-r-full"
     },
     /* @__PURE__ */ React92.createElement(InlineIcon2, { icon: import_cross6.default })
   )
@@ -15296,7 +15350,7 @@ var InputChip = React97.forwardRef(
           {
             "bg-status-danger": invalid,
             "bg-muted": !invalid && !disabled,
-            "bg-default": disabled
+            "bg-medium": disabled
           }
         )
       },
@@ -15794,7 +15848,7 @@ var NativeSelectBase = React100.forwardRef(
         className: clsx36(
           "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
           {
-            "px-3 py-3 bg-transparent disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
+            "px-3 py-3 bg-transparent disabled:border-default disabled:bg-medium disabled:text-inactive": !readOnly,
             "px-0 py-3 border-none bg-transparent": readOnly,
             "border border-danger-default": !valid && !readOnly,
             "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
@@ -15873,9 +15927,9 @@ var navigationClasses = tv25({
     sectionList: "flex flex-col",
     divider: "border-t-2 border-muted",
     itemContainer: "",
-    itemAnchor: "py-3 px-6 hover:bg-default cursor-pointer flex gap-4 items-center typography-small focusable",
+    itemAnchor: "py-3 px-6 hover:bg-medium cursor-pointer flex gap-4 items-center typography-small focusable",
     submenuContainer: "",
-    submenuAnchor: "py-3 pr-6 pl-3 hover:bg-default cursor-pointer typography-small focusable flex items-center w-full",
+    submenuAnchor: "py-3 pr-6 pl-3 hover:bg-medium cursor-pointer typography-small focusable flex items-center w-full",
     submenuList: "flex flex-col",
     submenuItem: "pl-[56px]"
   },
@@ -16288,10 +16342,10 @@ var switchStyles = tv28({
   variants: {
     disabled: {
       true: {
-        input: "bg-default checked:opacity-50 checked:bg-primary-muted"
+        input: "bg-medium checked:opacity-50 checked:bg-primary-muted"
       },
       false: {
-        input: "bg-intense hover:bg-intense checked:bg-primary-default hover:checked:bg-primary-intense",
+        input: "bg-intense hover:bg-intense checked:bg-primary-graphic hover:checked:bg-primary-inverse",
         thumb: "shadow-4dp"
       }
     }
@@ -16487,7 +16541,7 @@ var stepStyles = tv30({
       slots: ["indicator"],
       dense: true,
       state: "active",
-      class: "bg-body-intense"
+      class: "bg-inverse"
     },
     {
       slots: ["indicator"],
@@ -16663,7 +16717,7 @@ var Timeline = ({ className, ...rest }) => /* @__PURE__ */ React121.createElemen
 var Content2 = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("pb-6", className) });
 var Separator = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex items-center justify-center h-5 w-5", className) });
 var LineContainer = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("flex justify-center py-1", className) });
-var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-default h-full justify-self-center", className) });
+var Line = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("w-1 bg-medium h-full justify-self-center", className) });
 var Dot = ({ className, ...rest }) => /* @__PURE__ */ React121.createElement("div", { ...rest, className: clsx44("bg-intense h-[6px] w-[6px] rounded", className) });
 Separator.Dot = Dot;
 LineContainer.Line = Line;

package/dist/charts.cjs

@@ -214,37 +214,55 @@ var tokens_default = {
   },
   backgroundColor: {
     body: "white",
+    layer: "white",
     "body-intense": "rgba(58,58,68,1)",
+    inverse: "rgba(58,58,68,1)",
+    overlay: "white",
     "popover-content": "white",
     muted: "rgba(247,247,250,1)",
     default: "rgba(237,237,240,1)",
+    medium: "rgba(237,237,240,1)",
     intense: "rgba(210,210,214,1)",
     primary: {
       muted: "rgba(185,197,239,1)",
       default: "rgba(53,69,190,1)",
+      graphic: "rgba(53,69,190,1)",
       intense: "rgba(34,47,149,1)",
+      inverse: "rgba(34,47,149,1)",
       active: "rgba(243,246,255,1)",
       hover: "rgba(243,246,255,1)"
     },
+    action: {
+      "primary-button": {
+        default: "rgba(53,69,190,1)",
+        active: "rgba(243,246,255,1)",
+        hover: "rgba(34,47,149,1)",
+        disabled: "rgba(185,197,239,1)"
+      }
+    },
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
-      intense: "rgba(1,116,186,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)",
-      intense: "rgba(0,142,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)",
-      intense: "rgba(255,144,3,1)"
+      intense: "rgba(255,144,3,1)",
+      inverse: "rgba(255,179,0,1)"
     },
     danger: {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
-      intense: "rgba(230,39,40,1)"
+      intense: "rgba(230,39,40,1)",
+      inverse: "rgba(216,0,5,1)"
     },
     status: {
       announcement: "rgba(243,246,255,1)",
@@ -266,6 +284,15 @@ var tokens_default = {
       default: "rgba(53,69,190,1)",
       intense: "rgba(14,22,82,1)"
     },
+    action: {
+      focus: "rgba(53,69,190,1)",
+      "secondary-button": {
+        default: "rgba(53,69,190,1)",
+        active: "rgba(243,246,255,1)",
+        hover: "rgba(243,246,255,1)",
+        disabled: "rgba(129,142,236,1)"
+      }
+    },
     info: {
       muted: "rgba(40,180,244,1)",
       default: "rgba(3,153,227,1)",

package/dist/charts.mjs

@@ -74,37 +74,55 @@ var tokens_default = {
   },
   backgroundColor: {
     body: "white",
+    layer: "white",
     "body-intense": "rgba(58,58,68,1)",
+    inverse: "rgba(58,58,68,1)",
+    overlay: "white",
     "popover-content": "white",
     muted: "rgba(247,247,250,1)",
     default: "rgba(237,237,240,1)",
+    medium: "rgba(237,237,240,1)",
     intense: "rgba(210,210,214,1)",
     primary: {
       muted: "rgba(185,197,239,1)",
       default: "rgba(53,69,190,1)",
+      graphic: "rgba(53,69,190,1)",
       intense: "rgba(34,47,149,1)",
+      inverse: "rgba(34,47,149,1)",
       active: "rgba(243,246,255,1)",
       hover: "rgba(243,246,255,1)"
     },
+    action: {
+      "primary-button": {
+        default: "rgba(53,69,190,1)",
+        active: "rgba(243,246,255,1)",
+        hover: "rgba(34,47,149,1)",
+        disabled: "rgba(185,197,239,1)"
+      }
+    },
     info: {
       muted: "rgba(224,245,254,1)",
       default: "rgba(3,153,227,1)",
-      intense: "rgba(1,116,186,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)",
-      intense: "rgba(0,142,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)",
-      intense: "rgba(255,144,3,1)"
+      intense: "rgba(255,144,3,1)",
+      inverse: "rgba(255,179,0,1)"
     },
     danger: {
       muted: "rgba(255,203,210,1)",
       default: "rgba(255,173,179,1)",
-      intense: "rgba(230,39,40,1)"
+      intense: "rgba(230,39,40,1)",
+      inverse: "rgba(216,0,5,1)"
     },
     status: {
       announcement: "rgba(243,246,255,1)",
@@ -126,6 +144,15 @@ var tokens_default = {
       default: "rgba(53,69,190,1)",
       intense: "rgba(14,22,82,1)"
     },
+    action: {
+      focus: "rgba(53,69,190,1)",
+      "secondary-button": {
+        default: "rgba(53,69,190,1)",
+        active: "rgba(243,246,255,1)",
+        hover: "rgba(243,246,255,1)",
+        disabled: "rgba(129,142,236,1)"
+      }
+    },
     info: {
       muted: "rgba(40,180,244,1)",
       default: "rgba(3,153,227,1)",

package/dist/src/atoms/Button/Button.js

@@ -21,14 +21,14 @@ const buttonStateClasses = tv({
     variants: {
         kind: {
             primary: [
-                'active:text-white active:bg-primary-active',
-                'hover:bg-primary-intense',
-                'disabled:text-white disabled:bg-primary-muted',
+                'active:text-white active:bg-action-primary-button-active',
+                'hover:bg-action-primary-button-hover',
+                'disabled:text-white disabled:bg-action-primary-button-disabled',
             ],
             secondary: [
                 'active:bg-primary-active active:text-primary-active',
                 'hover:bg-primary-hover',
-                'before:disabled:border-primary-muted',
+                'before:disabled:border-action-secondary-button-disabled',
             ],
             ghost: ['hover:text-primary-active'],
             text: interactiveTextStyles(),
@@ -47,8 +47,8 @@ export const buttonClasses = tv({
     base: 'Aquarium-Button whitespace-nowrap transition text-center text-primary-intense rounded-sm relative px-4 py-3 inline-flex gap-3 items-center justify-center',
     variants: {
         kind: {
-            primary: 'Aquarium-Button.Primary text-white bg-primary-default icon-stroke-2',
-            secondary: 'Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-primary-default before:rounded-sm icon-stroke-2',
+            primary: 'Aquarium-Button.Primary text-white bg-action-primary-button-default icon-stroke-2',
+            secondary: 'Aquarium-Button.Secondary bg-transparent before:absolute before:inset-0 before:border before:border-action-secondary-button-default before:rounded-sm icon-stroke-2',
             ghost: 'Aquarium-Button.Ghost px-0 icon-stroke-2',
             text: 'Aquarium-Button.Text px-0 py-0 icon-stroke-2',
             icon: 'Aquarium-Button.Icon px-2 py-2 text-default',
@@ -105,4 +105,4 @@ export const Icon = (_a) => {
     var { dense = false } = _a, props = __rest(_a, ["dense"]);
     return (React.createElement(_Icon, Object.assign({}, props, { width: iconSize(dense), height: iconSize(dense) })));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0J1dHRvbi9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLElBQUksS0FBSyxFQUFrQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFJNUUsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsTUFBTSxFQUFFLGNBQWM7SUFDdEIsSUFBSSxFQUFFLDRFQUE0RTtJQUNsRixRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUU7Z0JBQ1AsNENBQTRDO2dCQUM1QywwQkFBMEI7Z0JBQzFCLCtDQUErQzthQUNoRDtZQUNELFNBQVMsRUFBRTtnQkFDVCxxREFBcUQ7Z0JBQ3JELHdCQUF3QjtnQkFDeEIsc0NBQXNDO2FBQ3ZDO1lBQ0QsS0FBSyxFQUFFLENBQUMsMkJBQTJCLENBQUM7WUFDcEMsSUFBSSxFQUFFLHFCQUFxQixFQUFFO1lBQzdCLElBQUksRUFBRSxDQUFDLDRCQUE0QixFQUFFLHdCQUF3QixDQUFDO1NBQy9EO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsSUFBSSxFQUFFLG9CQUFvQjtTQUMzQjtRQUNELE9BQU8sRUFBRTtZQUNQLElBQUksRUFBRSxhQUFhO1NBQ3BCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsRUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0J1dHRvbi9CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLElBQUksS0FBSyxFQUFrQixVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUNuRCxPQUFPLEVBQUUsY0FBYyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFJNUUsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsTUFBTSxFQUFFLGNBQWM7SUFDdEIsSUFBSSxFQUFFLDRFQUE0RTtJQUNsRixRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUU7Z0JBQ1AsMERBQTBEO2dCQUMxRCxzQ0FBc0M7Z0JBQ3RDLGdFQUFnRTthQUNqRTtZQUNELFNBQVMsRUFBRTtnQkFDVCxxREFBcUQ7Z0JBQ3JELHdCQUF3QjtnQkFDeEIseURBQXlEO2FBQzFEO1lBQ0QsS0FBSyxFQUFFLENBQUMsMkJBQTJCLENBQUM7WUFDcEMsSUFBSSxFQUFFLHFCQUFxQixFQUFFO1lBQzdCLElBQUksRUFBRSxDQUFDLDRCQUE0QixFQUFFLHdCQUF3QixDQUFDO1NBQy9EO1FBQ0QsUUFBUSxFQUFFO1lBQ1IsSUFBSSxFQUFFLG9CQUFvQjtTQUMzQjtRQUNELE9BQU8sRUFBRTtZQUNQLElBQUksRUFBRSxhQUFhO1NBQ3BCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsRUFB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