@npm_leadtech/legal-contracts-ui 0.145.0 → 0.145.2

package/dist/components/Modal.js

@@ -1,41 +1,64 @@
 "use client";
-import { jsxs as s, Fragment as f, jsx as e } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-import { createPortal as m } from "react-dom";
+import { jsxs as a, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { useEffect as m } from "react";
+import { createPortal as p } from "react-dom";
 import { CloseIcon as y } from "./CloseIcon.js";
-const x = ({ trigger: l, children: a, isOpen: o, setIsOpen: c, showClose: i, onTrigger: n }) => {
-  const r = () => {
-    n && n(), c(!o);
-  }, u = (t) => {
-    t.target === t.currentTarget && r();
+const w = ({ trigger: r, children: i, isOpen: t, setIsOpen: l, showClose: s, onTrigger: c }) => {
+  const d = () => {
+    c?.(), l(!0);
+  }, n = () => {
+    l(!1);
+  }, u = (e) => {
+    e.target === e.currentTarget && n();
   };
-  return d(() => {
-    if (!o) return;
-    const t = document.body.style.overflow;
+  return m(() => {
+    if (!t) return;
+    const e = document.body.style.overflow;
     return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = t;
+      document.body.style.overflow = e;
     };
-  }, [o]), /* @__PURE__ */ s(f, { children: [
-    !!l && /* @__PURE__ */ e("button", { "aria-label": "zoom", onClick: r, className: "flex w-full cursor-pointer justify-center", children: l }),
-    o && m(
-      /* @__PURE__ */ e(
-        "button",
+  }, [t]), /* @__PURE__ */ a(f, { children: [
+    !!r && /* @__PURE__ */ o(
+      "button",
+      {
+        type: "button",
+        "aria-label": "zoom",
+        onClick: d,
+        className: "flex w-full cursor-pointer justify-center",
+        children: r
+      }
+    ),
+    t && p(
+      /* @__PURE__ */ o(
+        "div",
         {
+          role: "dialog",
+          "aria-modal": "true",
+          "data-testid": "modal-backdrop",
           className: "bg-primary-900/80 fixed inset-0 z-1001 flex items-center justify-center",
           onClick: u,
-          children: /* @__PURE__ */ e("div", { className: "pointer-events-none relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ s("div", { className: "pointer-events-auto relative", children: [
-            i && /* @__PURE__ */ e(
-              "button",
-              {
-                type: "button",
-                className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
-                onClick: r,
-                "aria-label": "Close",
-                children: /* @__PURE__ */ e(y, {})
-              }
-            ),
-            a
-          ] }) })
+          children: /* @__PURE__ */ o("div", { className: "pointer-events-none relative flex max-h-screen w-full items-start justify-center overflow-y-auto px-6 py-24", children: /* @__PURE__ */ a(
+            "div",
+            {
+              className: "pointer-events-auto relative",
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              children: [
+                s && /* @__PURE__ */ o(
+                  "button",
+                  {
+                    type: "button",
+                    className: "absolute top-4 right-4 z-10 cursor-pointer rounded-full p-2 transition-colors hover:bg-neutral-100 focus:outline-none",
+                    onClick: n,
+                    "aria-label": "Close",
+                    children: /* @__PURE__ */ o(y, {})
+                  }
+                ),
+                i
+              ]
+            }
+          ) })
         }
       ),
       document.body
@@ -43,5 +66,5 @@ const x = ({ trigger: l, children: a, isOpen: o, setIsOpen: c, showClose: i, onT
   ] });
 };
 export {
-  x as Modal
+  w as Modal
 };

package/dist/components/SaveIcon.js

@@ -1,14 +1,31 @@
 import { jsx as l } from "react/jsx-runtime";
 import "react";
-const i = (e) => /* @__PURE__ */ l("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 16 16", ...e, children: /* @__PURE__ */ l(
-  "path",
+const i = ({
+  fill: a = "var(--color-neutral-900)",
+  width: e = 16,
+  height: o = 16,
+  ...n
+}) => /* @__PURE__ */ l(
+  "svg",
   {
-    fill: "var(--color-neutral-900)",
-    fillRule: "evenodd",
-    d: "m10.028 7.423-1.306 1.45V1.806a.722.722 0 0 0-1.444 0v7.067l-1.306-1.45a.759.759 0 0 0-1.129 1.014l2.412 2.691a1 1 0 0 0 1.49 0l2.412-2.69a.76.76 0 0 0-1.13-1.015m3.028 1.633a.722.722 0 1 1 1.444 0v5.528a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V9.056a.722.722 0 0 1 1.444 0v4.916h10.112z",
-    clipRule: "evenodd"
+    className: "shrink-0",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: e,
+    height: o,
+    fill: "none",
+    viewBox: "0 0 16 16",
+    ...n,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: a,
+        fillRule: "evenodd",
+        d: "m10.028 7.423-1.306 1.45V1.806a.722.722 0 0 0-1.444 0v7.067l-1.306-1.45a.759.759 0 0 0-1.129 1.014l2.412 2.691a1 1 0 0 0 1.49 0l2.412-2.69a.76.76 0 0 0-1.13-1.015m3.028 1.633a.722.722 0 1 1 1.444 0v5.528a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V9.056a.722.722 0 0 1 1.444 0v4.916h10.112z",
+        clipRule: "evenodd"
+      }
+    )
   }
-) });
+);
 export {
   i as SaveIcon
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.145.0",
+  "version": "0.145.2",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",