@npm_leadtech/legal-contracts-ui 0.129.8 → 0.129.10

package/dist/components/AboutUsTemplate.d.ts

@@ -77,6 +77,8 @@ export interface IntroSectionProps {
     cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
 }
 
 export interface Jumbotron2Props {

package/dist/components/HowItWorksTemplate.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
 import { clsx as h } from "clsx";
-import { howItWorksLawGeniusCtaLinkClassName as N, howItWorksHeroCtaLinkClassName as b, howItWorksLawGeniusBelowStepsMarkdownClassName as k, howItWorksResourcesSupportBodyClassName as y, howItWorksResourcesCtaLinkClassName as C } from "./HowItWorksTemplateTokens.js";
+import { howItWorksLawGeniusCtaLinkClassName as N, howItWorksHeroCtaLinkClassName as b, howItWorksLawGeniusBelowStepsMarkdownClassName as k, howItWorksResourcesSupportBodyClassName as C, howItWorksResourcesCtaLinkClassName as y } from "./HowItWorksTemplateTokens.js";
 import { HeroImageShell as v } from "./HeroImageShell.js";
 import { RatafiaSection as S } from "./RatafiaSection.js";
 import { LawGeniusStepCard as M } from "./LawGeniusStepCard.js";
@@ -20,27 +20,27 @@ const U = (t) => {
 }, J = ({ hero: t, processSteps: i, lawGenius: l, resources: n }) => {
   const c = t.introMarkdown.trim().length > 0, d = t.closingMarkdown.trim().length > 0, p = n.supportBodyMarkdown.trim().length > 0, x = l.belowStepsMarkdown.trim().length > 0, { examples: s } = n, f = /* @__PURE__ */ e(L, { size: "default", variant: "primary-green", className: "shrink-0 font-bold", children: /* @__PURE__ */ e("a", { href: l.cta.href, className: N, children: l.cta.label }) });
   return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col overflow-x-clip", children: [
-    /* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
-      /* @__PURE__ */ r("div", { className: "text-center", children: [
-        /* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children: t.eyebrow }),
-          /* @__PURE__ */ e("span", { className: "max-w-ds-10xl min-w-ds-7xl h-px w-full shrink-0 bg-neutral-400", "aria-hidden": !0 })
-        ] }),
-        /* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto mt-12 max-w-3xl font-bold text-neutral-800", children: t.title })
+    /* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col items-center gap-12", children: [
+      /* @__PURE__ */ r("div", { className: "flex w-full flex-col items-center gap-2", children: [
+        /* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children: t.eyebrow }),
+        /* @__PURE__ */ e("span", { className: "max-w-ds-10xl min-w-ds-7xl h-px w-full shrink-0 bg-neutral-400", "aria-hidden": !0 })
       ] }),
+      /* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto max-w-3xl text-center font-normal text-neutral-800", children: t.title }),
       /* @__PURE__ */ e(
         B,
         {
-          className: "bg-transparent",
-          containerClassName: "w-full !max-w-none !flex-col gap-10 !px-0 !py-0 md:!flex-row md:!gap-8 md:items-stretch lg:!gap-16",
+          className: "w-full bg-transparent",
+          containerClassName: "w-full !max-w-none !flex-col !gap-8 !px-0 !py-0 md:!flex-row md:!items-stretch md:!gap-16",
+          firstColumnClassName: "!mb-0",
+          secondColumnClassName: "!mt-0",
           image: /* @__PURE__ */ e(v, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
           cta: {
             size: "default",
             variant: "primary-green",
-            className: "text-medium mt-8 w-full justify-center font-bold md:w-fit md:justify-start",
+            className: "text-medium w-full shrink-0 justify-center font-bold md:w-fit md:justify-start",
             children: /* @__PURE__ */ e("a", { href: t.cta.href, className: b, children: t.cta.label })
           },
-          children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
+          children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-4 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
             c && /* @__PURE__ */ e(m, { variant: "legal", content: t.introMarkdown }),
             /* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: t.bullets.map((a) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
               /* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
@@ -112,13 +112,13 @@ const U = (t) => {
         secondColumn: /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 md:shrink md:grow-0 md:basis-1/2", children: [
           s.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: s.eyebrow }),
           s.title && /* @__PURE__ */ e("h3", { className: "text-super-large font-bold text-neutral-800", children: s.title }),
-          p && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${y}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
+          p && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${C}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
           s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-medium space-y-2 text-neutral-800", children: s.rows.map((a) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
             /* @__PURE__ */ e("dt", { className: "font-semibold", children: a.label }),
             /* @__PURE__ */ e("dd", { children: a.value })
           ] }, `${a.label}-${a.value}`)) }),
           s.footer && /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: s.footer }),
-          /* @__PURE__ */ e(A, { size: "default", variant: "primary-green", className: "self-start font-bold", children: /* @__PURE__ */ e("a", { href: n.cta.href, className: C, children: n.cta.label }) })
+          /* @__PURE__ */ e(A, { size: "default", variant: "primary-green", className: "self-start font-bold", children: /* @__PURE__ */ e("a", { href: n.cta.href, className: y, children: n.cta.label }) })
         ] })
       }
     )

package/dist/components/IntroSection.d.ts

@@ -16,6 +16,8 @@ export declare interface IntroSectionProps {
     cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
 }
 
 export interface LinkWrapper {

package/dist/components/IntroSection.js

@@ -1,19 +1,43 @@
-import { jsx as m, jsxs as a } from "react/jsx-runtime";
-import { clsx as e } from "clsx";
-import { TwoColumnSection as l } from "./TwoColumnSection.js";
-import { LinkWrapper as t } from "./LinkWrapper.js";
-const w = ({ image: s, children: i, cta: r, className: n, containerClassName: o }) => /* @__PURE__ */ m(
-  l,
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { clsx as i } from "clsx";
+import { TwoColumnSection as t } from "./TwoColumnSection.js";
+import { LinkWrapper as p } from "./LinkWrapper.js";
+const u = ({
+  image: o,
+  children: n,
+  cta: m,
+  className: s,
+  containerClassName: e,
+  firstColumnClassName: l,
+  secondColumnClassName: a
+}) => /* @__PURE__ */ r(
+  t,
   {
-    className: n ?? "",
-    containerClassName: e("gap-6 md:gap-10", o),
-    firstColumn: /* @__PURE__ */ m("div", { className: "mb-4 min-h-0 w-full min-w-0 md:mb-0 md:shrink md:grow-0 md:basis-1/2", children: s }),
-    secondColumn: /* @__PURE__ */ a("div", { className: "mt-4 w-full min-w-0 md:mt-0 md:shrink md:grow-0 md:basis-1/2", children: [
-      i,
-      r && /* @__PURE__ */ m(t, { size: "large", variant: "primary-green", className: "mt-8", ...r })
-    ] })
+    className: s ?? "",
+    containerClassName: i("gap-6 md:gap-10", e),
+    firstColumn: /* @__PURE__ */ r(
+      "div",
+      {
+        className: i("mb-4 min-h-0 w-full min-w-0 md:mb-0 md:shrink md:grow-0 md:basis-1/2", l),
+        children: o
+      }
+    ),
+    secondColumn: /* @__PURE__ */ d(
+      "div",
+      {
+        className: i(
+          "mt-4 w-full min-w-0 md:mt-0 md:shrink md:grow-0 md:basis-1/2",
+          m && "flex flex-col gap-8",
+          a
+        ),
+        children: [
+          n,
+          m && /* @__PURE__ */ r(p, { variant: "primary-green", ...m })
+        ]
+      }
+    )
   }
 );
 export {
-  w as IntroSection
+  u as IntroSection
 };

package/dist/components/LawGeniusStepCard.js

@@ -5,7 +5,7 @@ const m = ({
   descriptionMarkdown: i,
   iconUrl: e,
   iconAlt: n = ""
-}) => /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
+}) => /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex w-full flex-col gap-2 rounded p-6", children: [
   /* @__PURE__ */ a("div", { className: "flex w-full items-start gap-2", children: [
     /* @__PURE__ */ t("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center [&_img]:h-5 [&_img]:w-5 [&_img]:object-contain [&_svg]:h-5 [&_svg]:w-5", children: e ? /* @__PURE__ */ t("img", { src: e, alt: n, className: "h-5 w-5 object-contain" }) : /* @__PURE__ */ t("span", { className: "inline-block h-5 w-5 shrink-0", "aria-hidden": !0 }) }),
     /* @__PURE__ */ t("p", { className: "text-big min-w-0 flex-1 font-bold tracking-tight text-neutral-800", children: l })

package/dist/components/PricingTemplate.d.ts

@@ -36,6 +36,8 @@ export interface IntroSectionProps {
     cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
 }
 
 export interface Jumbotron2Props {

package/dist/components/RatafiaSection.js

@@ -1,40 +1,40 @@
 import { jsx as l, jsxs as e } from "react/jsx-runtime";
 import "react";
-import { clsx as m } from "clsx";
+import { clsx as r } from "clsx";
 import { Markdown as s } from "./Markdown.js";
 import { LinkWrapper as f } from "./LinkWrapper.js";
 const C = ({
-  title: d,
-  content: r,
-  benefits: t = [],
+  title: t,
+  content: m,
+  benefits: d = [],
   stepsSlot: n,
   belowStepsSlot: h,
   cta: i,
-  image: c,
+  image: x,
   skipCtaWrapper: g = !1,
-  sectionClassName: o,
-  innerClassName: x
+  sectionClassName: c,
+  innerClassName: o
 }) => {
-  const u = "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0", w = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
+  const w = "bg-primary-50 px-6 py-10 lg:px-8 lg:py-12 xl:px-0", u = "from-primary-900 via-primary-700 to-primary-900 mx-auto flex flex-col justify-between gap-8 rounded-2xl bg-linear-to-bl p-6 text-white md:flex-row md:items-center md:gap-10 md:p-10 lg:gap-16 lg:p-16 xl:mx-auto xl:max-w-300";
   if (n != null) {
-    const a = r.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = g ? /* @__PURE__ */ l("div", { className: "self-start", children: i }) : /* @__PURE__ */ l(f, { className: "self-start", children: i });
+    const a = m.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = g ? /* @__PURE__ */ l("div", { className: "self-start", children: i }) : /* @__PURE__ */ l(f, { className: "self-start", children: i });
     return /* @__PURE__ */ l(
       "section",
       {
-        className: m(
+        className: r(
           "max-w-full overflow-x-hidden",
-          o ?? "bg-neutral-25 md:px-ds-10xl px-6 pt-16 pb-12"
+          c ?? "bg-neutral-25 md:px-ds-10xl px-6 pt-16 pb-12"
         ),
-        children: /* @__PURE__ */ l("div", { className: m("bg-ratafia mx-auto w-full max-w-6xl rounded-2xl px-6 py-12 text-white lg:px-10 lg:py-16", x), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 md:gap-10", children: [
+        children: /* @__PURE__ */ l("div", { className: r("bg-ratafia mx-auto w-full max-w-6xl rounded-2xl px-6 py-12 text-white lg:px-10 lg:py-16", o), children: /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 md:gap-10", children: [
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-center text-white", children: [
-            /* @__PURE__ */ l("h2", { className: "md:text-super-large text-3xl font-bold md:leading-tight", children: d }),
-            a && /* @__PURE__ */ l("div", { className: "hidden md:block", children: /* @__PURE__ */ l(s, { content: r, className: p }) })
+            /* @__PURE__ */ l("h2", { className: "md:text-super-large text-3xl font-bold md:leading-tight", children: t }),
+            a && /* @__PURE__ */ l("div", { className: "hidden md:block", children: /* @__PURE__ */ l(s, { content: m, className: p }) })
           ] }),
-          /* @__PURE__ */ e("div", { className: "grid w-full grid-cols-1 gap-8 min-[48.0625rem]:grid-cols-2 min-[48.0625rem]:items-stretch min-[48.0625rem]:gap-10", children: [
-            /* @__PURE__ */ l("div", { className: "relative z-10 order-1 mx-auto aspect-[449/550] w-full max-w-68 shrink-0 overflow-hidden rounded-lg min-[48.0625rem]:order-2 min-[48.0625rem]:mx-0 min-[48.0625rem]:h-full min-[48.0625rem]:max-w-none min-[48.0625rem]:self-stretch [&_img]:size-full [&_img]:object-contain", children: c }),
-            /* @__PURE__ */ e("div", { className: "order-2 flex min-h-0 flex-col gap-6 min-[48.0625rem]:order-1", children: [
-              a && /* @__PURE__ */ l("div", { className: "text-left md:hidden", children: /* @__PURE__ */ l(s, { content: r, className: p }) }),
-              n,
+          /* @__PURE__ */ e("div", { className: "flex w-full flex-col gap-8 min-[48.0625rem]:flex-row min-[48.0625rem]:items-start min-[48.0625rem]:gap-10 xl:items-stretch", children: [
+            /* @__PURE__ */ l("div", { className: "relative z-10 order-1 mx-auto aspect-[449/550] w-full max-w-[17rem] shrink-0 overflow-hidden rounded-lg min-[48.0625rem]:order-2 min-[48.0625rem]:mx-0 min-[48.0625rem]:w-1/2 min-[48.0625rem]:max-w-none xl:w-[449px] xl:shrink-0 xl:self-stretch [&_img]:size-full [&_img]:object-contain xl:[&_img]:size-full xl:[&_img]:object-contain", children: x }),
+            /* @__PURE__ */ e("div", { className: "order-2 flex min-h-0 min-w-0 flex-col gap-6 min-[48.0625rem]:order-1 min-[48.0625rem]:flex-1", children: [
+              a && /* @__PURE__ */ l("div", { className: "text-left md:hidden", children: /* @__PURE__ */ l(s, { content: m, className: p }) }),
+              /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-4", children: n }),
               h,
               N
             ] })
@@ -43,13 +43,13 @@ const C = ({
       }
     );
   }
-  return /* @__PURE__ */ l("section", { className: m("max-w-full overflow-x-hidden", o ?? u), children: /* @__PURE__ */ e("div", { className: m(w, x), children: [
+  return /* @__PURE__ */ l("section", { className: r("max-w-full overflow-x-hidden", c ?? w), children: /* @__PURE__ */ e("div", { className: r(u, o), children: [
     /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: d }),
-        /* @__PURE__ */ l(s, { content: r, className: "[&_p:last-child]:mb-0" })
+        /* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: t }),
+        /* @__PURE__ */ l(s, { content: m, className: "[&_p:last-child]:mb-0" })
       ] }),
-      t.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: t.map((a) => /* @__PURE__ */ e(
+      d.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: d.map((a) => /* @__PURE__ */ e(
         "span",
         {
           className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
@@ -62,7 +62,7 @@ const C = ({
       )) }),
       /* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: i })
     ] }),
-    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: c })
+    /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: x })
   ] }) });
 };
 export {

package/dist/components/index.d.ts

@@ -675,6 +675,8 @@ export declare interface IntroSectionProps {
     cta?: LinkWrapper;
     className?: string;
     containerClassName?: string;
+    firstColumnClassName?: string;
+    secondColumnClassName?: string;
 }
 
 export declare const Item: FC<ItemProps>;