@npm_leadtech/legal-contracts-ui 0.183.0 → 0.183.1

package/dist/components/DoneCircleIcon.js

@@ -1,50 +1,19 @@
 import "react";
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 //#region lib/components/icons/DoneCircleIcon.tsx
-var n = ({ fill: n = "var(--color-primary-900)", ...r }) => /* @__PURE__ */ t("svg", {
+var t = ({ fill: t = "var(--color-primary-900)", ...n }) => /* @__PURE__ */ e("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "32",
 	height: "32",
 	fill: "none",
 	viewBox: "0 0 32 32",
-	...r,
-	children: [/* @__PURE__ */ e("mask", {
-		id: "mask0_1024_3975",
-		width: "28",
-		height: "28",
-		x: "2",
-		y: "2",
-		maskUnits: "userSpaceOnUse",
-		style: { maskType: "luminance" },
-		children: /* @__PURE__ */ e("path", {
-			fill: "#fff",
-			fillRule: "evenodd",
-			d: "M16 2.667C8.64 2.667 2.667 8.64 2.667 16S8.64 29.333 16 29.333 29.333 23.36 29.333 16 23.36 2.667 16 2.667m0 24C10.12 26.667 5.333 21.88 5.333 16S10.12 5.333 16 5.333 26.667 10.12 26.667 16 21.88 26.667 16 26.667m-2.667-7.774 7.84-7.84c.52-.52 1.374-.52 1.894 0s.52 1.36 0 1.88L14.28 21.72c-.52.52-1.36.52-1.88 0l-3.453-3.453c-.52-.52-.52-1.36 0-1.88s1.36-.52 1.88 0z",
-			clipRule: "evenodd"
-		})
-	}), /* @__PURE__ */ t("g", {
-		mask: "url(#mask0_1024_3975)",
-		children: [/* @__PURE__ */ e("path", {
-			fill: n,
-			fillRule: "evenodd",
-			d: "M0 0h32v32H0z",
-			clipRule: "evenodd"
-		}), /* @__PURE__ */ e("mask", {
-			id: "mask1_1024_3975",
-			width: "32",
-			height: "32",
-			x: "0",
-			y: "0",
-			maskUnits: "userSpaceOnUse",
-			style: { maskType: "luminance" },
-			children: /* @__PURE__ */ e("path", {
-				fill: "#fff",
-				fillRule: "evenodd",
-				d: "M0 0h32v32H0z",
-				clipRule: "evenodd"
-			})
-		})]
-	})]
+	...n,
+	children: /* @__PURE__ */ e("path", {
+		fill: t,
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M16 2.667C8.64 2.667 2.667 8.64 2.667 16S8.64 29.333 16 29.333 29.333 23.36 29.333 16 23.36 2.667 16 2.667m0 24C10.12 26.667 5.333 21.88 5.333 16S10.12 5.333 16 5.333 26.667 10.12 26.667 16 21.88 26.667 16 26.667m-2.667-7.774 7.84-7.84c.52-.52 1.374-.52 1.894 0s.52 1.36 0 1.88L14.28 21.72c-.52.52-1.36.52-1.88 0l-3.453-3.453c-.52-.52-.52-1.36 0-1.88s1.36-.52 1.88 0z"
+	})
 });
 //#endregion
-export { n as DoneCircleIcon };
+export { t as DoneCircleIcon };

package/dist/components/LeadGateErrorModal.js

@@ -11,6 +11,7 @@ var o = ({ isOpen: o, setIsOpen: s, title: c, closeLeadGateLabel: l, heading: u,
 	setIsOpen: s,
 	showClose: !1,
 	overlayVariant: "grey",
+	isScrollable: !1,
 	children: /* @__PURE__ */ a("div", {
 		className: "shadow-small flex w-[338px] max-w-[calc(100vw-3rem)] flex-col rounded-sm bg-white p-6 sm:w-96",
 		children: [/* @__PURE__ */ a("div", {

package/dist/components/LeadGateModal.js

@@ -17,6 +17,7 @@ var c = (e) => {
 		setIsOpen: u,
 		showClose: !1,
 		overlayVariant: "grey",
+		isScrollable: !1,
 		children: /* @__PURE__ */ s("div", {
 			className: "shadow-small flex w-[338px] max-w-[calc(100vw-3rem)] flex-col rounded-sm bg-white p-6 sm:w-96",
 			children: [/* @__PURE__ */ s("div", {

package/dist/components/LeadGateSuccessModal.js

@@ -14,6 +14,7 @@ var l = ({ isOpen: l, setIsOpen: u, title: d, closeLeadGateLabel: f, subtitle: p
 	setIsOpen: u,
 	showClose: !1,
 	overlayVariant: "grey",
+	isScrollable: !1,
 	children: /* @__PURE__ */ c("div", {
 		className: "shadow-small flex w-[338px] max-w-[calc(100vw-3rem)] flex-col rounded-sm bg-white p-6 sm:w-96",
 		children: [/* @__PURE__ */ c("div", {

package/dist/components/Modal.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react';
 import { ReactNode } from 'react';
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant, isScrollable }: ModalProps) => JSX.Element;
 
 export declare type ModalOverlayVariant = 'primary' | 'grey';
 
@@ -13,5 +13,6 @@ export interface ModalProps {
     showClose?: boolean;
     onTrigger?: () => void;
     overlayVariant?: ModalOverlayVariant;
+    isScrollable?: boolean;
 }
 

package/dist/components/Modal.js

@@ -9,10 +9,10 @@ import { createPortal as o } from "react-dom";
 var s = {
 	primary: "bg-primary-900/80",
 	grey: "bg-backdrop-grey"
-}, c = ({ trigger: c, children: l, isOpen: u, setIsOpen: d, showClose: f, onTrigger: p, overlayVariant: m = "primary" }) => {
-	let h = () => {
+}, c = ({ trigger: c, children: l, isOpen: u, setIsOpen: d, showClose: f, onTrigger: p, overlayVariant: m = "primary", isScrollable: h = !0 }) => {
+	let g = () => {
 		p?.(), d(!0);
-	}, g = () => {
+	}, _ = () => {
 		d(!1);
 	};
 	return t(() => {
@@ -24,28 +24,28 @@ var s = {
 	}, [u]), /* @__PURE__ */ i(n, { children: [!!c && /* @__PURE__ */ r("button", {
 		type: "button",
 		"aria-label": "zoom",
-		onClick: h,
+		onClick: g,
 		className: "flex w-full cursor-pointer justify-center",
 		children: c
 	}), u && o(/* @__PURE__ */ i("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		className: a(s[m], "fixed inset-0 z-1001"),
+		className: a(s[m], "fixed inset-0 z-1001 flex items-center justify-center"),
 		children: [/* @__PURE__ */ r("button", {
 			type: "button",
 			tabIndex: -1,
 			"data-testid": "modal-backdrop",
 			className: "absolute inset-0 z-0 cursor-default border-none bg-transparent p-0",
-			onClick: g,
+			onClick: _,
 			"aria-label": "Close modal"
 		}), /* @__PURE__ */ r("div", {
-			className: "pointer-events-none relative z-10 flex min-h-full w-full items-center justify-center overflow-y-auto p-6",
+			className: a("pointer-events-none relative z-10 flex w-full", h ? "max-h-screen items-start justify-center overflow-y-auto px-6 py-24" : "min-h-full items-center justify-center p-6"),
 			children: /* @__PURE__ */ i("div", {
 				className: "pointer-events-auto relative",
 				children: [f && /* @__PURE__ */ r("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: g,
+					onClick: _,
 					"aria-label": "Close",
 					children: /* @__PURE__ */ r(e, {})
 				}), l]

package/dist/components/index.d.ts

@@ -947,7 +947,7 @@ export declare interface MobileMenuSection {
     content?: ReactNode | null;
 }
 
-export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant }: ModalProps) => JSX.Element;
+export declare const Modal: ({ trigger, children, isOpen, setIsOpen, showClose, onTrigger, overlayVariant, isScrollable }: ModalProps) => JSX.Element;
 
 export declare type ModalOverlayVariant = 'primary' | 'grey';
 
@@ -959,6 +959,7 @@ export interface ModalProps {
     showClose?: boolean;
     onTrigger?: () => void;
     overlayVariant?: ModalOverlayVariant;
+    isScrollable?: boolean;
 }
 
 export declare const MoreTemplatesSection: FC<PopularDocumentsProps>;

package/package.json

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