@aivenio/aquarium 1.45.0 → 1.46.0

package/dist/src/utils/table/types.d.ts

@@ -1,4 +1,4 @@
-import { type AriaAttributes } from 'react';
+import { type AriaAttributes, type Key } from 'react';
 import { type ChipStatus } from '../../../src/molecules/Chip/Chip';
 import { type DropdownMenuItemsComponent } from '../../../src/molecules/DropdownMenu/DropdownMenu';
 import { type Weight } from '../../../src/molecules/Template/Template';
@@ -176,6 +176,6 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<Omit<
      * @param row currently selected row
      * @param index currectly selected row index
      */
-    onAction: (action: number | string, row: R, index: number) => void;
+    onAction: (action: Key, row: R, index: number) => void;
 }>;
 export {};

package/dist/system.cjs

@@ -7202,7 +7202,14 @@ Alert.Dismiss = (_a) => {
 var isLink = (action) => action.href !== void 0;
 
 // src/molecules/Alert/Alert.tsx
-var Alert2 = ({ description, type, title, onDismiss, children, action }) => {
+var Alert2 = ({
+  description,
+  type,
+  title,
+  onDismiss,
+  children,
+  action
+}) => {
   const descriptionID = (0, import_utils2.useId)();
   const titleID = (0, import_utils2.useId)();
   return /* @__PURE__ */ import_react22.default.createElement(Alert, {
@@ -7341,11 +7348,7 @@ var createBadge = (type, displayName) => {
   Component.Skeleton.displayName = `${displayName}.Skeleton`;
   return Component;
 };
-var NotificationBadge = ({
-  children,
-  top = "-2px",
-  right = "-2px"
-}) => {
+var NotificationBadge = ({ children, top = "-2px", right = "-2px" }) => {
   return /* @__PURE__ */ import_react25.default.createElement("div", {
     className: tw("relative inline-flex")
   }, children, /* @__PURE__ */ import_react25.default.createElement("span", {
@@ -8229,7 +8232,11 @@ var Carousel = ({
     disabled: currentPage === items.length
   }))) : null;
 };
-var CarouselItem = ({ width, children, ariaHidden }) => {
+var CarouselItem = ({
+  width,
+  children,
+  ariaHidden
+}) => {
   return /* @__PURE__ */ import_react38.default.createElement("li", {
     style: { width },
     "aria-hidden": ariaHidden,
@@ -8545,8 +8552,8 @@ var import_react47 = __toESM(require("react"));
 // src/utils/form/FormControl/FormControl.tsx
 var import_react44 = __toESM(require("react"));
 var FormControl = ({ className, inline, children }) => {
-  return /* @__PURE__ */ import_react44.default.createElement(Flexbox, {
-    direction: "column",
+  return /* @__PURE__ */ import_react44.default.createElement(Box.Flex, {
+    flexDirection: "column",
     display: inline ? "inline-flex" : "flex",
     className
   }, children);
@@ -9186,7 +9193,12 @@ var import_cross5 = __toESM(require_cross());
 var import_error3 = __toESM(require_error());
 var import_search3 = __toESM(require_search());
 var import_tick4 = __toESM(require_tick());
-var InputAdornment = ({ placement = "right", className, dense, children }) => {
+var InputAdornment = ({
+  placement = "right",
+  className,
+  dense,
+  children
+}) => {
   return /* @__PURE__ */ import_react54.default.createElement("span", {
     className: classNames(className, "absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3", {
       "right-0": placement === "right",
@@ -10714,7 +10726,7 @@ var DataList2 = ({
         openPanelId: expandedGroupIds ? expandedGroupIds.find((id) => id === row.id) || null : void 0
       }, content, /* @__PURE__ */ import_react72.default.createElement(Accordion.Panel, {
         panelId: row.id.toString(),
-        className: tw("col-span-full bg-grey-0"),
+        className: tw("col-span-full bg-grey-0 border-b border-grey-10"),
         "aria-label": `row ${row.id.toString()} details`
       }, details)) : content;
     }
@@ -13593,7 +13605,7 @@ var Stepper2 = ({ children, activeIndex, dense }) => {
     columns: steps
   }, import_react112.default.Children.map(children, (child, index) => {
     if (!isComponentType(child, Step2)) {
-      return new Error("<Stepper> can only have <Stepper.Step> components as children");
+      throw new Error("<Stepper> can only have <Stepper.Step> components as children");
     } else {
       const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
       return /* @__PURE__ */ import_react112.default.createElement(Stepper.Step, {

package/dist/system.mjs

@@ -7058,7 +7058,14 @@ Alert.Dismiss = (_a) => {
 var isLink = (action) => action.href !== void 0;
 
 // src/molecules/Alert/Alert.tsx
-var Alert2 = ({ description, type, title, onDismiss, children, action }) => {
+var Alert2 = ({
+  description,
+  type,
+  title,
+  onDismiss,
+  children,
+  action
+}) => {
   const descriptionID = useId();
   const titleID = useId();
   return /* @__PURE__ */ React18.createElement(Alert, {
@@ -7197,11 +7204,7 @@ var createBadge = (type, displayName) => {
   Component.Skeleton.displayName = `${displayName}.Skeleton`;
   return Component;
 };
-var NotificationBadge = ({
-  children,
-  top = "-2px",
-  right = "-2px"
-}) => {
+var NotificationBadge = ({ children, top = "-2px", right = "-2px" }) => {
   return /* @__PURE__ */ React21.createElement("div", {
     className: tw("relative inline-flex")
   }, children, /* @__PURE__ */ React21.createElement("span", {
@@ -8085,7 +8088,11 @@ var Carousel = ({
     disabled: currentPage === items.length
   }))) : null;
 };
-var CarouselItem = ({ width, children, ariaHidden }) => {
+var CarouselItem = ({
+  width,
+  children,
+  ariaHidden
+}) => {
   return /* @__PURE__ */ React33.createElement("li", {
     style: { width },
     "aria-hidden": ariaHidden,
@@ -8401,8 +8408,8 @@ import React42 from "react";
 // src/utils/form/FormControl/FormControl.tsx
 import React39 from "react";
 var FormControl = ({ className, inline, children }) => {
-  return /* @__PURE__ */ React39.createElement(Flexbox, {
-    direction: "column",
+  return /* @__PURE__ */ React39.createElement(Box.Flex, {
+    flexDirection: "column",
     display: inline ? "inline-flex" : "flex",
     className
   }, children);
@@ -9042,7 +9049,12 @@ var import_cross5 = __toESM(require_cross());
 var import_error3 = __toESM(require_error());
 var import_search3 = __toESM(require_search());
 var import_tick4 = __toESM(require_tick());
-var InputAdornment = ({ placement = "right", className, dense, children }) => {
+var InputAdornment = ({
+  placement = "right",
+  className,
+  dense,
+  children
+}) => {
   return /* @__PURE__ */ React49.createElement("span", {
     className: classNames(className, "absolute inset-y-0 grow-0 text-grey-40 flex items-center mx-3", {
       "right-0": placement === "right",
@@ -10570,7 +10582,7 @@ var DataList2 = ({
         openPanelId: expandedGroupIds ? expandedGroupIds.find((id) => id === row.id) || null : void 0
       }, content, /* @__PURE__ */ React65.createElement(Accordion.Panel, {
         panelId: row.id.toString(),
-        className: tw("col-span-full bg-grey-0"),
+        className: tw("col-span-full bg-grey-0 border-b border-grey-10"),
         "aria-label": `row ${row.id.toString()} details`
       }, details)) : content;
     }
@@ -13449,7 +13461,7 @@ var Stepper2 = ({ children, activeIndex, dense }) => {
     columns: steps
   }, React104.Children.map(children, (child, index) => {
     if (!isComponentType(child, Step2)) {
-      return new Error("<Stepper> can only have <Stepper.Step> components as children");
+      throw new Error("<Stepper> can only have <Stepper.Step> components as children");
     } else {
       const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
       return /* @__PURE__ */ React104.createElement(Stepper.Step, {