@aivenio/aquarium 1.13.0 → 1.14.0

package/dist/system.cjs

@@ -221,7 +221,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "16px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.5,
                   textTransform: "none"
@@ -247,7 +247,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "14px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.42,
                   textTransform: "none"
@@ -781,7 +781,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "16px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.5,
                   textTransform: "none"
@@ -807,7 +807,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "14px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.42,
                   textTransform: "none"
@@ -5441,7 +5441,7 @@ var TableBody = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
   return /* @__PURE__ */ import_react50.default.createElement("tbody", __spreadValues({}, rest), children);
 };
-var rowClassNames = tw("children:border-grey-10 children:last:border-b-0 hover:bg-grey-0");
+var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
 var TableRow = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ import_react50.default.createElement("tr", __spreadProps(__spreadValues({}, rest), {
@@ -5449,27 +5449,43 @@ var TableRow = (_a) => {
   }), children);
 };
 var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
-var getBodyCellClassNames = (table = true) => tw("text-grey-70 py-3", {
+var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-grey-70 py-3", {
   "h-[50px]": table,
-  "min-h-[50px]": !table
+  "min-h-[50px]": !table,
+  "sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
+  "left-0": stickyColumn === "left",
+  "right-0": stickyColumn === "right"
 });
 var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
-var getHeadCellClassNames = (sticky = true) => {
+var getHeadCellClassNames = (sticky = true, stickyColumn) => {
   const common = tw("py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal");
-  return sticky ? classNames(common, tw("sticky top-0 z-10")) : common;
+  return sticky ? classNames(
+    common,
+    tw("sticky top-0", {
+      "z-10": !stickyColumn,
+      "z-20": Boolean(stickyColumn),
+      "left-0": stickyColumn === "left",
+      "right-0": stickyColumn === "right"
+    })
+  ) : common;
 };
 var TableCell = (_a) => {
-  var _b = _a, { children, className, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "align"]);
+  var _b = _a, { children, className, stickyColumn, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "stickyColumn", "align"]);
   const headContext = import_react50.default.useContext(HeadContext);
   return headContext ? /* @__PURE__ */ import_react50.default.createElement("th", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       cellClassNames,
-      getHeadCellClassNames(headContext.sticky),
+      getHeadCellClassNames(headContext.sticky, stickyColumn),
       getAlignClassNames(align),
       className
     )
   }), children) : /* @__PURE__ */ import_react50.default.createElement("td", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className)
+    className: classNames(
+      cellClassNames,
+      getBodyCellClassNames(true, stickyColumn),
+      getAlignClassNames(align),
+      className
+    )
   }), children);
 };
 var TableSelectCell = (_a) => {
@@ -5538,24 +5554,39 @@ var HeadCell = (_a) => {
   var _b = _a, {
     className,
     sticky,
-    align
+    align,
+    stickyColumn
   } = _b, rest = __objRest(_b, [
     "className",
     "sticky",
-    "align"
+    "align",
+    "stickyColumn"
   ]);
   return /* @__PURE__ */ import_react51.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
     role: "cell",
-    className: classNames(cellClassNames, getHeadCellClassNames(sticky), getAlignClassNames2(align), className)
+    className: classNames(
+      cellClassNames,
+      getHeadCellClassNames(sticky, stickyColumn),
+      getAlignClassNames2(align),
+      className
+    )
   }));
 };
 var Cell = (_a) => {
-  var _b = _a, { className, align } = _b, rest = __objRest(_b, ["className", "align"]);
+  var _b = _a, {
+    className,
+    align,
+    stickyColumn
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "align",
+    "stickyColumn"
+  ]);
   return /* @__PURE__ */ import_react51.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
     role: "cell",
     className: classNames(
       cellClassNames,
-      getBodyCellClassNames(false),
+      getBodyCellClassNames(false, stickyColumn),
       getAlignClassNames2(align),
       tw("border-grey-10 group-hover:bg-grey-0 group-last:border-b-0"),
       className
@@ -5610,7 +5641,8 @@ var renameProperty = (oldProp, newProp, _a) => {
 var toSortDirection = (direction) => direction === "ascending" ? "asc" : direction === "descending" ? "desc" : false;
 var cellProps = (column) => ({
   key: column.key || column.headerName,
-  align: column.type === "number" || column.type === "action" ? "right" : "left"
+  align: column.type === "number" || column.type === "action" ? "right" : "left",
+  stickyColumn: column.sticky
 });
 var columnIsFieldColumn = (column) => Boolean(column && column.field);
 
@@ -7204,12 +7236,13 @@ var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /*
 
 // src/molecules/Modal/Modal.tsx
 var import_cross5 = __toESM(require_cross());
-var Modal2 = (props) => {
+var Modal2 = (_a) => {
+  var _b = _a, { closeOnEsc = true } = _b, props = __objRest(_b, ["closeOnEsc"]);
   const { open, onClose, size, portalContainer } = props;
   const ref = import_react77.default.useRef(null);
   const state = (0, import_overlays11.useOverlayTriggerState)({ isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose() });
   const { modalProps, underlayProps } = (0, import_overlays10.useModalOverlay)(
-    { isDismissable: true, isKeyboardDismissDisabled: false },
+    { isDismissable: true, isKeyboardDismissDisabled: !closeOnEsc },
     state,
     ref
   );

package/dist/system.mjs

@@ -219,7 +219,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "16px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.5,
                   textTransform: "none"
@@ -245,7 +245,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "14px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.42,
                   textTransform: "none"
@@ -779,7 +779,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "16px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.5,
                   textTransform: "none"
@@ -805,7 +805,7 @@ var require_tokens = __commonJS({
                 style: {
                   fontFamily: "Inter",
                   fontSize: "14px",
-                  fontWeight: 600,
+                  fontWeight: 500,
                   fontStyle: "normal",
                   lineHeight: 1.42,
                   textTransform: "none"
@@ -5302,7 +5302,7 @@ var TableBody = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
   return /* @__PURE__ */ React45.createElement("tbody", __spreadValues({}, rest), children);
 };
-var rowClassNames = tw("children:border-grey-10 children:last:border-b-0 hover:bg-grey-0");
+var rowClassNames = tw("children:border-grey-10 group children:last:border-b-0 hover:bg-grey-0");
 var TableRow = (_a) => {
   var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   return /* @__PURE__ */ React45.createElement("tr", __spreadProps(__spreadValues({}, rest), {
@@ -5310,27 +5310,43 @@ var TableRow = (_a) => {
   }), children);
 };
 var cellClassNames = tw("px-4 border-b typography-small leading-[18px]");
-var getBodyCellClassNames = (table = true) => tw("text-grey-70 py-3", {
+var getBodyCellClassNames = (table = true, stickyColumn) => tw("text-grey-70 py-3", {
   "h-[50px]": table,
-  "min-h-[50px]": !table
+  "min-h-[50px]": !table,
+  "sticky z-10 bg-white group-hover:bg-grey-0": Boolean(stickyColumn),
+  "left-0": stickyColumn === "left",
+  "right-0": stickyColumn === "right"
 });
 var getAlignClassNames = (align) => tw({ "text-right": align === "right", "text-center": align === "center" });
-var getHeadCellClassNames = (sticky = true) => {
+var getHeadCellClassNames = (sticky = true, stickyColumn) => {
   const common = tw("py-[14px] text-left bg-white border-grey-40 text-grey-50 font-normal");
-  return sticky ? classNames(common, tw("sticky top-0 z-10")) : common;
+  return sticky ? classNames(
+    common,
+    tw("sticky top-0", {
+      "z-10": !stickyColumn,
+      "z-20": Boolean(stickyColumn),
+      "left-0": stickyColumn === "left",
+      "right-0": stickyColumn === "right"
+    })
+  ) : common;
 };
 var TableCell = (_a) => {
-  var _b = _a, { children, className, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "align"]);
+  var _b = _a, { children, className, stickyColumn, align = "left" } = _b, rest = __objRest(_b, ["children", "className", "stickyColumn", "align"]);
   const headContext = React45.useContext(HeadContext);
   return headContext ? /* @__PURE__ */ React45.createElement("th", __spreadProps(__spreadValues({}, rest), {
     className: classNames(
       cellClassNames,
-      getHeadCellClassNames(headContext.sticky),
+      getHeadCellClassNames(headContext.sticky, stickyColumn),
       getAlignClassNames(align),
       className
     )
   }), children) : /* @__PURE__ */ React45.createElement("td", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(cellClassNames, getBodyCellClassNames(), getAlignClassNames(align), className)
+    className: classNames(
+      cellClassNames,
+      getBodyCellClassNames(true, stickyColumn),
+      getAlignClassNames(align),
+      className
+    )
   }), children);
 };
 var TableSelectCell = (_a) => {
@@ -5399,24 +5415,39 @@ var HeadCell = (_a) => {
   var _b = _a, {
     className,
     sticky,
-    align
+    align,
+    stickyColumn
   } = _b, rest = __objRest(_b, [
     "className",
     "sticky",
-    "align"
+    "align",
+    "stickyColumn"
   ]);
   return /* @__PURE__ */ React46.createElement("div", __spreadProps(__spreadValues({}, rest), {
     role: "cell",
-    className: classNames(cellClassNames, getHeadCellClassNames(sticky), getAlignClassNames2(align), className)
+    className: classNames(
+      cellClassNames,
+      getHeadCellClassNames(sticky, stickyColumn),
+      getAlignClassNames2(align),
+      className
+    )
   }));
 };
 var Cell = (_a) => {
-  var _b = _a, { className, align } = _b, rest = __objRest(_b, ["className", "align"]);
+  var _b = _a, {
+    className,
+    align,
+    stickyColumn
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "align",
+    "stickyColumn"
+  ]);
   return /* @__PURE__ */ React46.createElement("div", __spreadProps(__spreadValues({}, rest), {
     role: "cell",
     className: classNames(
       cellClassNames,
-      getBodyCellClassNames(false),
+      getBodyCellClassNames(false, stickyColumn),
       getAlignClassNames2(align),
       tw("border-grey-10 group-hover:bg-grey-0 group-last:border-b-0"),
       className
@@ -5471,7 +5502,8 @@ var renameProperty = (oldProp, newProp, _a) => {
 var toSortDirection = (direction) => direction === "ascending" ? "asc" : direction === "descending" ? "desc" : false;
 var cellProps = (column) => ({
   key: column.key || column.headerName,
-  align: column.type === "number" || column.type === "action" ? "right" : "left"
+  align: column.type === "number" || column.type === "action" ? "right" : "left",
+  stickyColumn: column.sticky
 });
 var columnIsFieldColumn = (column) => Boolean(column && column.field);
 
@@ -7065,12 +7097,13 @@ var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /*
 
 // src/molecules/Modal/Modal.tsx
 var import_cross5 = __toESM(require_cross());
-var Modal2 = (props) => {
+var Modal2 = (_a) => {
+  var _b = _a, { closeOnEsc = true } = _b, props = __objRest(_b, ["closeOnEsc"]);
   const { open, onClose, size, portalContainer } = props;
   const ref = React71.useRef(null);
   const state = useOverlayTriggerState4({ isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose() });
   const { modalProps, underlayProps } = useModalOverlay2(
-    { isDismissable: true, isKeyboardDismissDisabled: false },
+    { isDismissable: true, isKeyboardDismissDisabled: !closeOnEsc },
     state,
     ref
   );

package/dist/tokens.json

@@ -160,7 +160,7 @@
                         "style": {
                             "fontFamily": "Inter",
                             "fontSize": "16px",
-                            "fontWeight": 600,
+                            "fontWeight": 500,
                             "fontStyle": "normal",
                             "lineHeight": 1.5,
                             "textTransform": "none"
@@ -186,7 +186,7 @@
                         "style": {
                             "fontFamily": "Inter",
                             "fontSize": "14px",
-                            "fontWeight": 600,
+                            "fontWeight": 500,
                             "fontStyle": "normal",
                             "lineHeight": 1.42,
                             "textTransform": "none"
@@ -720,7 +720,7 @@
                         "style": {
                             "fontFamily": "Inter",
                             "fontSize": "16px",
-                            "fontWeight": 600,
+                            "fontWeight": 500,
                             "fontStyle": "normal",
                             "lineHeight": 1.5,
                             "textTransform": "none"
@@ -746,7 +746,7 @@
                         "style": {
                             "fontFamily": "Inter",
                             "fontSize": "14px",
-                            "fontWeight": 600,
+                            "fontWeight": 500,
                             "fontStyle": "normal",
                             "lineHeight": 1.42,
                             "textTransform": "none"