@aivenio/aquarium 1.32.0 → 1.34.0

package/dist/system.cjs

@@ -4646,6 +4646,22 @@ var require_stopwatch = __commonJS({
   }
 });
 
+// src/icons/superadmin.js
+var require_superadmin = __commonJS({
+  "src/icons/superadmin.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 14.208H6.875c-1.28 0-1.919 0-2.44.158a3.667 3.667 0 00-2.444 2.445c-.158.52-.158 1.16-.158 2.439M13.292 6.875a4.125 4.125 0 11-8.25 0 4.125 4.125 0 018.25 0Zm1.375 9.625 1.833 1.833 3.667-3.666"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/swapHorizontal.js
 var require_swapHorizontal = __commonJS({
   "src/icons/swapHorizontal.js"(exports) {
@@ -6536,6 +6552,7 @@ var import_smallTick = __toESM(require_smallTick());
 var import_speedometer = __toESM(require_speedometer());
 var import_stop = __toESM(require_stop());
 var import_stopwatch = __toESM(require_stopwatch());
+var import_superadmin = __toESM(require_superadmin());
 var import_swapHorizontal = __toESM(require_swapHorizontal());
 var import_swapVertical = __toESM(require_swapVertical());
 var import_tag = __toESM(require_tag());
@@ -8786,10 +8803,13 @@ var LabelText = ({
   labelText,
   required,
   helpTooltip,
-  helpTooltipPlacement
+  helpTooltipPlacement,
+  description
 }) => {
   return /* @__PURE__ */ import_react46.default.createElement("span", {
-    className: tw("inline-flex items-center mb-2 typography-small-strong", {
+    className: tw("block mb-2")
+  }, /* @__PURE__ */ import_react46.default.createElement("span", {
+    className: tw("inline-flex items-center typography-small-strong", {
       "text-grey-60": variant === "default",
       "text-error-50": variant === "error",
       "text-grey-40": variant === "disabled"
@@ -8805,7 +8825,9 @@ var LabelText = ({
   }, /* @__PURE__ */ import_react46.default.createElement(InlineIcon, {
     icon: import_questionMark2.default,
     "data-testid": "icon-info"
-  }))));
+  })))), description && /* @__PURE__ */ import_react46.default.createElement("span", {
+    className: tw("block text-grey-50 typography-caption mt-1")
+  }, description));
 };
 var Label = (props) => {
   const _a = props, { id, htmlFor, labelText, labelProps: _b = {} } = _a, labelProps = __objRest(_b, []), { "data-testid": dataTestid, children } = _a;
@@ -8883,6 +8905,7 @@ var getLabelControlProps = (_a) => {
   } = _b, labelProps = __objRest(_c, []), {
     helpTooltip,
     helpTooltipPlacement,
+    description,
     maxLength,
     error: error2,
     helperText,
@@ -8897,6 +8920,7 @@ var getLabelControlProps = (_a) => {
     labelProps,
     helpTooltip,
     helpTooltipPlacement,
+    description,
     error: error2,
     helperText,
     maxLength,
@@ -9296,6 +9320,7 @@ var Container2 = ({ maxWidth = "xl", children }) => /* @__PURE__ */ import_react
   marginLeft: "auto",
   marginRight: "auto",
   width: "full",
+  height: "full",
   className: tw({
     "max-w-screen-xl": maxWidth === "xl",
     "max-w-screen-lg": maxWidth === "lg",
@@ -10512,7 +10537,9 @@ var DataList2 = ({
   rows: _rows,
   sticky,
   menu,
-  menuLabel = "Context menu",
+  menuLabel,
+  menuAriaLabel = menuLabel != null ? menuLabel : "Context menu",
+  menuHeaderName = "Actions",
   onAction,
   onMenuOpenChange,
   pagination: _pagination
@@ -10542,8 +10569,8 @@ var DataList2 = ({
     }), column.headerName)
   ), menu && /* @__PURE__ */ import_react67.default.createElement(DataList.HeadCell, {
     align: "right",
-    "aria-label": menuLabel
-  }), /* @__PURE__ */ import_react67.default.createElement(List2, {
+    "aria-label": menuAriaLabel
+  }, menuHeaderName), /* @__PURE__ */ import_react67.default.createElement(List2, {
     items: rows,
     renderItem: (row, index) => /* @__PURE__ */ import_react67.default.createElement(DataList.Row, {
       key: row.id
@@ -10560,7 +10587,7 @@ var DataList2 = ({
       onAction: (action) => onAction == null ? void 0 : onAction(action, row, index),
       onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ import_react67.default.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ import_react67.default.createElement(Button.Icon, {
-      "aria-label": menuLabel,
+      "aria-label": menuAriaLabel,
       icon: import_more2.default
     })), (0, import_isFunction.default)(menu) ? menu(row, index) : menu)))
   }));
@@ -10626,7 +10653,9 @@ var DataTable = (_a) => {
     layout = "auto",
     sticky,
     menu,
-    menuLabel = "Context menu",
+    menuLabel,
+    menuAriaLabel = menuLabel != null ? menuLabel : "Context menu",
+    menuHeaderName = "Actions",
     onAction,
     onMenuOpenChange,
     pagination: _pagination
@@ -10638,6 +10667,8 @@ var DataTable = (_a) => {
     "sticky",
     "menu",
     "menuLabel",
+    "menuAriaLabel",
+    "menuHeaderName",
     "onAction",
     "onMenuOpenChange",
     "pagination"
@@ -10673,8 +10704,8 @@ var DataTable = (_a) => {
     menu ? /* @__PURE__ */ import_react70.default.createElement(Table2.Cell, {
       key: "__contextMenu",
       align: "right",
-      "aria-label": menuLabel
-    }) : null
+      "aria-label": menuAriaLabel
+    }, menuHeaderName) : null
   ])), /* @__PURE__ */ import_react70.default.createElement(Table2.Body, null, /* @__PURE__ */ import_react70.default.createElement(List2, {
     items: rows,
     renderItem: (row, index) => /* @__PURE__ */ import_react70.default.createElement(Table2.Row, {
@@ -10692,7 +10723,7 @@ var DataTable = (_a) => {
       onAction: (action) => onAction == null ? void 0 : onAction(action, row, index),
       onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ import_react70.default.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ import_react70.default.createElement(Button.Icon, {
-      "aria-label": menuLabel,
+      "aria-label": menuAriaLabel,
       icon: import_more3.default
     })), (0, import_isFunction2.default)(menu) ? menu(row, index) : menu)))
   })));

package/dist/system.mjs

@@ -4644,6 +4644,22 @@ var require_stopwatch = __commonJS({
   }
 });
 
+// src/icons/superadmin.js
+var require_superadmin = __commonJS({
+  "src/icons/superadmin.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 14.208H6.875c-1.28 0-1.919 0-2.44.158a3.667 3.667 0 00-2.444 2.445c-.158.52-.158 1.16-.158 2.439M13.292 6.875a4.125 4.125 0 11-8.25 0 4.125 4.125 0 018.25 0Zm1.375 9.625 1.833 1.833 3.667-3.666"/>',
+      "left": 0,
+      "top": 0,
+      "width": 22,
+      "height": 22
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/swapHorizontal.js
 var require_swapHorizontal = __commonJS({
   "src/icons/swapHorizontal.js"(exports) {
@@ -6393,6 +6409,7 @@ var import_smallTick = __toESM(require_smallTick());
 var import_speedometer = __toESM(require_speedometer());
 var import_stop = __toESM(require_stop());
 var import_stopwatch = __toESM(require_stopwatch());
+var import_superadmin = __toESM(require_superadmin());
 var import_swapHorizontal = __toESM(require_swapHorizontal());
 var import_swapVertical = __toESM(require_swapVertical());
 var import_tag = __toESM(require_tag());
@@ -8643,10 +8660,13 @@ var LabelText = ({
   labelText,
   required,
   helpTooltip,
-  helpTooltipPlacement
+  helpTooltipPlacement,
+  description
 }) => {
   return /* @__PURE__ */ React41.createElement("span", {
-    className: tw("inline-flex items-center mb-2 typography-small-strong", {
+    className: tw("block mb-2")
+  }, /* @__PURE__ */ React41.createElement("span", {
+    className: tw("inline-flex items-center typography-small-strong", {
       "text-grey-60": variant === "default",
       "text-error-50": variant === "error",
       "text-grey-40": variant === "disabled"
@@ -8662,7 +8682,9 @@ var LabelText = ({
   }, /* @__PURE__ */ React41.createElement(InlineIcon, {
     icon: import_questionMark2.default,
     "data-testid": "icon-info"
-  }))));
+  })))), description && /* @__PURE__ */ React41.createElement("span", {
+    className: tw("block text-grey-50 typography-caption mt-1")
+  }, description));
 };
 var Label = (props) => {
   const _a = props, { id, htmlFor, labelText, labelProps: _b = {} } = _a, labelProps = __objRest(_b, []), { "data-testid": dataTestid, children } = _a;
@@ -8740,6 +8762,7 @@ var getLabelControlProps = (_a) => {
   } = _b, labelProps = __objRest(_c, []), {
     helpTooltip,
     helpTooltipPlacement,
+    description,
     maxLength,
     error: error2,
     helperText,
@@ -8754,6 +8777,7 @@ var getLabelControlProps = (_a) => {
     labelProps,
     helpTooltip,
     helpTooltipPlacement,
+    description,
     error: error2,
     helperText,
     maxLength,
@@ -9153,6 +9177,7 @@ var Container2 = ({ maxWidth = "xl", children }) => /* @__PURE__ */ React47.crea
   marginLeft: "auto",
   marginRight: "auto",
   width: "full",
+  height: "full",
   className: tw({
     "max-w-screen-xl": maxWidth === "xl",
     "max-w-screen-lg": maxWidth === "lg",
@@ -10369,7 +10394,9 @@ var DataList2 = ({
   rows: _rows,
   sticky,
   menu,
-  menuLabel = "Context menu",
+  menuLabel,
+  menuAriaLabel = menuLabel != null ? menuLabel : "Context menu",
+  menuHeaderName = "Actions",
   onAction,
   onMenuOpenChange,
   pagination: _pagination
@@ -10399,8 +10426,8 @@ var DataList2 = ({
     }), column.headerName)
   ), menu && /* @__PURE__ */ React61.createElement(DataList.HeadCell, {
     align: "right",
-    "aria-label": menuLabel
-  }), /* @__PURE__ */ React61.createElement(List2, {
+    "aria-label": menuAriaLabel
+  }, menuHeaderName), /* @__PURE__ */ React61.createElement(List2, {
     items: rows,
     renderItem: (row, index) => /* @__PURE__ */ React61.createElement(DataList.Row, {
       key: row.id
@@ -10417,7 +10444,7 @@ var DataList2 = ({
       onAction: (action) => onAction == null ? void 0 : onAction(action, row, index),
       onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ React61.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React61.createElement(Button.Icon, {
-      "aria-label": menuLabel,
+      "aria-label": menuAriaLabel,
       icon: import_more2.default
     })), isFunction(menu) ? menu(row, index) : menu)))
   }));
@@ -10483,7 +10510,9 @@ var DataTable = (_a) => {
     layout = "auto",
     sticky,
     menu,
-    menuLabel = "Context menu",
+    menuLabel,
+    menuAriaLabel = menuLabel != null ? menuLabel : "Context menu",
+    menuHeaderName = "Actions",
     onAction,
     onMenuOpenChange,
     pagination: _pagination
@@ -10495,6 +10524,8 @@ var DataTable = (_a) => {
     "sticky",
     "menu",
     "menuLabel",
+    "menuAriaLabel",
+    "menuHeaderName",
     "onAction",
     "onMenuOpenChange",
     "pagination"
@@ -10530,8 +10561,8 @@ var DataTable = (_a) => {
     menu ? /* @__PURE__ */ React64.createElement(Table2.Cell, {
       key: "__contextMenu",
       align: "right",
-      "aria-label": menuLabel
-    }) : null
+      "aria-label": menuAriaLabel
+    }, menuHeaderName) : null
   ])), /* @__PURE__ */ React64.createElement(Table2.Body, null, /* @__PURE__ */ React64.createElement(List2, {
     items: rows,
     renderItem: (row, index) => /* @__PURE__ */ React64.createElement(Table2.Row, {
@@ -10549,7 +10580,7 @@ var DataTable = (_a) => {
       onAction: (action) => onAction == null ? void 0 : onAction(action, row, index),
       onOpenChange: onMenuOpenChange
     }, /* @__PURE__ */ React64.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ React64.createElement(Button.Icon, {
-      "aria-label": menuLabel,
+      "aria-label": menuAriaLabel,
       icon: import_more3.default
     })), isFunction2(menu) ? menu(row, index) : menu)))
   })));