@aivenio/aquarium 1.15.0 → 1.16.0

package/dist/system.mjs

@@ -3133,31 +3133,36 @@ var PrimaryButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.cre
 }, props), {
   kind: "primary"
 })));
-PrimaryButton.displayName = "PrimaryButton";
+PrimaryButton.displayName = "Button.Primary";
+Button.Primary = PrimaryButton;
 var SecondaryButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(Button, __spreadProps(__spreadValues({
   ref
 }, props), {
   kind: "secondary"
 })));
-SecondaryButton.displayName = "SecondaryButton";
+SecondaryButton.displayName = "Button.Secondary";
+Button.Secondary = SecondaryButton;
 var GhostButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(Button, __spreadProps(__spreadValues({
   ref
 }, props), {
   kind: "ghost"
 })));
-GhostButton.displayName = "GhostButton";
+GhostButton.displayName = "Button.Ghost";
+Button.Ghost = GhostButton;
 var SecondaryGhostButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(Button, __spreadProps(__spreadValues({
   ref
 }, props), {
   kind: "secondary-ghost"
 })));
-SecondaryGhostButton.displayName = "SecondaryGhostButton";
+SecondaryGhostButton.displayName = "Button.SecondaryGhost";
+Button.SecondaryGhost = SecondaryGhostButton;
 var TextButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(Button, __spreadProps(__spreadValues({
   ref
 }, props), {
   kind: "text"
 })));
-TextButton.displayName = "TextButton";
+TextButton.displayName = "Button.Text";
+Button.Text = TextButton;
 var IconButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(Button, __spreadProps(__spreadValues({
   ref
 }, props), {
@@ -3165,8 +3170,11 @@ var IconButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.create
   loading: false,
   fullWidth: false
 })));
-IconButton.displayName = "IconButton";
+IconButton.displayName = "Button.Icon";
+Button.Icon = IconButton;
 var ExternalLinkButton = asButton("a");
+ExternalLinkButton.displayName = "Button.ExternalLink";
+Button.ExternalLink = ExternalLinkButton;
 var IconExternalLinkButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(ExternalLinkButton, __spreadProps(__spreadValues({
   ref
 }, props), {
@@ -3174,20 +3182,25 @@ var IconExternalLinkButton = React7.forwardRef((props, ref) => /* @__PURE__ */ R
   loading: false,
   fullWidth: false
 })));
-IconExternalLinkButton.displayName = "IconExternalLink";
+IconExternalLinkButton.displayName = "Button.IconExternalLink";
+Button.IconExternalLink = IconExternalLinkButton;
 var DropdownButton = asButton("button", true);
+DropdownButton.displayName = "Button.Dropdown";
+Button.Dropdown = DropdownButton;
 var PrimaryDropdownButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(DropdownButton, __spreadProps(__spreadValues({
   ref
 }, props), {
   kind: "primary"
 })));
-PrimaryDropdownButton.displayName = "PrimaryDropdownButton";
+PrimaryDropdownButton.displayName = "Button.PrimaryDropdown";
+Button.PrimaryDropdown = PrimaryDropdownButton;
 var SecondaryDropdownButton = React7.forwardRef((props, ref) => /* @__PURE__ */ React7.createElement(DropdownButton, __spreadProps(__spreadValues({
   ref
 }, props), {
   kind: "secondary"
 })));
-SecondaryDropdownButton.displayName = "SecondaryDropdownButton";
+SecondaryDropdownButton.displayName = "Button.SecondaryDropdown";
+Button.SecondaryDropdown = SecondaryDropdownButton;
 
 // src/atoms/Alert/Alert.tsx
 import React9 from "react";
@@ -3326,9 +3339,9 @@ var Alert2 = ({ description, type, title, onDismiss, children, action }) => /* @
 }, /* @__PURE__ */ React10.createElement(Alert.Icon, {
   type,
   dense: Boolean(title)
-}), title && /* @__PURE__ */ React10.createElement(Alert.Title, null, title), /* @__PURE__ */ React10.createElement(Alert.Description, null, children || description), action && /* @__PURE__ */ React10.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ React10.createElement(GhostButton, __spreadValues({
+}), title && /* @__PURE__ */ React10.createElement(Alert.Title, null, title), /* @__PURE__ */ React10.createElement(Alert.Description, null, children || description), action && /* @__PURE__ */ React10.createElement(Alert.Actions, null, !isLink(action) && /* @__PURE__ */ React10.createElement(Button.Ghost, __spreadValues({
   dense: true
-}, omit(action, "text")), action.text), isLink(action) && /* @__PURE__ */ React10.createElement(ExternalLinkButton, __spreadValues({
+}, omit(action, "text")), action.text), isLink(action) && /* @__PURE__ */ React10.createElement(Button.ExternalLink, __spreadValues({
   dense: true,
   kind: "ghost"
 }, omit(action, "text")), action.text)), onDismiss && /* @__PURE__ */ React10.createElement(Alert.Dismiss, {
@@ -3725,7 +3738,7 @@ var createBanner = (displayName, opts = {}) => {
       flexGrow: isDismissable ? false : true
     }, children || description), action && /* @__PURE__ */ React18.createElement(Banner.Actions, {
       layout
-    }, /* @__PURE__ */ React18.createElement(GhostButton, __spreadValues({
+    }, /* @__PURE__ */ React18.createElement(Button.Ghost, __spreadValues({
       dense: true
     }, omit3(action, "text")), action.text))), (props.layout === "vertical" || props.layout === void 0) && props.image !== void 0 && /* @__PURE__ */ React18.createElement(Banner.ImageContainer, null, props.image ? /* @__PURE__ */ React18.createElement("img", {
       src: props.image,
@@ -3734,7 +3747,7 @@ var createBanner = (displayName, opts = {}) => {
       style: { width: props.imageWidth, height: props.imageHeight }
     }) : /* @__PURE__ */ React18.createElement(BannerImageSkeleton, null)), isDismissable && /* @__PURE__ */ React18.createElement(Banner.DismissContainer, {
       layout
-    }, /* @__PURE__ */ React18.createElement(IconButton, {
+    }, /* @__PURE__ */ React18.createElement(Button.Icon, {
       type: "button",
       tooltip: "Dismiss",
       icon: import_cross2.default,
@@ -4172,9 +4185,9 @@ var CompactCard = ({
     color: "grey-70"
   }, children))), (action || link) && /* @__PURE__ */ React25.createElement(Card.Actions, {
     dense: true
-  }, action && /* @__PURE__ */ React25.createElement(SecondaryButton, __spreadValues({
+  }, action && /* @__PURE__ */ React25.createElement(Button.Secondary, __spreadValues({
     dense: true
-  }, omit4(action, "text")), action.text), link && /* @__PURE__ */ React25.createElement(ExternalLinkButton, __spreadValues({
+  }, omit4(action, "text")), action.text), link && /* @__PURE__ */ React25.createElement(Button.ExternalLink, __spreadValues({
     dense: true,
     kind: "ghost"
   }, omit4(link, "text")), link.text)));
@@ -4266,9 +4279,9 @@ var Card2 = ({
     wordBreak: "break-all"
   }, titleContent) : titleContent, /* @__PURE__ */ React26.createElement(Typography2.Caption, {
     color: "grey-70"
-  }, children || description)), (action || link) && /* @__PURE__ */ React26.createElement(Card.Actions, null, action && /* @__PURE__ */ React26.createElement(SecondaryButton, __spreadValues({
+  }, children || description)), (action || link) && /* @__PURE__ */ React26.createElement(Card.Actions, null, action && /* @__PURE__ */ React26.createElement(Button.Secondary, __spreadValues({
     dense: true
-  }, omit5(action, "text")), action.text), link && /* @__PURE__ */ React26.createElement(ExternalLinkButton, __spreadValues({
+  }, omit5(action, "text")), action.text), link && /* @__PURE__ */ React26.createElement(Button.ExternalLink, __spreadValues({
     dense: true,
     kind: "ghost"
   }, omit5(link, "text")), link.text)));
@@ -6048,14 +6061,14 @@ var DataList2 = ({
       items: columns,
       renderItem: (column) => column.type === "status" ? /* @__PURE__ */ React52.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React52.createElement(StatusChip, __spreadValues({
         dense: true
-      }, column.status(row, index, sortedRows)))) : column.type === "action" ? /* @__PURE__ */ React52.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React52.createElement(SecondaryButton, __spreadValues({
+      }, column.status(row, index, sortedRows)))) : column.type === "action" ? /* @__PURE__ */ React52.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React52.createElement(Button.Secondary, __spreadValues({
         dense: true
       }, renameProperty("text", "children", column.action(row, index, sortedRows))))) : column.type === "custom" ? /* @__PURE__ */ React52.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows)) : column.type === "item" ? /* @__PURE__ */ React52.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React52.createElement(Item4, __spreadValues({}, column.item(row, index, sortedRows)))) : /* @__PURE__ */ React52.createElement(DataList.Cell, __spreadValues({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])
     }), menu && /* @__PURE__ */ React52.createElement(DataList.Cell, {
       align: "right"
     }, /* @__PURE__ */ React52.createElement(DropdownMenu2, {
       onAction: (action) => onAction == null ? void 0 : onAction(action, row, index)
-    }, /* @__PURE__ */ React52.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React52.createElement(IconButton, {
+    }, /* @__PURE__ */ React52.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React52.createElement(Button.Icon, {
       "aria-label": "menu",
       icon: import_more.default
     })), isFunction(menu) ? menu(row, index) : menu)))
@@ -6164,14 +6177,14 @@ var DataTable = (_a) => {
       items: columns,
       renderItem: (column) => column.type === "status" ? /* @__PURE__ */ React55.createElement(Table2.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React55.createElement(StatusChip, __spreadValues({
         dense: true
-      }, column.status(row, index, sortedRows)))) : column.type === "action" ? /* @__PURE__ */ React55.createElement(Table2.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React55.createElement(SecondaryButton, __spreadValues({
+      }, column.status(row, index, sortedRows)))) : column.type === "action" ? /* @__PURE__ */ React55.createElement(Table2.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React55.createElement(Button.Secondary, __spreadValues({
         dense: true
       }, renameProperty("text", "children", column.action(row, index, sortedRows))))) : column.type === "custom" ? /* @__PURE__ */ React55.createElement(Table2.Cell, __spreadValues({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows)) : column.type === "item" ? /* @__PURE__ */ React55.createElement(Table2.Cell, __spreadValues({}, cellProps(column)), /* @__PURE__ */ React55.createElement(Item4, __spreadValues({}, column.item(row, index, sortedRows)))) : /* @__PURE__ */ React55.createElement(Table2.Cell, __spreadValues({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])
     }), menu && /* @__PURE__ */ React55.createElement(Table2.Cell, {
       align: "right"
     }, /* @__PURE__ */ React55.createElement(DropdownMenu2, {
       onAction: (action) => onAction == null ? void 0 : onAction(action, row, index)
-    }, /* @__PURE__ */ React55.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React55.createElement(IconButton, {
+    }, /* @__PURE__ */ React55.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React55.createElement(Button.Icon, {
       "aria-label": "menu",
       icon: import_more2.default
     })), isFunction2(menu) ? menu(row, index) : menu)))
@@ -6350,9 +6363,9 @@ var DialogWrapper = ({
     color: DIALOG_ICONS_AND_COLORS[type].color
   }, title)), /* @__PURE__ */ React57.createElement(Modal.Body, {
     id: describedBy
-  }, children), /* @__PURE__ */ React57.createElement(Modal.Footer, null, /* @__PURE__ */ React57.createElement(Modal.Actions, null, secondaryAction && /* @__PURE__ */ React57.createElement(GhostButton, __spreadValues({
+  }, children), /* @__PURE__ */ React57.createElement(Modal.Footer, null, /* @__PURE__ */ React57.createElement(Modal.Actions, null, secondaryAction && /* @__PURE__ */ React57.createElement(Button.Ghost, __spreadValues({
     key: secondaryAction.text
-  }, omit8(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React57.createElement(SecondaryButton, __spreadValues({
+  }, omit8(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React57.createElement(Button.Secondary, __spreadValues({
     key: primaryAction.text
   }, omit8(primaryAction, "text")), primaryAction.text))));
 };
@@ -6734,7 +6747,7 @@ var EmptyState = ({
     justifyContent: "center",
     alignItems: "center",
     wrap: "wrap"
-  }, primaryAction && /* @__PURE__ */ React63.createElement(PrimaryButton, __spreadValues({}, omit9(primaryAction, "text")), primaryAction.text), secondaryAction && /* @__PURE__ */ React63.createElement(SecondaryButton, __spreadValues({}, omit9(secondaryAction, "text")), secondaryAction.text)), footer && /* @__PURE__ */ React63.createElement(Box, {
+  }, primaryAction && /* @__PURE__ */ React63.createElement(Button.Primary, __spreadValues({}, omit9(primaryAction, "text")), primaryAction.text), secondaryAction && /* @__PURE__ */ React63.createElement(Button.Secondary, __spreadValues({}, omit9(secondaryAction, "text")), secondaryAction.text)), footer && /* @__PURE__ */ React63.createElement(Box, {
     marginTop: "7"
   }, /* @__PURE__ */ React63.createElement(Typography2, {
     htmlTag: "div",
@@ -6809,7 +6822,7 @@ var LineClamp2 = ({
     lines,
     clamped,
     wordBreak
-  }, children), expandLabel && isClampingEnabled && /* @__PURE__ */ React65.createElement(GhostButton, {
+  }, children), expandLabel && isClampingEnabled && /* @__PURE__ */ React65.createElement(Button.Ghost, {
     dense: true,
     onClick: handleClampedChange
   }, clamped ? expandLabel : collapseLabel));
@@ -7208,10 +7221,10 @@ var ModalWrapper = React71.forwardRef(
       noFooter: !(secondaryActions || primaryAction)
     }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React71.createElement(Modal.Footer, null, /* @__PURE__ */ React71.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a2) => {
       var _b2 = _a2, { text } = _b2, action = __objRest(_b2, ["text"]);
-      return /* @__PURE__ */ React71.createElement(SecondaryButton, __spreadValues({
+      return /* @__PURE__ */ React71.createElement(Button.Secondary, __spreadValues({
         key: text
       }, action), text);
-    }), primaryAction && /* @__PURE__ */ React71.createElement(PrimaryButton, __spreadValues({
+    }), primaryAction && /* @__PURE__ */ React71.createElement(Button.Primary, __spreadValues({
       key: primaryAction.text
     }, omit10(primaryAction, "text")), primaryAction.text))));
   }
@@ -7975,10 +7988,10 @@ var PageHeader2 = ({
     text: chip
   }))), subtitle && /* @__PURE__ */ React79.createElement(PageHeader.Subtitle, null, subtitle)))), (secondaryActions || primaryAction) && /* @__PURE__ */ React79.createElement(PageHeader.Actions, null, secondaryActions && castArray3(secondaryActions).filter(Boolean).map((_a) => {
     var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
-    return /* @__PURE__ */ React79.createElement(SecondaryButton, __spreadValues({
+    return /* @__PURE__ */ React79.createElement(Button.Secondary, __spreadValues({
       key: text
     }, action), text);
-  }), primaryAction && /* @__PURE__ */ React79.createElement(PrimaryButton, __spreadValues({
+  }), primaryAction && /* @__PURE__ */ React79.createElement(Button.Primary, __spreadValues({
     key: primaryAction.text
   }, omit14(primaryAction, "text")), primaryAction.text)));
 };
@@ -8653,7 +8666,7 @@ Section3.Body = (_a) => {
 // src/molecules/Section/Section.tsx
 var Section4 = ({ title, subtitle, actions, children }) => /* @__PURE__ */ React89.createElement(Section3, null, title && /* @__PURE__ */ React89.createElement(React89.Fragment, null, /* @__PURE__ */ React89.createElement(Section3.Header, null, /* @__PURE__ */ React89.createElement(Section3.TitleContainer, null, /* @__PURE__ */ React89.createElement(Section3.Title, null, title), subtitle && /* @__PURE__ */ React89.createElement(Section3.Subtitle, null, subtitle)), /* @__PURE__ */ React89.createElement(Section3.Actions, null, actions && castArray4(actions).filter(Boolean).map((_a) => {
   var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
-  return /* @__PURE__ */ React89.createElement(SecondaryButton, __spreadValues({
+  return /* @__PURE__ */ React89.createElement(Button.Secondary, __spreadValues({
     key: text
   }, action), text);
 }))), /* @__PURE__ */ React89.createElement(Divider2, null)), /* @__PURE__ */ React89.createElement(Section3.Body, null, children));