@npm_leadtech/legal-contracts-ui 0.129.7 → 0.129.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,97 +10,97 @@ import { LinkWrapper as L } from "./LinkWrapper.js";
|
|
|
10
10
|
import { IntroSection as B } from "./IntroSection.js";
|
|
11
11
|
import { Markdown as m } from "./Markdown.js";
|
|
12
12
|
import { TwoColumnSection as o } from "./TwoColumnSection.js";
|
|
13
|
-
import { Button as
|
|
14
|
-
const
|
|
13
|
+
import { Button as A } from "./Button.js";
|
|
14
|
+
const U = (t) => {
|
|
15
15
|
const i = /* @__PURE__ */ r("div", { className: "w-full min-w-0 space-y-6 text-neutral-800 md:shrink md:grow-0 md:basis-1/2", children: [
|
|
16
|
-
/* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children:
|
|
17
|
-
/* @__PURE__ */ e("div", { className: "text-medium space-y-3 text-neutral-800", children: /* @__PURE__ */ e(m, { variant: "legal", content:
|
|
18
|
-
] }),
|
|
19
|
-
return { firstColumn: i, secondColumn:
|
|
20
|
-
}, J = ({ hero:
|
|
21
|
-
const c =
|
|
16
|
+
/* @__PURE__ */ e("h2", { className: "text-super-large font-bold text-neutral-800", children: t.title }),
|
|
17
|
+
/* @__PURE__ */ e("div", { className: "text-medium space-y-3 text-neutral-800", children: /* @__PURE__ */ e(m, { variant: "legal", content: t.bodyMarkdown }) })
|
|
18
|
+
] }), l = /* @__PURE__ */ e("div", { className: "w-full min-w-0 md:shrink md:grow-0 md:basis-1/2", children: /* @__PURE__ */ e(W, { src: t.imageUrl, alt: t.imageAlt }) });
|
|
19
|
+
return { firstColumn: i, secondColumn: l };
|
|
20
|
+
}, J = ({ hero: t, processSteps: i, lawGenius: l, resources: n }) => {
|
|
21
|
+
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 }) });
|
|
22
22
|
return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col overflow-x-clip", children: [
|
|
23
23
|
/* @__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: [
|
|
24
24
|
/* @__PURE__ */ r("div", { className: "text-center", children: [
|
|
25
25
|
/* @__PURE__ */ r("div", { className: "mx-auto flex w-full max-w-full flex-col items-center gap-2", children: [
|
|
26
|
-
/* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children:
|
|
26
|
+
/* @__PURE__ */ e("p", { className: "text-small text-center font-semibold tracking-[0.3em] text-neutral-600 uppercase", children: t.eyebrow }),
|
|
27
27
|
/* @__PURE__ */ e("span", { className: "max-w-ds-10xl min-w-ds-7xl h-px w-full shrink-0 bg-neutral-400", "aria-hidden": !0 })
|
|
28
28
|
] }),
|
|
29
|
-
/* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto mt-12 max-w-3xl font-bold text-neutral-800", children:
|
|
29
|
+
/* @__PURE__ */ e("h1", { className: "font-lora text-super-hero mx-auto mt-12 max-w-3xl font-bold text-neutral-800", children: t.title })
|
|
30
30
|
] }),
|
|
31
31
|
/* @__PURE__ */ e(
|
|
32
32
|
B,
|
|
33
33
|
{
|
|
34
34
|
className: "bg-transparent",
|
|
35
35
|
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",
|
|
36
|
-
image: /* @__PURE__ */ e(v, { src:
|
|
36
|
+
image: /* @__PURE__ */ e(v, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
|
|
37
37
|
cta: {
|
|
38
38
|
size: "default",
|
|
39
39
|
variant: "primary-green",
|
|
40
40
|
className: "text-medium mt-8 w-full justify-center font-bold md:w-fit md:justify-start",
|
|
41
|
-
children: /* @__PURE__ */ e("a", { href:
|
|
41
|
+
children: /* @__PURE__ */ e("a", { href: t.cta.href, className: b, children: t.cta.label })
|
|
42
42
|
},
|
|
43
43
|
children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
|
|
44
|
-
c && /* @__PURE__ */ e(m, { variant: "legal", content:
|
|
45
|
-
/* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children:
|
|
44
|
+
c && /* @__PURE__ */ e(m, { variant: "legal", content: t.introMarkdown }),
|
|
45
|
+
/* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: t.bullets.map((a) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
|
|
46
46
|
/* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
|
|
47
47
|
/* @__PURE__ */ r("span", { children: [
|
|
48
48
|
/* @__PURE__ */ r("strong", { children: [
|
|
49
|
-
|
|
49
|
+
a.strong,
|
|
50
50
|
" "
|
|
51
51
|
] }),
|
|
52
|
-
|
|
52
|
+
a.text
|
|
53
53
|
] })
|
|
54
|
-
] },
|
|
55
|
-
d && /* @__PURE__ */ e(m, { variant: "legal", content:
|
|
54
|
+
] }, a.id)) }),
|
|
55
|
+
d && /* @__PURE__ */ e(m, { variant: "legal", content: t.closingMarkdown })
|
|
56
56
|
] })
|
|
57
57
|
}
|
|
58
58
|
)
|
|
59
59
|
] }) }),
|
|
60
|
-
i.map((
|
|
61
|
-
const { firstColumn: u, secondColumn: g } =
|
|
60
|
+
i.map((a) => {
|
|
61
|
+
const { firstColumn: u, secondColumn: g } = U(a);
|
|
62
62
|
return /* @__PURE__ */ e(
|
|
63
63
|
o,
|
|
64
64
|
{
|
|
65
|
-
className: `${
|
|
65
|
+
className: `${a.background} lg:px-ds-10xl px-6 py-12`,
|
|
66
66
|
containerClassName: h(
|
|
67
67
|
"!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:items-center lg:!gap-20",
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
a.imageFirstOnMobile ? "!flex-col md:!flex-row" : "!flex-col-reverse md:!flex-row",
|
|
69
|
+
a.reverse && "md:!flex-row-reverse"
|
|
70
70
|
),
|
|
71
71
|
firstColumn: u,
|
|
72
72
|
secondColumn: g
|
|
73
73
|
},
|
|
74
|
-
|
|
74
|
+
a.id
|
|
75
75
|
);
|
|
76
76
|
}),
|
|
77
77
|
/* @__PURE__ */ e(
|
|
78
78
|
S,
|
|
79
79
|
{
|
|
80
|
-
title:
|
|
81
|
-
content:
|
|
82
|
-
stepsSlot: /* @__PURE__ */ e(w, { children:
|
|
80
|
+
title: l.title,
|
|
81
|
+
content: l.contentMarkdown,
|
|
82
|
+
stepsSlot: /* @__PURE__ */ e(w, { children: l.steps.map((a) => /* @__PURE__ */ e(
|
|
83
83
|
M,
|
|
84
84
|
{
|
|
85
|
-
title:
|
|
86
|
-
descriptionMarkdown:
|
|
87
|
-
iconUrl:
|
|
88
|
-
iconAlt:
|
|
85
|
+
title: a.title,
|
|
86
|
+
descriptionMarkdown: a.descriptionMarkdown,
|
|
87
|
+
iconUrl: a.iconUrl,
|
|
88
|
+
iconAlt: a.iconAlt ?? ""
|
|
89
89
|
},
|
|
90
|
-
|
|
90
|
+
a.id
|
|
91
91
|
)) }),
|
|
92
92
|
belowStepsSlot: x ? /* @__PURE__ */ e(
|
|
93
93
|
m,
|
|
94
94
|
{
|
|
95
95
|
variant: "ratafia",
|
|
96
|
-
content:
|
|
96
|
+
content: l.belowStepsMarkdown,
|
|
97
97
|
className: k
|
|
98
98
|
}
|
|
99
99
|
) : null,
|
|
100
100
|
cta: f,
|
|
101
101
|
skipCtaWrapper: !0,
|
|
102
|
-
image:
|
|
103
|
-
sectionClassName:
|
|
102
|
+
image: l.image,
|
|
103
|
+
sectionClassName: l.sectionClassName ?? "bg-primary-50 px-6 py-12 lg:px-ds-10xl"
|
|
104
104
|
}
|
|
105
105
|
),
|
|
106
106
|
/* @__PURE__ */ e(
|
|
@@ -113,20 +113,12 @@ const A = (l) => {
|
|
|
113
113
|
s.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: s.eyebrow }),
|
|
114
114
|
s.title && /* @__PURE__ */ e("h3", { className: "text-super-large font-bold text-neutral-800", children: s.title }),
|
|
115
115
|
p && /* @__PURE__ */ e("div", { className: `text-medium space-y-3 text-neutral-800 ${y}`, children: /* @__PURE__ */ e(m, { variant: "legal", content: n.supportBodyMarkdown }) }),
|
|
116
|
-
s.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-medium space-y-2 text-neutral-800", children: s.rows.map((
|
|
117
|
-
/* @__PURE__ */ e("dt", { className: "font-semibold", children:
|
|
118
|
-
/* @__PURE__ */ e("dd", { children:
|
|
119
|
-
] }, `${
|
|
116
|
+
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: [
|
|
117
|
+
/* @__PURE__ */ e("dt", { className: "font-semibold", children: a.label }),
|
|
118
|
+
/* @__PURE__ */ e("dd", { children: a.value })
|
|
119
|
+
] }, `${a.label}-${a.value}`)) }),
|
|
120
120
|
s.footer && /* @__PURE__ */ e("p", { className: "text-medium text-neutral-600", children: s.footer }),
|
|
121
|
-
/* @__PURE__ */ e(
|
|
122
|
-
j,
|
|
123
|
-
{
|
|
124
|
-
size: "small",
|
|
125
|
-
variant: "primary-green",
|
|
126
|
-
className: "text-medium inline-flex w-auto justify-center font-bold",
|
|
127
|
-
children: /* @__PURE__ */ e("a", { href: n.cta.href, className: C, children: n.cta.label })
|
|
128
|
-
}
|
|
129
|
-
)
|
|
121
|
+
/* @__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 }) })
|
|
130
122
|
] })
|
|
131
123
|
}
|
|
132
124
|
)
|
|
@@ -2,7 +2,7 @@ export declare const howItWorksHeroCtaLinkClassName = "font-semibold text-white"
|
|
|
2
2
|
|
|
3
3
|
export declare const howItWorksLawGeniusBelowStepsMarkdownClassName = "text-medium";
|
|
4
4
|
|
|
5
|
-
export declare const howItWorksLawGeniusCtaLinkClassName = "font-
|
|
5
|
+
export declare const howItWorksLawGeniusCtaLinkClassName = "font-bold text-white whitespace-nowrap";
|
|
6
6
|
|
|
7
7
|
export declare const howItWorksResourcesCtaLinkClassName = "font-semibold";
|
|
8
8
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const t = "font-semibold text-white",
|
|
1
|
+
const t = "font-semibold text-white", o = "font-bold text-white whitespace-nowrap", s = "font-semibold", e = "text-medium", a = "[&_h2]:text-super-large [&_h2]:mx-0 [&_h2]:mb-8 [&_h2]:bg-transparent [&_h2]:px-0 [&_h2]:font-bold [&_h2]:text-neutral-800";
|
|
2
2
|
export {
|
|
3
3
|
t as howItWorksHeroCtaLinkClassName,
|
|
4
4
|
e as howItWorksLawGeniusBelowStepsMarkdownClassName,
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
o as howItWorksLawGeniusCtaLinkClassName,
|
|
6
|
+
s as howItWorksResourcesCtaLinkClassName,
|
|
7
7
|
a as howItWorksResourcesSupportBodyClassName
|
|
8
8
|
};
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as l, jsxs as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { clsx as
|
|
3
|
+
import { clsx as m } from "clsx";
|
|
4
4
|
import { Markdown as s } from "./Markdown.js";
|
|
5
5
|
import { LinkWrapper as f } from "./LinkWrapper.js";
|
|
6
|
-
const
|
|
6
|
+
const C = ({
|
|
7
7
|
title: d,
|
|
8
8
|
content: r,
|
|
9
9
|
benefits: t = [],
|
|
10
10
|
stepsSlot: n,
|
|
11
11
|
belowStepsSlot: h,
|
|
12
|
-
cta:
|
|
12
|
+
cta: i,
|
|
13
13
|
image: c,
|
|
14
14
|
skipCtaWrapper: g = !1,
|
|
15
|
-
sectionClassName:
|
|
16
|
-
innerClassName:
|
|
15
|
+
sectionClassName: o,
|
|
16
|
+
innerClassName: x
|
|
17
17
|
}) => {
|
|
18
18
|
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";
|
|
19
19
|
if (n != null) {
|
|
20
|
-
const a = r.trim().length > 0, p = "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", N = g ? /* @__PURE__ */
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
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 });
|
|
21
|
+
return /* @__PURE__ */ l(
|
|
22
22
|
"section",
|
|
23
23
|
{
|
|
24
|
-
className:
|
|
24
|
+
className: m(
|
|
25
25
|
"max-w-full overflow-x-hidden",
|
|
26
|
-
|
|
26
|
+
o ?? "bg-neutral-25 md:px-ds-10xl px-6 pt-16 pb-12"
|
|
27
27
|
),
|
|
28
|
-
children: /* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
a && /* @__PURE__ */
|
|
28
|
+
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: [
|
|
29
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-4 text-center text-white", children: [
|
|
30
|
+
/* @__PURE__ */ l("h2", { className: "md:text-super-large text-3xl font-bold md:leading-tight", children: d }),
|
|
31
|
+
a && /* @__PURE__ */ l("div", { className: "hidden md:block", children: /* @__PURE__ */ l(s, { content: r, className: p }) })
|
|
32
32
|
] }),
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
a && /* @__PURE__ */
|
|
33
|
+
/* @__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: [
|
|
34
|
+
/* @__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 }),
|
|
35
|
+
/* @__PURE__ */ e("div", { className: "order-2 flex min-h-0 flex-col gap-6 min-[48.0625rem]:order-1", children: [
|
|
36
|
+
a && /* @__PURE__ */ l("div", { className: "text-left md:hidden", children: /* @__PURE__ */ l(s, { content: r, className: p }) }),
|
|
37
37
|
n,
|
|
38
38
|
h,
|
|
39
39
|
N
|
|
@@ -43,13 +43,13 @@ const I = ({
|
|
|
43
43
|
}
|
|
44
44
|
);
|
|
45
45
|
}
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */
|
|
46
|
+
return /* @__PURE__ */ l("section", { className: m("max-w-full overflow-x-hidden", o ?? u), children: /* @__PURE__ */ e("div", { className: m(w, x), children: [
|
|
47
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: [
|
|
48
|
+
/* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
|
|
49
|
+
/* @__PURE__ */ l("h2", { className: "text-super-large leading-tight font-bold", children: d }),
|
|
50
|
+
/* @__PURE__ */ l(s, { content: r, className: "[&_p:last-child]:mb-0" })
|
|
51
51
|
] }),
|
|
52
|
-
t.length > 0 && /* @__PURE__ */
|
|
52
|
+
t.length > 0 && /* @__PURE__ */ l("div", { className: "flex flex-wrap gap-3", children: t.map((a) => /* @__PURE__ */ e(
|
|
53
53
|
"span",
|
|
54
54
|
{
|
|
55
55
|
className: "bg-primary-50 text-small text-primary-800 flex flex-nowrap gap-1 rounded-md p-1 font-semibold",
|
|
@@ -60,11 +60,11 @@ const I = ({
|
|
|
60
60
|
},
|
|
61
61
|
a.id
|
|
62
62
|
)) }),
|
|
63
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ l(f, { className: "w-full md:w-fit", children: i })
|
|
64
64
|
] }),
|
|
65
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-77 md:mx-0 md:min-w-74", children: c })
|
|
66
66
|
] }) });
|
|
67
67
|
};
|
|
68
68
|
export {
|
|
69
|
-
|
|
69
|
+
C as RatafiaSection
|
|
70
70
|
};
|