@aivenio/aquarium 1.58.1 → 1.60.0

package/dist/styles.css

@@ -457,9 +457,9 @@ img,video {
   --aquarium-colors-primary-5: #f3f6ff;
   --aquarium-colors-primary-0: #ffffff;
   --aquarium-colors-transparent: transparent;
+  --aquarium-colors-current: currentColor;
   --aquarium-colors-white: white;
   --aquarium-colors-black: black;
-  --aquarium-colors-current: currentColor;
   --aquarium-box-shadow-24dp: 0px 24px 48px rgba(90, 91, 106, 0.08), 0px 12px 24px rgba(58, 58, 68, 0.08);
   --aquarium-box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 58, 68, 0.12);
   --aquarium-box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
@@ -533,6 +533,8 @@ img,video {
   --aquarium-spacing-l5: 64px;
   --aquarium-spacing-l6: 96px;
   --aquarium-spacing-l7: 160px;
+  --aquarium-text-color-muted: var(--aquarium-colors-grey-40);
+  --aquarium-text-color-default: var(--aquarium-colors-grey-70);
 }
 input[type='number'].no-arrows::-webkit-inner-spin-button,input[type='number'].no-arrow::-webkit-outer-spin-button {
   -webkit-appearance: none;
@@ -1054,12 +1056,12 @@ input[type='number'].no-arrows {
 .z-20{
   z-index: 20;
 }
-.z-0{
-  z-index: 0;
-}
 .z-40{
   z-index: 40;
 }
+.z-0{
+  z-index: 0;
+}
 .col-span-full{
   grid-column: 1 / -1;
 }
@@ -2431,10 +2433,18 @@ input[type='number'].no-arrows {
   color: #ffffff;
   color: var(--aquarium-colors-primary-0, #ffffff);
 }
+.text-default{
+  color: #4a4b57;
+  color: var(--aquarium-text-color-default);
+}
 .text-transparent{
   color: transparent;
   color: var(--aquarium-colors-transparent, transparent);
 }
+.text-muted{
+  color: #9696a0;
+  color: var(--aquarium-text-color-muted);
+}
 .text-white{
   color: white;
   color: var(--aquarium-colors-white, white);
@@ -2507,7 +2517,7 @@ input[type='number'].no-arrows {
 }
 .ring{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
@@ -2616,13 +2626,29 @@ input[type='number'].no-arrows {
 .scrollbar-hide::-webkit-scrollbar{
   display: none;
 }
-.placeholder\:text-grey-40::-moz-placeholder{
+.aquarium-theme-dark {
+  --aquarium-text-color-faint: var(--aquarium-colors-grey-60);
+  --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
+  --aquarium-text-color-lighter: var(--aquarium-colors-grey-40);
+  --aquarium-text-color-default: var(--aquarium-colors-grey-20);
+  --aquarium-text-color-accent: var(--aquarium-colors-grey-0);
+
+  --aquarium-border-color-muted: var(--aquarium-colors-grey-80);
+  --aquarium-border-color-default: var(--aquarium-colors-grey-80);
+  --aquarium-border-color-accent: var(--aquarium-colors-grey-40);
+
+  --aquarium-background-color-muted: var(--aquarium-colors-grey-80);
+  --aquarium-background-color-default: var(--aquarium-colors-grey-40);
+  --aquarium-background-color-accent: var(--aquarium-colors-grey-70);
+  --aquarium-background-color-contrast: var(--aquarium-colors-grey-20);
+}
+.placeholder\:text-muted::-moz-placeholder{
   color: #9696a0;
-  color: var(--aquarium-colors-grey-40, #9696a0);
+  color: var(--aquarium-text-color-muted);
 }
-.placeholder\:text-grey-40::placeholder{
+.placeholder\:text-muted::placeholder{
   color: #9696a0;
-  color: var(--aquarium-colors-grey-40, #9696a0);
+  color: var(--aquarium-text-color-muted);
 }
 .before\:content-\[\'_\'\]::before{
   --tw-content: ' ';
@@ -2915,9 +2941,9 @@ input[type='number'].no-arrows {
   color: #787885;
   color: var(--aquarium-colors-grey-50, #787885);
 }
-.active\:text-grey-70:active{
+.active\:text-default:active{
   color: #4a4b57;
-  color: var(--aquarium-colors-grey-70, #4a4b57);
+  color: var(--aquarium-text-color-default);
 }
 .active\:ring-0:active{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -2951,9 +2977,9 @@ input[type='number'].no-arrows {
   background-color: transparent;
   background-color: var(--aquarium-colors-transparent, transparent);
 }
-.disabled\:text-grey-40:disabled{
+.disabled\:text-muted:disabled{
   color: #9696a0;
-  color: var(--aquarium-colors-grey-40, #9696a0);
+  color: var(--aquarium-text-color-muted);
 }
 .disabled\:text-primary-40:disabled{
   color: #b9c5ef;
@@ -2963,10 +2989,6 @@ input[type='number'].no-arrows {
   color: #b4b4bb;
   color: var(--aquarium-colors-grey-30, #b4b4bb);
 }
-.disabled\:text-grey-20:disabled{
-  color: #d2d2d6;
-  color: var(--aquarium-colors-grey-20, #d2d2d6);
-}
 .disabled\:ring-primary-40:disabled{
   --tw-ring-color: var(--aquarium-colors-primary-40, #b9c5ef);
 }
@@ -3072,4 +3094,4 @@ input[type='number'].no-arrows {
 .\[\&\>div\:first-child\]\:px-3>div:first-child{
   padding-left: 8px;
   padding-right: 8px;
-}
+}

package/dist/system.cjs

@@ -774,6 +774,22 @@ var require_airplane = __commonJS({
   }
 });
 
+// src/icons/aivenEnterprise.js
+var require_aivenEnterprise = __commonJS({
+  "src/icons/aivenEnterprise.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20 15.3c0 1.512 0 2.268-.294 2.846a2.7 2.7 0 01-1.18 1.18c-.578.294-1.334.294-2.846.294H6.32c-1.512 0-2.268 0-2.846-.294a2.7 2.7 0 01-1.18-1.18C2 17.568 2 16.812 2 15.3m10.36-2.743c0-.24 0-.36.047-.452a.428.428 0 01.187-.187c.092-.047.212-.047.452-.047h2.057c.24 0 .36 0 .452.047.08.041.146.107.187.187.047.092.047.212.047.452v2.057c0 .24 0 .36-.047.452a.429.429 0 01-.187.187c-.092.047-.212.047-.452.047h-2.057c-.24 0-.36 0-.452-.047a.428.428 0 01-.187-.187c-.047-.092-.047-.212-.047-.452v-2.057Zm-6.15 0c0-.24 0-.36.047-.452a.429.429 0 01.187-.187c.092-.047.212-.047.452-.047h2.057c.24 0 .36 0 .452.047.08.041.146.107.187.187.047.092.047.212.047.452v2.057c0 .24 0 .36-.047.452a.429.429 0 01-.187.187c-.092.047-.212.047-.452.047H6.896c-.24 0-.36 0-.452-.047a.429.429 0 01-.187-.187c-.047-.092-.047-.212-.047-.452v-2.057Zm6.15-6.714c0-.24 0-.36.047-.452a.428.428 0 01.187-.187c.092-.047.212-.047.452-.047h2.057c.24 0 .36 0 .452.047.08.04.146.106.187.187.047.092.047.212.047.452V7.9c0 .24 0 .36-.047.452a.428.428 0 01-.187.187c-.092.047-.212.047-.452.047h-2.057c-.24 0-.36 0-.452-.047a.428.428 0 01-.187-.187c-.047-.092-.047-.212-.047-.452V5.843ZM3.3 3.557c0-.44 0-.66.086-.828a.786.786 0 01.343-.343c.168-.086.388-.086.828-.086H8.33c.44 0 .66 0 .828.086a.786.786 0 01.343.343c.086.168.086.388.086.828V7.33c0 .44 0 .66-.086.828a.786.786 0 01-.343.343c-.168.086-.388.086-.828.086H4.557c-.44 0-.66 0-.828-.086a.786.786 0 01-.343-.343C3.3 7.989 3.3 7.769 3.3 7.329V3.557Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/alignCenter.js
 var require_alignCenter = __commonJS({
   "src/icons/alignCenter.js"(exports) {
@@ -5024,9 +5040,9 @@ var Input = import_react3.default.forwardRef((_a, ref) => {
     type: "text",
     className: classNames(
       className,
-      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-grey-40",
+      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-muted",
       {
-        "text-grey-70": !props.disabled,
+        "text-default": !props.disabled,
         "text-grey-30": props.disabled,
         "cursor-default": props.readOnly
       }
@@ -5049,7 +5065,7 @@ var NoResults = import_react3.default.forwardRef(
     return /* @__PURE__ */ import_react3.default.createElement("li", __spreadProps(__spreadValues({
       ref
     }, rest), {
-      className: classNames(tw("p-3 text-grey-40 italic typography-small"), className)
+      className: classNames(tw("p-3 text-muted italic typography-small"), className)
     }), children);
   }
 );
@@ -5069,7 +5085,7 @@ var Group = import_react3.default.forwardRef((_a, ref) => {
     ref,
     className: classNames(
       className,
-      "flex items-center gap-x-3 p-3 text-grey-40 uppercase cursor-default typography-caption mt-4 first:mt-0",
+      "flex items-center gap-x-3 p-3 text-muted uppercase cursor-default typography-caption mt-4 first:mt-0",
       {
         "text-grey-20": props.disabled
       }
@@ -5520,9 +5536,9 @@ var tailwind_theme_default = {
     "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
     "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
     transparent: "var(--aquarium-colors-transparent, transparent)",
+    current: "var(--aquarium-colors-current, currentColor)",
     white: "var(--aquarium-colors-white, white)",
-    black: "var(--aquarium-colors-black, black)",
-    current: "var(--aquarium-colors-current, currentColor)"
+    black: "var(--aquarium-colors-black, black)"
   },
   gap: {
     "0": "0",
@@ -6023,6 +6039,7 @@ Toast.Dismiss = Dismiss;
 var import_addToFolder = __toESM(require_addToFolder());
 var import_add = __toESM(require_add());
 var import_airplane = __toESM(require_airplane());
+var import_aivenEnterprise = __toESM(require_aivenEnterprise());
 var import_alignCenter = __toESM(require_alignCenter());
 var import_alignJustify = __toESM(require_alignJustify());
 var import_alignLeft = __toESM(require_alignLeft());
@@ -6867,7 +6884,7 @@ var Arrow = (props) => {
 
 // src/utils/constants.ts
 var getCommonInputStyles = ({ readOnly, valid }) => tw(
-  "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none",
+  "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-default disabled:text-muted placeholder:text-muted focus:outline-none",
   {
     "px-3 py-3": !readOnly,
     "border-none resize-none cursor-default": readOnly,
@@ -7006,7 +7023,7 @@ var asButton = (Component, isDropdownButton) => {
           tw(
             "inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center",
             {
-              "text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
+              "text-default p-2 active:text-default active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-muted disabled:bg-transparent": isIconOnlyButton,
               "typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
               "typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
               "py-3 px-4": !dense && isButton,
@@ -7938,7 +7955,7 @@ var getStatusClassNames = (status = "neutral") => {
       return tw("text-success-100 bg-success-5");
     case "neutral":
     default:
-      return tw("text-grey-70 bg-grey-5");
+      return tw("text-default bg-grey-5");
   }
 };
 var Chip2 = (_a) => {
@@ -7962,8 +7979,8 @@ var Chip2 = (_a) => {
     className: (0, import_classnames5.default)(
       "Aquarium-Chip",
       tw({
-        "bg-grey-0 text-grey-70": !locked,
-        "bg-grey-5 text-grey-40": locked
+        "bg-grey-0 text-default": !locked,
+        "bg-grey-5 text-muted": locked
       })
     )
   }, rest), icon && /* @__PURE__ */ import_react32.default.createElement(InlineIcon, {
@@ -8430,13 +8447,12 @@ var CompactCard = ({
       modality: isFocusVisible ? "keyboard" : "pointer"
     }), commonContent);
   }
-  return /* @__PURE__ */ import_react41.default.createElement(Card, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ import_react41.default.createElement(Card, __spreadValues(__spreadProps(__spreadValues({
     ref,
     className: "Aquarium-Card.Compact"
   }, onClick ? buttonProps : {}), {
-    role: onClick ? "button" : void 0,
-    disabled
-  }), commonContent, (primaryAction || secondaryAction) && /* @__PURE__ */ import_react41.default.createElement(Card.Actions, {
+    role: onClick ? "button" : void 0
+  }), commonProps), commonContent, (primaryAction || secondaryAction) && /* @__PURE__ */ import_react41.default.createElement(Card.Actions, {
     dense: true
   }, primaryAction && renderAction({ kind: "secondary", dense: true, action: primaryAction }), secondaryAction && renderAction({ kind: "ghost", dense: true, action: secondaryAction })));
 };
@@ -8776,7 +8792,7 @@ var ControlLabel = (_a) => {
     "style",
     "className"
   ]);
-  const textClass = disabled ? "text-grey-40" : "text-grey-70";
+  const textClass = disabled ? "text-muted" : "text-default";
   const rtl = labelPlacement === "left";
   const labelEl = label && /* @__PURE__ */ import_react44.default.createElement("span", {
     className: tw("typography-small self-center", { "text-right": rtl })
@@ -9098,9 +9114,9 @@ var LabelText = ({
     className: tw("block mb-2")
   }, /* @__PURE__ */ import_react51.default.createElement("span", {
     className: tw("inline-flex items-center typography-small-strong", {
-      "text-grey-70": variant === "default",
+      "text-default": variant === "default",
       "text-error-50": variant === "error",
-      "text-grey-40": variant === "disabled"
+      "text-muted": variant === "disabled"
     })
   }, labelText, required && /* @__PURE__ */ import_react51.default.createElement("span", {
     className: tw("text-error-50")
@@ -9109,7 +9125,7 @@ var LabelText = ({
     placement: helpTooltipPlacement
   }, /* @__PURE__ */ import_react51.default.createElement("span", {
     tabIndex: 0,
-    className: tw("text-grey-40 flex items-center cursor-pointer ml-2")
+    className: tw("text-muted flex items-center cursor-pointer ml-2")
   }, /* @__PURE__ */ import_react51.default.createElement(InlineIcon, {
     icon: import_questionMark2.default,
     "data-testid": "icon-info"
@@ -9853,7 +9869,7 @@ var InputAdornment = ({
   children
 }) => {
   return /* @__PURE__ */ import_react62.default.createElement("span", {
-    className: classNames(className, "absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3", {
+    className: classNames(className, "absolute inset-y-0 grow-0 text-muted flex items-center mx-3", {
       "right-0": placement === "right",
       "left-0": placement === "left",
       "typography-small": dense,
@@ -10506,7 +10522,7 @@ var TableRow = (_a) => {
   }), children);
 };
 var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
-var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-grey-70 py-3", {
+var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-3", {
   "h-[50px]": table,
   "min-h-[50px]": !table,
   "sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
@@ -10557,7 +10573,7 @@ var TableSelectCell = (_a) => {
 };
 var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
 var getSortCellIconClassNames = (active) => {
-  return tw("text-[9px]", active ? "text-grey-70" : "text-grey-30");
+  return tw("text-[9px]", active ? "text-default" : "text-muted");
 };
 var TableSortCell = (_a) => {
   var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
@@ -10828,7 +10844,7 @@ var DropdownMenu = import_react72.default.forwardRef(
     return /* @__PURE__ */ import_react72.default.createElement("div", __spreadValues({
       ref,
       style: { minHeight, maxHeight, minWidth, maxWidth },
-      className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70")
+      className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-default")
     }, props), children);
   }
 );
@@ -10852,7 +10868,7 @@ var Group2 = import_react72.default.forwardRef(
     return /* @__PURE__ */ import_react72.default.createElement("li", __spreadValues({
       ref
     }, props), title && /* @__PURE__ */ import_react72.default.createElement("div", __spreadValues({
-      className: classNames(className, "p-3 text-grey-40 uppercase cursor-default typography-caption", {
+      className: classNames(className, "p-3 text-muted uppercase cursor-default typography-caption", {
         "text-grey-20": props.disabled
       })
     }, titleProps), title), children);
@@ -12644,8 +12660,8 @@ var DropdownItem = (_a) => {
     onKeyDown: handleKeyDown
   }, props), {
     className: tw("typography-small flex items-center focus:ring-0", {
-      "text-grey-70 cursor-pointer hover:bg-grey-0": !disabled,
-      "text-grey-10 cursor-not-allowed": disabled,
+      "text-default cursor-pointer hover:bg-grey-0": !disabled,
+      "text-muted cursor-not-allowed": disabled,
       "text-primary-70 hover:text-primary-80": color === "danger" && !disabled
     })
   }), tooltip ? /* @__PURE__ */ import_react88.default.createElement(Tooltip, {
@@ -13050,7 +13066,7 @@ var InputChip = import_react98.default.forwardRef(
       icon: import_smallCross2.default,
       className: tw({
         "text-error-70": invalid,
-        "text-grey-70": !invalid
+        "text-default": !invalid
       })
     })));
   }
@@ -13567,7 +13583,7 @@ var NativeSelectBase = import_react101.default.forwardRef(
       className: classNames("Aquarium-NativeSelectBase", tw("relative block"))
     }, !readOnly && /* @__PURE__ */ import_react101.default.createElement("span", {
       className: tw(
-        "absolute right-0 inset-y-0 mr-4 text-grey-40 flex ml-3 pointer-events-none typography-default-strong mt-4"
+        "absolute right-0 inset-y-0 mr-4 text-muted flex ml-3 pointer-events-none typography-default-strong mt-4"
       )
     }, /* @__PURE__ */ import_react101.default.createElement(Icon, {
       icon: import_caretDown2.default,
@@ -13581,9 +13597,9 @@ var NativeSelectBase = import_react101.default.forwardRef(
       onBlur: handleBlur,
       className: classNames(
         tw(
-          "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-grey-70  placeholder:text-grey-40 focus:outline-none",
+          "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-muted focus:outline-none",
           {
-            "px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-grey-40": !readOnly,
+            "px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-muted": !readOnly,
             "px-0 py-3 border-none": readOnly,
             "border border-error-50": !valid && !readOnly,
             "border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
@@ -13678,7 +13694,7 @@ var Section2 = (_a) => {
     role: "presentation",
     className: tw("py-5")
   }, title && /* @__PURE__ */ import_react102.default.createElement("div", {
-    className: classNames(className, "py-2 px-6 text-grey-40 uppercase cursor-default typography-caption")
+    className: classNames(className, "py-2 px-6 text-muted uppercase cursor-default typography-caption")
   }, title), /* @__PURE__ */ import_react102.default.createElement("ul", __spreadProps(__spreadValues({}, rest), {
     role: "group",
     className: classNames(tw("flex flex-col"), className)
@@ -13975,9 +13991,9 @@ ProgressBar.Labels = (_a) => {
   return /* @__PURE__ */ import_react108.default.createElement("div", {
     className: classNames(tw("flex flex-row"), className)
   }, /* @__PURE__ */ import_react108.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
-    className: tw("grow text-grey-70 typography-caption")
+    className: tw("grow text-default typography-caption")
   }), startLabel), /* @__PURE__ */ import_react108.default.createElement("span", __spreadProps(__spreadValues({}, rest), {
-    className: tw("grow text-grey-70 typography-caption text-right")
+    className: tw("grow text-default typography-caption text-right")
   }), endLabel));
 };
 

package/dist/system.mjs

@@ -772,6 +772,22 @@ var require_airplane = __commonJS({
   }
 });
 
+// src/icons/aivenEnterprise.js
+var require_aivenEnterprise = __commonJS({
+  "src/icons/aivenEnterprise.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20 15.3c0 1.512 0 2.268-.294 2.846a2.7 2.7 0 01-1.18 1.18c-.578.294-1.334.294-2.846.294H6.32c-1.512 0-2.268 0-2.846-.294a2.7 2.7 0 01-1.18-1.18C2 17.568 2 16.812 2 15.3m10.36-2.743c0-.24 0-.36.047-.452a.428.428 0 01.187-.187c.092-.047.212-.047.452-.047h2.057c.24 0 .36 0 .452.047.08.041.146.107.187.187.047.092.047.212.047.452v2.057c0 .24 0 .36-.047.452a.429.429 0 01-.187.187c-.092.047-.212.047-.452.047h-2.057c-.24 0-.36 0-.452-.047a.428.428 0 01-.187-.187c-.047-.092-.047-.212-.047-.452v-2.057Zm-6.15 0c0-.24 0-.36.047-.452a.429.429 0 01.187-.187c.092-.047.212-.047.452-.047h2.057c.24 0 .36 0 .452.047.08.041.146.107.187.187.047.092.047.212.047.452v2.057c0 .24 0 .36-.047.452a.429.429 0 01-.187.187c-.092.047-.212.047-.452.047H6.896c-.24 0-.36 0-.452-.047a.429.429 0 01-.187-.187c-.047-.092-.047-.212-.047-.452v-2.057Zm6.15-6.714c0-.24 0-.36.047-.452a.428.428 0 01.187-.187c.092-.047.212-.047.452-.047h2.057c.24 0 .36 0 .452.047.08.04.146.106.187.187.047.092.047.212.047.452V7.9c0 .24 0 .36-.047.452a.428.428 0 01-.187.187c-.092.047-.212.047-.452.047h-2.057c-.24 0-.36 0-.452-.047a.428.428 0 01-.187-.187c-.047-.092-.047-.212-.047-.452V5.843ZM3.3 3.557c0-.44 0-.66.086-.828a.786.786 0 01.343-.343c.168-.086.388-.086.828-.086H8.33c.44 0 .66 0 .828.086a.786.786 0 01.343.343c.086.168.086.388.086.828V7.33c0 .44 0 .66-.086.828a.786.786 0 01-.343.343c-.168.086-.388.086-.828.086H4.557c-.44 0-.66 0-.828-.086a.786.786 0 01-.343-.343C3.3 7.989 3.3 7.769 3.3 7.329V3.557Z"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/alignCenter.js
 var require_alignCenter = __commonJS({
   "src/icons/alignCenter.js"(exports) {
@@ -4876,9 +4892,9 @@ var Input = React2.forwardRef((_a, ref) => {
     type: "text",
     className: classNames(
       className,
-      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-grey-40",
+      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-grey-5 placeholder:text-muted",
       {
-        "text-grey-70": !props.disabled,
+        "text-default": !props.disabled,
         "text-grey-30": props.disabled,
         "cursor-default": props.readOnly
       }
@@ -4901,7 +4917,7 @@ var NoResults = React2.forwardRef(
     return /* @__PURE__ */ React2.createElement("li", __spreadProps(__spreadValues({
       ref
     }, rest), {
-      className: classNames(tw("p-3 text-grey-40 italic typography-small"), className)
+      className: classNames(tw("p-3 text-muted italic typography-small"), className)
     }), children);
   }
 );
@@ -4921,7 +4937,7 @@ var Group = React2.forwardRef((_a, ref) => {
     ref,
     className: classNames(
       className,
-      "flex items-center gap-x-3 p-3 text-grey-40 uppercase cursor-default typography-caption mt-4 first:mt-0",
+      "flex items-center gap-x-3 p-3 text-muted uppercase cursor-default typography-caption mt-4 first:mt-0",
       {
         "text-grey-20": props.disabled
       }
@@ -5372,9 +5388,9 @@ var tailwind_theme_default = {
     "primary-5": "var(--aquarium-colors-primary-5, #f3f6ff)",
     "primary-0": "var(--aquarium-colors-primary-0, #ffffff)",
     transparent: "var(--aquarium-colors-transparent, transparent)",
+    current: "var(--aquarium-colors-current, currentColor)",
     white: "var(--aquarium-colors-white, white)",
-    black: "var(--aquarium-colors-black, black)",
-    current: "var(--aquarium-colors-current, currentColor)"
+    black: "var(--aquarium-colors-black, black)"
   },
   gap: {
     "0": "0",
@@ -5875,6 +5891,7 @@ Toast.Dismiss = Dismiss;
 var import_addToFolder = __toESM(require_addToFolder());
 var import_add = __toESM(require_add());
 var import_airplane = __toESM(require_airplane());
+var import_aivenEnterprise = __toESM(require_aivenEnterprise());
 var import_alignCenter = __toESM(require_alignCenter());
 var import_alignJustify = __toESM(require_alignJustify());
 var import_alignLeft = __toESM(require_alignLeft());
@@ -6719,7 +6736,7 @@ var Arrow = (props) => {
 
 // src/utils/constants.ts
 var getCommonInputStyles = ({ readOnly, valid }) => tw(
-  "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none",
+  "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-default disabled:text-muted placeholder:text-muted focus:outline-none",
   {
     "px-3 py-3": !readOnly,
     "border-none resize-none cursor-default": readOnly,
@@ -6858,7 +6875,7 @@ var asButton = (Component, isDropdownButton) => {
           tw(
             "inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center",
             {
-              "text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent": isIconOnlyButton,
+              "text-default p-2 active:text-default active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-muted disabled:bg-transparent": isIconOnlyButton,
               "typography-default-strong": !dense && !isIconOnlyButton && kind !== "text",
               "typography-small-strong": dense && !isIconOnlyButton && kind !== "text",
               "py-3 px-4": !dense && isButton,
@@ -7790,7 +7807,7 @@ var getStatusClassNames = (status = "neutral") => {
       return tw("text-success-100 bg-success-5");
     case "neutral":
     default:
-      return tw("text-grey-70 bg-grey-5");
+      return tw("text-default bg-grey-5");
   }
 };
 var Chip2 = (_a) => {
@@ -7814,8 +7831,8 @@ var Chip2 = (_a) => {
     className: classNames5(
       "Aquarium-Chip",
       tw({
-        "bg-grey-0 text-grey-70": !locked,
-        "bg-grey-5 text-grey-40": locked
+        "bg-grey-0 text-default": !locked,
+        "bg-grey-5 text-muted": locked
       })
     )
   }, rest), icon && /* @__PURE__ */ React27.createElement(InlineIcon, {
@@ -8282,13 +8299,12 @@ var CompactCard = ({
       modality: isFocusVisible ? "keyboard" : "pointer"
     }), commonContent);
   }
-  return /* @__PURE__ */ React36.createElement(Card, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React36.createElement(Card, __spreadValues(__spreadProps(__spreadValues({
     ref,
     className: "Aquarium-Card.Compact"
   }, onClick ? buttonProps : {}), {
-    role: onClick ? "button" : void 0,
-    disabled
-  }), commonContent, (primaryAction || secondaryAction) && /* @__PURE__ */ React36.createElement(Card.Actions, {
+    role: onClick ? "button" : void 0
+  }), commonProps), commonContent, (primaryAction || secondaryAction) && /* @__PURE__ */ React36.createElement(Card.Actions, {
     dense: true
   }, primaryAction && renderAction({ kind: "secondary", dense: true, action: primaryAction }), secondaryAction && renderAction({ kind: "ghost", dense: true, action: secondaryAction })));
 };
@@ -8628,7 +8644,7 @@ var ControlLabel = (_a) => {
     "style",
     "className"
   ]);
-  const textClass = disabled ? "text-grey-40" : "text-grey-70";
+  const textClass = disabled ? "text-muted" : "text-default";
   const rtl = labelPlacement === "left";
   const labelEl = label && /* @__PURE__ */ React39.createElement("span", {
     className: tw("typography-small self-center", { "text-right": rtl })
@@ -8950,9 +8966,9 @@ var LabelText = ({
     className: tw("block mb-2")
   }, /* @__PURE__ */ React46.createElement("span", {
     className: tw("inline-flex items-center typography-small-strong", {
-      "text-grey-70": variant === "default",
+      "text-default": variant === "default",
       "text-error-50": variant === "error",
-      "text-grey-40": variant === "disabled"
+      "text-muted": variant === "disabled"
     })
   }, labelText, required && /* @__PURE__ */ React46.createElement("span", {
     className: tw("text-error-50")
@@ -8961,7 +8977,7 @@ var LabelText = ({
     placement: helpTooltipPlacement
   }, /* @__PURE__ */ React46.createElement("span", {
     tabIndex: 0,
-    className: tw("text-grey-40 flex items-center cursor-pointer ml-2")
+    className: tw("text-muted flex items-center cursor-pointer ml-2")
   }, /* @__PURE__ */ React46.createElement(InlineIcon, {
     icon: import_questionMark2.default,
     "data-testid": "icon-info"
@@ -9705,7 +9721,7 @@ var InputAdornment = ({
   children
 }) => {
   return /* @__PURE__ */ React56.createElement("span", {
-    className: classNames(className, "absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3", {
+    className: classNames(className, "absolute inset-y-0 grow-0 text-muted flex items-center mx-3", {
       "right-0": placement === "right",
       "left-0": placement === "left",
       "typography-small": dense,
@@ -10358,7 +10374,7 @@ var TableRow = (_a) => {
   }), children);
 };
 var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
-var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-grey-70 py-3", {
+var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-default py-3", {
   "h-[50px]": table,
   "min-h-[50px]": !table,
   "sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
@@ -10409,7 +10425,7 @@ var TableSelectCell = (_a) => {
 };
 var getSortCellButtonClassNames = (align) => tw("group flex items-center gap-x-4 text-grey-50", { "flex-row-reverse": align === "right" });
 var getSortCellIconClassNames = (active) => {
-  return tw("text-[9px]", active ? "text-grey-70" : "text-grey-30");
+  return tw("text-[9px]", active ? "text-default" : "text-muted");
 };
 var TableSortCell = (_a) => {
   var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
@@ -10680,7 +10696,7 @@ var DropdownMenu = React65.forwardRef(
     return /* @__PURE__ */ React65.createElement("div", __spreadValues({
       ref,
       style: { minHeight, maxHeight, minWidth, maxWidth },
-      className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-grey-70")
+      className: classNames(className, "bg-white w-full flex flex-col overflow-x-hidden typography-small text-default")
     }, props), children);
   }
 );
@@ -10704,7 +10720,7 @@ var Group2 = React65.forwardRef(
     return /* @__PURE__ */ React65.createElement("li", __spreadValues({
       ref
     }, props), title && /* @__PURE__ */ React65.createElement("div", __spreadValues({
-      className: classNames(className, "p-3 text-grey-40 uppercase cursor-default typography-caption", {
+      className: classNames(className, "p-3 text-muted uppercase cursor-default typography-caption", {
         "text-grey-20": props.disabled
       })
     }, titleProps), title), children);
@@ -12496,8 +12512,8 @@ var DropdownItem = (_a) => {
     onKeyDown: handleKeyDown
   }, props), {
     className: tw("typography-small flex items-center focus:ring-0", {
-      "text-grey-70 cursor-pointer hover:bg-grey-0": !disabled,
-      "text-grey-10 cursor-not-allowed": disabled,
+      "text-default cursor-pointer hover:bg-grey-0": !disabled,
+      "text-muted cursor-not-allowed": disabled,
       "text-primary-70 hover:text-primary-80": color === "danger" && !disabled
     })
   }), tooltip ? /* @__PURE__ */ React80.createElement(Tooltip, {
@@ -12902,7 +12918,7 @@ var InputChip = React90.forwardRef(
       icon: import_smallCross2.default,
       className: tw({
         "text-error-70": invalid,
-        "text-grey-70": !invalid
+        "text-default": !invalid
       })
     })));
   }
@@ -13419,7 +13435,7 @@ var NativeSelectBase = React93.forwardRef(
       className: classNames("Aquarium-NativeSelectBase", tw("relative block"))
     }, !readOnly && /* @__PURE__ */ React93.createElement("span", {
       className: tw(
-        "absolute right-0 inset-y-0 mr-4 text-grey-40 flex ml-3 pointer-events-none typography-default-strong mt-4"
+        "absolute right-0 inset-y-0 mr-4 text-muted flex ml-3 pointer-events-none typography-default-strong mt-4"
       )
     }, /* @__PURE__ */ React93.createElement(Icon, {
       icon: import_caretDown2.default,
@@ -13433,9 +13449,9 @@ var NativeSelectBase = React93.forwardRef(
       onBlur: handleBlur,
       className: classNames(
         tw(
-          "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-grey-70  placeholder:text-grey-40 focus:outline-none",
+          "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-muted focus:outline-none",
           {
-            "px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-grey-40": !readOnly,
+            "px-3 py-3 disabled:border-grey-20 disabled:bg-grey-5 disabled:text-muted": !readOnly,
             "px-0 py-3 border-none": readOnly,
             "border border-error-50": !valid && !readOnly,
             "border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
@@ -13530,7 +13546,7 @@ var Section2 = (_a) => {
     role: "presentation",
     className: tw("py-5")
   }, title && /* @__PURE__ */ React94.createElement("div", {
-    className: classNames(className, "py-2 px-6 text-grey-40 uppercase cursor-default typography-caption")
+    className: classNames(className, "py-2 px-6 text-muted uppercase cursor-default typography-caption")
   }, title), /* @__PURE__ */ React94.createElement("ul", __spreadProps(__spreadValues({}, rest), {
     role: "group",
     className: classNames(tw("flex flex-col"), className)
@@ -13827,9 +13843,9 @@ ProgressBar.Labels = (_a) => {
   return /* @__PURE__ */ React100.createElement("div", {
     className: classNames(tw("flex flex-row"), className)
   }, /* @__PURE__ */ React100.createElement("span", __spreadProps(__spreadValues({}, rest), {
-    className: tw("grow text-grey-70 typography-caption")
+    className: tw("grow text-default typography-caption")
   }), startLabel), /* @__PURE__ */ React100.createElement("span", __spreadProps(__spreadValues({}, rest), {
-    className: tw("grow text-grey-70 typography-caption text-right")
+    className: tw("grow text-default typography-caption text-right")
   }), endLabel));
 };