@orfium/ictinus 5.17.0-rc.1 → 5.18.0

package/dist/index.js

@@ -22074,7 +22074,7 @@ const qz = ({
     } = v;
     return v.type === E8 ? v : /* @__PURE__ */ d(t2, { isCompact: p, rowSize: t, isDisabled: o.has(m), id: m, children: v }, m);
   }) }) }) });
-}, Vz = (e) => /* @__PURE__ */ C("position:fixed;z-index:3000;width:100vw;height:100vh;top:0;left:0;background-color:", I5(0.3, e.tokens.colors.get("backgroundColor.invertedAlt")), ";display:flex;justify-content:center;align-items:center;", ""), Wz = /* @__PURE__ */ C("max-width:", I(500), ";max-height:", I(684), ";", ""), jz = ({
+}, Vz = (e) => /* @__PURE__ */ C("position:fixed;z-index:3000;width:100vw;height:100vh;top:0;left:0;background-color:", I5(0.3, e.tokens.colors.get("backgroundColor.invertedAlt")), ";display:flex;justify-content:center;align-items:center;", ""), Wz = (e, t) => /* @__PURE__ */ C("max-width:", e, ";max-height:", t, ";", ""), jz = ({
   isContentPadded: e
 }) => (t) => /* @__PURE__ */ C("display:flex;flex-direction:row;flex-wrap:wrap;padding:", e ? `${t.globals.spacing.get("8")} ${t.globals.spacing.get("9")} ${t.globals.spacing.get("9")} ${t.globals.spacing.get("9")}` : void 0, ";", ""), Uz = (e) => /* @__PURE__ */ C("width:100%;display:flex;justify-content:flex-end;padding:", e.globals.spacing.get("4"), " ", e.globals.spacing.get("4"), " 0 0;box-sizing:border-box;", ""), Kz = (e) => /* @__PURE__ */ C("width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;text-align:left;color:", e.tokens.colors.get("textColor.default.primary"), ";font-weight:", e.globals.typography.fontWeight.get("regular"), ";", ""), Zz = (e) => /* @__PURE__ */ C("font-size:", e.globals.typography.fontSize.get("3"), ";margin:0 0 ", e.globals.spacing.get("3"), " 0;", ""), Gz = (e) => /* @__PURE__ */ C("font-size:", e.globals.typography.fontSize.get("9"), ";color:", e.tokens.colors.get("textColor.default.primary"), ";font-weight:", e.globals.typography.fontWeight.get("medium"), ";margin:0 0 ", e.globals.spacing.get("9"), " 0;", ""), Yz = (e) => /* @__PURE__ */ C("font-size:", e.globals.typography.fontSize.get("4"), ";color:", e.tokens.colors.get("textColor.default.secondary"), ";max-height:", I(430), ";overflow-y:hidden;margin:0;", ""), Xz = (e) => /* @__PURE__ */ C("width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;margin:", e.globals.spacing.get("9"), " 0 0 0;button{margin-left:", e.globals.spacing.get("6"), ";}", ""), Qz = ({
   label: e,
@@ -22108,16 +22108,18 @@ const qz = ({
   dataTestId: r,
   children: n,
   contentProps: o,
-  isContentPadded: i = !0
+  isContentPadded: i = !0,
+  maxWidth: a = `${H(500)}`,
+  maxHeight: l = `${H(684)}`
 }) => {
   n2(() => {
     t();
   });
-  const a = W();
+  const s = W();
   return ne(() => (e && (document.body.style.overflow = "hidden"), () => {
     document.body.style.overflow = "unset";
-  }), [e]), e ? /* @__PURE__ */ d("div", { css: Vz, "data-testid": ie("modal-container", r), children: /* @__PURE__ */ d(Pr, { onClick: t, children: /* @__PURE__ */ d("div", { css: Wz, children: /* @__PURE__ */ L(tC, { elevated: "02", radius: "3", children: [
-    /* @__PURE__ */ d("div", { css: Uz, children: /* @__PURE__ */ d(he, { type: "tertiary", iconName: "close", onClick: t, color: a.tokens.colors.get("textColor.default.secondary"), dataTestId: "modal-close" }) }),
+  }), [e]), e ? /* @__PURE__ */ d("div", { css: Vz, "data-testid": ie("modal-container", r), children: /* @__PURE__ */ d(Pr, { onClick: t, children: /* @__PURE__ */ d("div", { css: Wz(a, l), children: /* @__PURE__ */ L(tC, { elevated: "02", radius: "3", children: [
+    /* @__PURE__ */ d("div", { css: Uz, children: /* @__PURE__ */ d(he, { type: "tertiary", iconName: "close", onClick: t, color: s.tokens.colors.get("textColor.default.secondary"), dataTestId: "modal-close" }) }),
     /* @__PURE__ */ d("div", { css: jz({
       isContentPadded: i
     }), children: o ? /* @__PURE__ */ d(Qz, { ...o }) : n })
@@ -22415,7 +22417,7 @@ const VV = ({
   size: r,
   isBackgroundActive: n
 }) => (o) => () => {
-  const i = () => (t === "left" || t === "right") && n ? /* @__PURE__ */ C("width:", r, "%;", "") : zV, a = () => (t === "top" || t === "bottom") && n ? /* @__PURE__ */ C("height:", r, "%;", "") : HV, l = () => n ? /* @__PURE__ */ C("top:", t === "bottom" ? void 0 : 0, ";bottom:", t === "top" ? void 0 : 0, ";right:", t === "left" ? void 0 : 0, ";left:", t === "right" ? void 0 : 0, ";", "") : qV;
+  const i = () => (t === "left" || t === "right") && n ? /* @__PURE__ */ C("width:", r, ";", "") : zV, a = () => (t === "top" || t === "bottom") && n ? /* @__PURE__ */ C("height:", r, ";", "") : HV, l = () => n ? /* @__PURE__ */ C("top:", t === "bottom" ? void 0 : 0, ";bottom:", t === "top" ? void 0 : 0, ";right:", t === "left" ? void 0 : 0, ";left:", t === "right" ? void 0 : 0, ";", "") : qV;
   return /* @__PURE__ */ C(De, ";position:fixed;", i(), ";", a(), ";z-index:2500;", l(), ";background:", n ? void 0 : I5(0.3, o.tokens.colors.get("backgroundColor.invertedAlt")), ";visibility:", e ? "visible" : "hidden", ";opacity:", e ? 1 : 0, ";", Te(0.2), " ", FV(t), ";", "");
 }, WV = ({
   anchor: e,
@@ -22423,12 +22425,12 @@ const VV = ({
   isBackgroundActive: r
 }) => e === "top" || e === "bottom" ? {
   display: "flex",
-  height: r ? "100%" : `${t}%`,
+  height: r ? "100%" : t,
   width: "100%"
 } : {
   display: "flex",
   height: "100%",
-  width: r ? "100%" : `${t}%`
+  width: r ? "100%" : t
 }, jV = ({
   isOpen: e,
   anchor: t,
@@ -22494,7 +22496,7 @@ const VV = ({
   isOpen: e,
   onClose: t,
   anchor: r,
-  size: n,
+  size: n = "auto",
   isBackgroundActive: o = !1,
   dataTestPrefixId: i = "ictinus_drawer",
   hasFixedLayout: a = !1,