@loomhq/lens 11.10.0 → 11.11.0

package/dist/index.js

@@ -3466,7 +3466,7 @@ function SvgClose(props) {
 
 // src/components/modal/modal.tsx
 import styled19 from "@emotion/styled";
-var modalCardHeight = "70vh";
+var DEFAULT_MODAL_CARD_HEIGHT = "70vh";
 var ContentWrapper = styled19.div`
   display: grid;
   grid-template-rows: ${(props) => props.rows};
@@ -3539,19 +3539,26 @@ var ChildrenSection2 = styled19.div`
 `;
 var ModalCardChildrenSection = styled19.div`
   overflow: auto;
-  max-height: ${modalCardHeight};
+
+  ${(props) => getMaxHeight(props.maxHeight)};
 
   & > * {
-    max-height: ${modalCardHeight};
+    ${(props) => getMaxHeight(props.maxHeight)};
   }
 `;
+var getMaxHeight = (maxHeight) => {
+  if (typeof maxHeight === "number") {
+    return getSize("max-height", maxHeight);
+  }
+  return "max-height: " + maxHeight;
+};
 var ModalCard = (_a) => {
   var _b = _a, {
     children,
     onCloseClick,
     isOpen,
     maxWidth = 60,
-    maxHeight = "70vh",
+    maxHeight = DEFAULT_MODAL_CARD_HEIGHT,
     placement = "center",
     ariaLabel,
     ref,
@@ -3613,7 +3620,8 @@ var ModalCard = (_a) => {
       /* @__PURE__ */ React25.createElement(
         ModalCardChildrenSection,
         {
-          tabIndex: removeClose ? 0 : -1
+          tabIndex: removeClose ? 0 : -1,
+          maxHeight
         },
         children
       )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "11.10.0",
+  "version": "11.11.0",
   "engines": {
     "pnpm": "^8.9.2"
   },