@npm_leadtech/legal-contracts-ui 0.90.1 → 0.90.2

package/dist/components/ElectronicSignatureTemplate.js

@@ -1,27 +1,27 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import { Hero2Section as s } from "./Hero2Section.js";
-import { HowItWorksSection as c } from "./HowItWorksSection.js";
-import { FastAndSimpleSection as p } from "./FastAndSimpleSection.js";
-import { FeaturesSection as f } from "./FeaturesSection.js";
-import { BannerTagSection as x } from "./BannerTagSection.js";
+import { Hero2Section as p } from "./Hero2Section.js";
+import { HowItWorksSection as s } from "./HowItWorksSection.js";
+import { FastAndSimpleSection as c } from "./FastAndSimpleSection.js";
+import { FeaturesSection as x } from "./FeaturesSection.js";
+import { BannerTagSection as f } from "./BannerTagSection.js";
 import { FaqSection as S } from "./FaqSection.js";
-const N = ({
-  hero: r,
-  howItWorks: e,
+const F = ({
+  hero: m,
+  howItWorks: r,
   fastAndSimple: t,
-  benefits: i,
-  trustPilot: m,
+  benefits: e,
+  trustPilot: i,
   signAndSend: a,
   faq: n
-}) => /* @__PURE__ */ l("main", { className: "w-full flex-1 bg-neutral-50", children: [
-  /* @__PURE__ */ o(s, { ...r, variant: "esign" }),
-  /* @__PURE__ */ o(c, { ...e }),
-  /* @__PURE__ */ o(p, { ...t, variant: "esign" }),
-  /* @__PURE__ */ o(f, { ...i }),
-  /* @__PURE__ */ o("div", { className: "w-full max-w-254 md:h-34", children: m }),
-  /* @__PURE__ */ o(x, { ...a }),
+}) => /* @__PURE__ */ l("main", { className: "w-full flex-1", children: [
+  /* @__PURE__ */ o(p, { ...m, variant: "esign" }),
+  /* @__PURE__ */ o(s, { ...r }),
+  /* @__PURE__ */ o(c, { ...t, variant: "esign" }),
+  /* @__PURE__ */ o(x, { ...e }),
+  /* @__PURE__ */ o("div", { className: "mx-auto w-full max-w-254 px-6 py-8 md:h-34 lg:px-8 lg:py-12 xl:px-0", children: i }),
+  /* @__PURE__ */ o(f, { ...a }),
   /* @__PURE__ */ o(S, { ...n, className: "mx-auto max-w-4xl px-4 py-16" })
 ] });
 export {
-  N as ElectronicSignatureTemplate
+  F as ElectronicSignatureTemplate
 };

package/dist/components/FastAndSimpleSection.js

@@ -24,7 +24,10 @@ const g = ({
           /* @__PURE__ */ e(
             n,
             {
-              className: t("text-medium [&_p:last-child]:mb-0", l ? "text-white" : "text-neutral-800"),
+              className: t(
+                "text-medium [&_a]:text-primary-700 [&_p:last-child]:mb-0",
+                l ? "text-white" : "text-neutral-800"
+              ),
               content: s
             }
           )

package/dist/components/GuidelinesSection.js

@@ -1,22 +1,24 @@
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import { SectionHeading as s } from "./SectionHeading.js";
-import { Button as r } from "./Button.js";
-const c = ({ header: i, guidelineCards: n, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
-  /* @__PURE__ */ l(s, { ...i, align: "start" }),
-  /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: n.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
-    /* @__PURE__ */ l("div", { className: "w-full rounded-2xl", children: t.image }),
-    /* @__PURE__ */ l("p", { className: "my-6 font-sans text-lg leading-6 font-bold tracking-[-0.3px] text-neutral-800", children: t.title }),
-    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: t.content })
-  ] }, t.title)) }),
-  /* @__PURE__ */ a("div", { className: "my-8 flex flex-col justify-between overflow-hidden rounded-2xl bg-white shadow-sm lg:mb-4 lg:flex-row lg:overflow-visible lg:p-6", children: [
-    /* @__PURE__ */ a("div", { className: "order-2 flex flex-1 flex-col justify-start p-6 text-neutral-800 lg:order-1 lg:mr-12 lg:p-0", children: [
-      /* @__PURE__ */ l("p", { className: "mb-4 font-sans text-[18px] leading-[24px] font-bold tracking-[-0.3px] text-neutral-800", children: e.title }),
-      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: e.content }),
-      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(r, { size: "large", variant: "primary-darkgreen", ...e.cta }) })
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { SectionHeading as n } from "./SectionHeading.js";
+import { Button as c } from "./Button.js";
+const o = ({ header: t, guidelineCards: s, footerCard: a }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl space-y-12", children: [
+  /* @__PURE__ */ e(n, { align: "start", ...t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2 xl:grid-cols-3", children: s.map((i) => /* @__PURE__ */ l("article", { className: "flex h-full flex-col gap-6 rounded-2xl bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ e("div", { className: "bg-neutral-25 h-40 w-full rounded-lg", children: i.image }),
+    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: i.title }),
+      i.content
+    ] })
+  ] }, i.title)) }),
+  /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 rounded-3xl bg-white p-8 shadow-sm lg:flex-row lg:items-center", children: [
+    /* @__PURE__ */ l("div", { className: "flex-1 space-y-4 text-neutral-800", children: [
+      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: a.title }),
+      a.content,
+      /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", ...a.cta })
     ] }),
-    /* @__PURE__ */ l("div", { className: "order-1 mb-8 w-full lg:order-2 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ l("div", { className: "w-full", children: e.image }) })
+    /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-secondary-50 rounded-3xl p-6", children: a.image }) })
   ] })
 ] }) });
 export {
-  c as GuidelinesSection
+  o as GuidelinesSection
 };

package/dist/components/HowItWorksSection.js

@@ -4,7 +4,7 @@ const m = ({ media: a, title: d, description: i, steps: s }) => /* @__PURE__ */
   /* @__PURE__ */ e("div", { className: "relative order-2 overflow-hidden rounded-md shadow md:order-1 lg:mx-auto xl:shrink-0", children: a }),
   /* @__PURE__ */ l("div", { className: "order-1 flex flex-col gap-6 text-neutral-800 md:order-2", children: [
     /* @__PURE__ */ e("h2", { className: "text-super-large font-bold", children: d }),
-    /* @__PURE__ */ e(c, { className: "text-medium [&_p:last-child]:mb-0", content: i }),
+    /* @__PURE__ */ e(c, { className: "text-medium [&_a]:text-primary-700 [&_p:last-child]:mb-0", content: i }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-3 xl:grid-cols-1", children: s.map((r) => /* @__PURE__ */ e("article", { className: "bg-neutral-25 rounded p-6", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-start gap-2", children: [
       /* @__PURE__ */ l("div", { className: "flex justify-center gap-2", children: [
         r.icon,

package/dist/components/UploadZone.js

@@ -1,41 +1,41 @@
 "use client";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { AddIcon as c } from "./AddIcon.js";
-import x from "clsx";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { AddIcon as x } from "./AddIcon.js";
+import c from "clsx";
 import { Button as p } from "./Button.js";
 import { Markdown as d } from "./Markdown.js";
 const v = ({
-  uploadPromptText: a,
-  addDocumentLabel: r,
+  uploadPromptText: r,
+  addDocumentLabel: a,
   fileSizeText: n,
   disclaimer: o,
-  onAddDocument: t,
+  onAddDocument: l,
   onDropDocument: i,
   containerClassName: m = ""
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ t(
   "div",
   {
     onDragOver: (s) => {
       s.preventDefault();
     },
     onDrop: i,
-    className: x(
-      "rounded-3xl bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140",
+    className: c(
+      "group rounded-3xl bg-neutral-200/50 p-4 backdrop-blur-xs md:max-w-80 lg:max-w-120 xl:max-w-140",
       m
     ),
     children: [
-      /* @__PURE__ */ e("input", { type: "file", id: "file-upload", className: "sr-only", onChange: t, multiple: !0 }),
-      /* @__PURE__ */ l("div", { className: "flex flex-col gap-14 rounded-2xl bg-white px-6 pt-14 pb-2 text-center", children: [
-        /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-10", children: [
-          /* @__PURE__ */ e("p", { className: "text-medium text-neutral-400", children: a }),
-          /* @__PURE__ */ l(p, { variant: "primary-green", className: "w-fit", onClick: t, children: [
-            /* @__PURE__ */ e(c, {}),
-            /* @__PURE__ */ e("span", { className: "text-medium font-bold", children: r })
+      /* @__PURE__ */ e("input", { type: "file", id: "file-upload", className: "sr-only", onChange: l, multiple: !0 }),
+      /* @__PURE__ */ t("div", { className: "flex flex-col gap-14 rounded-2xl bg-white px-6 pt-14 pb-2 text-center", children: [
+        /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-10", children: [
+          /* @__PURE__ */ e("p", { className: "text-medium text-neutral-400 transition-all duration-500 group-hover:text-neutral-900", children: r }),
+          /* @__PURE__ */ t(p, { variant: "primary-green", className: "w-fit", onClick: l, children: [
+            /* @__PURE__ */ e(x, {}),
+            /* @__PURE__ */ e("span", { className: "text-medium font-bold", children: a })
           ] })
         ] }),
-        /* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ t("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ e("p", { className: "text-extra-small text-nowrap text-neutral-400", children: n }),
-          /* @__PURE__ */ e(d, { className: "text-tiny text-neutral-400", content: o })
+          /* @__PURE__ */ e(d, { className: "text-tiny text-neutral-400 [&_a]:text-neutral-400", content: o })
         ] })
       ] })
     ]