@npm_leadtech/legal-contracts-ui 0.129.2 → 0.129.4
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.
- package/dist/assets/style/themes.css +1 -1
- package/dist/components/AllDocumentsTemplate.d.ts +1 -1
- package/dist/components/AllDocumentsTemplate.js +21 -21
- package/dist/components/Anchor.d.ts +1 -1
- package/dist/components/Blockquote.d.ts +1 -1
- package/dist/components/Blockquote.js +9 -9
- package/dist/components/ContactFormSection.d.ts +1 -1
- package/dist/components/ContactUsTemplate.d.ts +1 -1
- package/dist/components/Emphasis.d.ts +5 -1
- package/dist/components/Emphasis.js +8 -2
- package/dist/components/Header.js +10 -10
- package/dist/components/Header2.d.ts +1 -1
- package/dist/components/Hero2Section.js +2 -1
- package/dist/components/HowItWorksLawGeniusSection.js +8 -8
- package/dist/components/HowItWorksTemplate.d.ts +2 -2
- package/dist/components/HowItWorksTemplate.js +50 -50
- package/dist/components/HowItWorksTemplateTokens.d.ts +3 -1
- package/dist/components/HowItWorksTemplateTokens.js +4 -4
- package/dist/components/IntroSection.js +12 -13
- package/dist/components/LawGeniusImageShell.js +4 -4
- package/dist/components/Markdown.d.ts +1 -1
- package/dist/components/Markdown.js +9 -9
- package/dist/components/Modal.d.ts +2 -1
- package/dist/components/Modal.js +13 -13
- package/dist/components/OrderedList.d.ts +1 -1
- package/dist/components/OrderedList.js +9 -9
- package/dist/components/Paragraph.d.ts +1 -1
- package/dist/components/Paragraph.js +2 -5
- package/dist/components/PreviewDownload.js +1 -1
- package/dist/components/ProductInfo.js +13 -15
- package/dist/components/RatafiaSection.js +38 -48
- package/dist/components/SearchBar.js +4 -4
- package/dist/components/TwoColumnSection.js +10 -10
- package/dist/components/UiComponents.d.ts +11 -7
- package/dist/components/UnorderedList.d.ts +1 -1
- package/dist/components/UnorderedList.js +7 -7
- package/dist/components/UnsubscribeTemplate.d.ts +1 -1
- package/dist/components/UploadZone.js +1 -1
- package/dist/components/index.d.ts +4 -3
- package/dist/globals.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
html{--
|
|
1
|
+
html[data-theme=primarygreen]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #eff7f5;--primary-100: #e4f8f3;--primary-200: #c0f7e8;--primary-300: #5dd8c3;--primary-400: #34b2a7;--primary-500: #078080;--primary-700: #05646e;--primary-800: #02374a;--primary-900: #032a38;--secondary-50: #fcf9f5;--secondary-100: #fcf4e5;--secondary-200: #f7e8cf;--secondary-300: #f5dab0;--secondary-400: #f4cc8c;--secondary-500: #f2bd6a;--secondary-600: #cd9a4c;--secondary-700: #936c2f;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=primaryblue]{--background: #ffffff;--foreground: #171717;--font-inter: "Poppins", sans-serif;--font-lora: "Poppins", serif;--primary-50: #e9f5ff;--primary-100: #d7ecff;--primary-200: #b7daff;--primary-300: #8bc1ff;--primary-400: #5e99ff;--primary-500: #3970ff;--primary-700: #1039f5;--primary-800: #163399;--primary-900: #07144b;--secondary-50: #fff6ed;--secondary-100: #fff0d5;--secondary-200: #fedcaa;--secondary-300: #fdc374;--secondary-400: #fb9e3c;--secondary-500: #f98116;--secondary-600: #ea660c;--secondary-700: #d3530d;--neutral-25: #f5f7fa;--neutral-50: #ebeef3;--neutral-200: #d2d9e5;--neutral-400: #abbbce;--neutral-600: #496080;--neutral-800: #2f3a4b;--neutral-900: #1f2532;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondaryorange]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #fff5ee;--primary-100: #ffe1cc;--primary-200: #ffc59b;--primary-300: #ffa05c;--primary-400: #ff862e;--primary-500: #f26600;--primary-700: #c95500;--primary-800: #4f2100;--primary-900: #220f00;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondaryblue]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #f9f9ff;--primary-100: #eceeff;--primary-200: #c3c9ff;--primary-300: #9aa4ff;--primary-400: #717fff;--primary-500: #485aff;--primary-700: #1725a6;--primary-800: #050e5a;--primary-900: #000533;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondarypurple]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #f9f5ff;--primary-100: #e3d1ff;--primary-200: #b68aff;--primary-300: #a56dff;--primary-400: #9e63ff;--primary-500: #7d2eff;--primary-700: #320085;--primary-800: #23005c;--primary-900: #11002d;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondarygreen]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #e7fff1;--primary-100: #d5ffe6;--primary-200: #6affa5;--primary-300: #16ff73;--primary-400: #00df59;--primary-500: #00b649;--primary-700: #008e39;--primary-800: #003c18;--primary-900: #001709;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondaryyellow]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #f9ffea;--primary-100: #f0ffc4;--primary-200: #e6ff9f;--primary-300: #c9ff2f;--primary-400: #b1e815;--primary-500: #8ebf00;--primary-700: #6f9600;--primary-800: #384c00;--primary-900: #192101;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #b5babd;--neutral-600: #6d7275;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}html[data-theme=secondarybrown]{--background: #ffffff;--foreground: #171717;--font-inter: "Inter", sans-serif;--font-lora: "Lora", serif;--primary-50: #fffbf2;--primary-100: #fff6e5;--primary-200: #ffe6b7;--primary-300: #ffc75c;--primary-400: #ffa800;--primary-500: #d68d00;--primary-700: #855800;--primary-800: #3d2800;--primary-900: #231700;--secondary-50: #eff7f5;--secondary-100: #e4f8f3;--secondary-200: #c0f7e8;--secondary-300: #5dd8c3;--secondary-400: #34b2a7;--secondary-500: #078080;--secondary-600: #05646e;--secondary-700: #02374a;--secondary-900: #032a38;--neutral-25: #f8f9fa;--neutral-50: #f3f7fa;--neutral-200: #dbe1e5;--neutral-400: #cacaca;--neutral-600: #6b6e6f;--neutral-800: #3d4042;--neutral-900: #1e2021;--neutral-white: #ffffff;--error-25: #ffecef;--error-200: #f09d9e;--error-500: #d63737}
|
|
@@ -9,7 +9,7 @@ export declare interface AllDocumentsTemplateProps {
|
|
|
9
9
|
categories: DocumentCategoriesProps;
|
|
10
10
|
documentSections: DocumentSectionProps[];
|
|
11
11
|
contentItems: ContentItemProps[];
|
|
12
|
-
faqSection
|
|
12
|
+
faqSection?: FaqSectionProps;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
export interface AlternativeSubtypeDocumentProps extends BaseSubtypeDocumentProps {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { JumboCard as
|
|
3
|
-
import { Breadcrumb as
|
|
1
|
+
import { jsxs as m, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { JumboCard as i } from "./JumboCard.js";
|
|
3
|
+
import { Breadcrumb as c } from "./Breadcrumb.js";
|
|
4
4
|
import { DocumentCategories as x } from "./DocumentCategories.js";
|
|
5
5
|
import { DocumentSection as n } from "./DocumentSection.js";
|
|
6
|
-
import { ContentItem as
|
|
7
|
-
import { FaqSection as
|
|
6
|
+
import { ContentItem as d } from "./ContentItem.js";
|
|
7
|
+
import { FaqSection as f } from "./FaqSection.js";
|
|
8
8
|
const w = ({
|
|
9
|
-
jumbo:
|
|
10
|
-
breadcrumb:
|
|
11
|
-
categories:
|
|
12
|
-
documentSections:
|
|
13
|
-
contentItems:
|
|
14
|
-
faqSection:
|
|
15
|
-
}) => /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
/* @__PURE__ */
|
|
20
|
-
/* @__PURE__ */
|
|
21
|
-
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
9
|
+
jumbo: t,
|
|
10
|
+
breadcrumb: o,
|
|
11
|
+
categories: p,
|
|
12
|
+
documentSections: s,
|
|
13
|
+
contentItems: r,
|
|
14
|
+
faqSection: a
|
|
15
|
+
}) => /* @__PURE__ */ m("main", { className: "mx-auto flex flex-1 flex-col gap-4 px-6 pt-8 pb-16 lg:px-8 xl:max-w-300 xl:px-0", children: [
|
|
16
|
+
/* @__PURE__ */ l(i, { ...t }),
|
|
17
|
+
/* @__PURE__ */ l(c, { ...o, className: "pt-2" }),
|
|
18
|
+
/* @__PURE__ */ m("div", { className: "mx-auto flex justify-center gap-4 text-neutral-800 lg:gap-26.5 xl:gap-31.5", children: [
|
|
19
|
+
/* @__PURE__ */ l("aside", { className: "sticky top-24 hidden self-start md:block", children: /* @__PURE__ */ l(x, { ...p }) }),
|
|
20
|
+
/* @__PURE__ */ m("div", { className: "flex flex-col gap-10", children: [
|
|
21
|
+
s.map((e) => /* @__PURE__ */ l(n, { ...e }, e.id)),
|
|
22
|
+
r.length > 0 || a ? /* @__PURE__ */ l("span", { className: "h-px w-full bg-neutral-200" }) : null,
|
|
23
|
+
/* @__PURE__ */ l("div", { className: "w-full", children: r.map((e) => /* @__PURE__ */ l(d, { ...e }, e.id)) }),
|
|
24
|
+
a && /* @__PURE__ */ l(f, { ...a })
|
|
25
25
|
] })
|
|
26
26
|
] })
|
|
27
27
|
] });
|
|
@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
3
3
|
export declare const Anchor: ({ children, variant, className, ...props }: AnchorProps) => JSX.Element;
|
|
4
4
|
|
|
5
5
|
export interface AnchorProps extends React.ComponentProps<'a'> {
|
|
6
|
-
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies';
|
|
6
|
+
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
3
3
|
export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
|
|
4
4
|
|
|
5
5
|
export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
|
|
6
|
-
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies';
|
|
6
|
+
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import o from "clsx";
|
|
3
|
+
const s = ({ children: r, variant: a = "default" }) => {
|
|
4
4
|
const t = {
|
|
5
|
-
default: "border-l-4 border-gray-300 pl-4 text-gray-700 ",
|
|
6
|
-
"about-us": "text-gray-700
|
|
7
|
-
unsubscribe: "border-l-4 border-neutral-300 pl-4 text-neutral-700 "
|
|
8
|
-
},
|
|
9
|
-
return /* @__PURE__ */
|
|
5
|
+
default: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic",
|
|
6
|
+
"about-us": "my-4 text-gray-700 italic bg-neutral-25 pt-4 px-4 pb-0.5",
|
|
7
|
+
unsubscribe: "my-4 border-l-4 border-neutral-300 pl-4 text-neutral-700 italic"
|
|
8
|
+
}, e = t[a] ?? t.default;
|
|
9
|
+
return /* @__PURE__ */ l("blockquote", { className: o("my-4 italic", e), children: r });
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
s as Blockquote
|
|
13
13
|
};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { JSX } from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
|
-
export declare const Emphasis: ({ children }:
|
|
3
|
+
export declare const Emphasis: ({ children, variant }: EmphasisProps) => JSX.Element;
|
|
4
|
+
|
|
5
|
+
export interface EmphasisProps extends React.ComponentProps<'em'> {
|
|
6
|
+
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
|
|
7
|
+
}
|
|
4
8
|
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
const i = ({ children:
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
const i = ({ children: a, variant: n = "default" }) => {
|
|
3
|
+
const t = {
|
|
4
|
+
default: "font-normal tracking-tight text-neutral-600 not-italic",
|
|
5
|
+
ai: ""
|
|
6
|
+
}, s = t[n] ?? t.default;
|
|
7
|
+
return /* @__PURE__ */ r("em", { className: s, children: a });
|
|
8
|
+
};
|
|
3
9
|
export {
|
|
4
10
|
i as Emphasis
|
|
5
11
|
};
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { MobileMenu as o } from "./MobileMenu.js";
|
|
4
|
-
import { useScroll as
|
|
5
|
-
import { NavMenu as
|
|
4
|
+
import { useScroll as s } from "../shared/hooks/useScroll.js";
|
|
5
|
+
import { NavMenu as c } from "./NavMenu.js";
|
|
6
6
|
import { LanguageSelector as p } from "./LanguageSelector.js";
|
|
7
7
|
import { ScalatorIcon as x } from "./ScalatorIcon.js";
|
|
8
8
|
import { SearchBar as f } from "./SearchBar.js";
|
|
9
9
|
const j = ({
|
|
10
10
|
logo: l,
|
|
11
11
|
navMenu: d,
|
|
12
|
-
searchBarProps:
|
|
13
|
-
languageSelectorProps:
|
|
12
|
+
searchBarProps: a,
|
|
13
|
+
languageSelectorProps: i,
|
|
14
14
|
userActions: n,
|
|
15
15
|
mobileMenu: t
|
|
16
16
|
}) => {
|
|
17
|
-
const m =
|
|
17
|
+
const m = s(10);
|
|
18
18
|
return /* @__PURE__ */ r("div", { className: "sticky top-0 z-1000 flex w-full flex-col", children: [
|
|
19
19
|
/* @__PURE__ */ e(
|
|
20
20
|
"header",
|
|
@@ -23,17 +23,17 @@ const j = ({
|
|
|
23
23
|
children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
|
|
24
24
|
/* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-8", children: [
|
|
25
25
|
l,
|
|
26
|
-
/* @__PURE__ */ e(
|
|
26
|
+
/* @__PURE__ */ e(c, { className: "hidden lg:block", ...d })
|
|
27
27
|
] }),
|
|
28
28
|
/* @__PURE__ */ r("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
|
|
29
|
-
/* @__PURE__ */ e(f, { ...
|
|
30
|
-
|
|
29
|
+
/* @__PURE__ */ e(f, { ...a }),
|
|
30
|
+
i && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(p, { ...i }) }),
|
|
31
31
|
n
|
|
32
32
|
] }),
|
|
33
33
|
/* @__PURE__ */ r(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
|
-
className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-
|
|
36
|
+
className: "text-small text-primary-500 flex items-center justify-center gap-1 rounded border border-neutral-400 bg-transparent px-2 py-1 lg:hidden",
|
|
37
37
|
onClick: t.onOpen,
|
|
38
38
|
"aria-label": "Open menu",
|
|
39
39
|
"aria-expanded": t.isOpen,
|
|
@@ -46,7 +46,7 @@ const j = ({
|
|
|
46
46
|
] })
|
|
47
47
|
}
|
|
48
48
|
),
|
|
49
|
-
/* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps:
|
|
49
|
+
/* @__PURE__ */ e(o, { ...t, logo: l, userActions: n, searchBarProps: a })
|
|
50
50
|
] });
|
|
51
51
|
};
|
|
52
52
|
export {
|
|
@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
3
3
|
export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
|
|
4
4
|
|
|
5
5
|
export interface Header2Props extends React.ComponentProps<'h2'> {
|
|
6
|
-
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies';
|
|
6
|
+
variant?: 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'ai';
|
|
7
7
|
}
|
|
8
8
|
|
|
@@ -43,7 +43,8 @@ const v = ({
|
|
|
43
43
|
s,
|
|
44
44
|
{
|
|
45
45
|
className: t("text-medium [&_p:last-child]:mb-0", e ? "text-white" : "text-neutral-800"),
|
|
46
|
-
content: o
|
|
46
|
+
content: o,
|
|
47
|
+
variant: "ai"
|
|
47
48
|
}
|
|
48
49
|
),
|
|
49
50
|
/* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4", children: c.map((r) => /* @__PURE__ */ l(
|
|
@@ -4,25 +4,25 @@ import { LawGeniusImageShell as p } from "./LawGeniusImageShell.js";
|
|
|
4
4
|
import { Markdown as t } from "./Markdown.js";
|
|
5
5
|
const v = ({
|
|
6
6
|
sectionTitle: s,
|
|
7
|
-
contentMarkdown:
|
|
7
|
+
contentMarkdown: m,
|
|
8
8
|
descriptionMarkdown: a,
|
|
9
|
-
steps:
|
|
9
|
+
steps: r,
|
|
10
10
|
belowStepsMarkdown: i,
|
|
11
11
|
cta: n,
|
|
12
12
|
imageUrl: c,
|
|
13
13
|
imageAlt: x
|
|
14
14
|
}) => {
|
|
15
|
-
const
|
|
16
|
-
return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-
|
|
15
|
+
const o = a.trim().length > 0, d = i.trim().length > 0;
|
|
16
|
+
return /* @__PURE__ */ e("section", { className: "bg-neutral-25 lg:px-ds-10xl px-6 pt-16 pb-12 sm:px-10", children: /* @__PURE__ */ e("div", { className: "bg-law-genius-section mx-auto w-full max-w-6xl rounded-3xl px-8 pt-16 pb-8 text-white shadow-[0_25px_80px_rgba(3,42,56,0.35)] sm:px-10 sm:pt-16 sm:pb-10", children: /* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:gap-10", children: [
|
|
17
17
|
/* @__PURE__ */ l("div", { className: "flex flex-col gap-4 text-center text-white", children: [
|
|
18
18
|
/* @__PURE__ */ e("h2", { className: "lg:text-super-large text-3xl font-bold lg:leading-tight", children: s }),
|
|
19
|
-
/* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content:
|
|
20
|
-
|
|
19
|
+
/* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: m }) }),
|
|
20
|
+
o && /* @__PURE__ */ e("div", { className: "[&_p]:text-medium [&_p]:text-white/80 [&_p:last-child]:mb-0", children: /* @__PURE__ */ e(t, { variant: "ratafia", content: a }) })
|
|
21
21
|
] }),
|
|
22
22
|
/* @__PURE__ */ l("div", { className: "flex w-full flex-col gap-8 lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,1.05fr)] lg:items-stretch lg:gap-10", children: [
|
|
23
23
|
/* @__PURE__ */ l("div", { className: "flex min-h-0 flex-col gap-6", children: [
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
r,
|
|
25
|
+
d && /* @__PURE__ */ e(
|
|
26
26
|
t,
|
|
27
27
|
{
|
|
28
28
|
variant: "ratafia",
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
2
|
|
|
4
3
|
export declare type HowItWorksExamplesProps = {
|
|
5
4
|
eyebrow: string;
|
|
@@ -59,7 +58,8 @@ export declare interface HowItWorksTemplateProps {
|
|
|
59
58
|
contentMarkdown: string;
|
|
60
59
|
steps: HowItWorksLawGeniusStep[];
|
|
61
60
|
belowStepsMarkdown: string;
|
|
62
|
-
|
|
61
|
+
imageUrl: string | null;
|
|
62
|
+
imageAlt: string;
|
|
63
63
|
cta: {
|
|
64
64
|
href: string;
|
|
65
65
|
label: string;
|
|
@@ -1,45 +1,46 @@
|
|
|
1
|
-
import { jsx as e, jsxs as r, Fragment as
|
|
1
|
+
import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
|
|
2
2
|
import { clsx as N } from "clsx";
|
|
3
3
|
import { howItWorksLawGeniusCtaLinkClassName as b, howItWorksHeroCtaLinkClassName as k, howItWorksLawGeniusBelowStepsMarkdownClassName as y, howItWorksResourcesSupportBodyClassName as C, howItWorksResourcesCtaLinkClassName as v } from "./HowItWorksTemplateTokens.js";
|
|
4
4
|
import { HeroImageShell as S } from "./HeroImageShell.js";
|
|
5
5
|
import { RatafiaSection as M } from "./RatafiaSection.js";
|
|
6
6
|
import { LawGeniusStepCard as I } from "./LawGeniusStepCard.js";
|
|
7
|
-
import { ResourcesImageShell as
|
|
8
|
-
import { StepImageShell as
|
|
7
|
+
import { ResourcesImageShell as L } from "./ResourcesImageShell.js";
|
|
8
|
+
import { StepImageShell as W } from "./StepImageShell.js";
|
|
9
9
|
import { Button as o } from "./Button.js";
|
|
10
|
-
import { IntroSection as
|
|
11
|
-
import { Markdown as
|
|
10
|
+
import { IntroSection as A } from "./IntroSection.js";
|
|
11
|
+
import { Markdown as i } from "./Markdown.js";
|
|
12
12
|
import { TwoColumnSection as c } from "./TwoColumnSection.js";
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/* @__PURE__ */ e("
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
import { LawGeniusImageShell as B } from "./LawGeniusImageShell.js";
|
|
14
|
+
const U = (t) => {
|
|
15
|
+
const m = /* @__PURE__ */ r("div", { className: "min-w-0 space-y-4 text-neutral-800 lg:basis-[47%]", children: [
|
|
16
|
+
/* @__PURE__ */ e("h2", { className: "font-lora text-[2.05rem] leading-[1.15] font-bold text-neutral-800", children: t.title }),
|
|
17
|
+
/* @__PURE__ */ e("div", { className: "text-small space-y-3 text-neutral-700", children: /* @__PURE__ */ e(i, { variant: "legal", content: t.bodyMarkdown }) })
|
|
18
|
+
] }), a = /* @__PURE__ */ e("div", { className: "w-full shrink-0 lg:w-1/2 lg:max-w-[50%]", children: /* @__PURE__ */ e(W, { src: t.imageUrl, alt: t.imageAlt }) });
|
|
19
|
+
return t.reverse ? { firstColumn: a, secondColumn: m } : { firstColumn: m, secondColumn: a };
|
|
20
|
+
}, J = ({ hero: t, processSteps: m, lawGenius: a, resources: s }) => {
|
|
21
|
+
const d = t.introMarkdown.trim().length > 0, p = t.closingMarkdown.trim().length > 0, x = s.supportBodyMarkdown.trim().length > 0, g = a.belowStepsMarkdown.trim().length > 0, { examples: n } = s, f = /* @__PURE__ */ e(
|
|
21
22
|
o,
|
|
22
23
|
{
|
|
23
|
-
size: "
|
|
24
|
+
size: "large",
|
|
24
25
|
variant: "primary-green",
|
|
25
|
-
className: "text-
|
|
26
|
+
className: "text-medium w-full justify-center !rounded-md font-bold lg:w-auto",
|
|
26
27
|
children: /* @__PURE__ */ e("a", { href: a.cta.href, className: b, children: a.cta.label })
|
|
27
28
|
}
|
|
28
29
|
);
|
|
29
|
-
return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col
|
|
30
|
-
/* @__PURE__ */ e("section", { className: "bg-primary-50
|
|
30
|
+
return /* @__PURE__ */ r("main", { className: "flex w-full max-w-full min-w-0 flex-1 flex-col", children: [
|
|
31
|
+
/* @__PURE__ */ e("section", { className: "bg-primary-50 lg:px-ds-10xl px-6 pt-4 pb-12 sm:px-10", children: /* @__PURE__ */ r("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: [
|
|
31
32
|
/* @__PURE__ */ r("div", { className: "text-center", children: [
|
|
32
|
-
/* @__PURE__ */ r("div", { className: "mx-auto flex
|
|
33
|
-
/* @__PURE__ */ e("p", { className: "text-small
|
|
34
|
-
/* @__PURE__ */ e("span", { className: "
|
|
33
|
+
/* @__PURE__ */ r("div", { className: "mx-auto inline-flex max-w-full flex-col items-center gap-2", children: [
|
|
34
|
+
/* @__PURE__ */ e("p", { className: "text-small font-semibold tracking-[0.3em] whitespace-nowrap text-neutral-600 uppercase", children: t.eyebrow }),
|
|
35
|
+
/* @__PURE__ */ e("span", { className: "h-px w-full max-w-[7.5rem] min-w-[5.5rem] shrink-0 bg-neutral-400", "aria-hidden": !0 })
|
|
35
36
|
] }),
|
|
36
|
-
/* @__PURE__ */ e("h1", { className: "font-lora mx-auto mt-12 max-w-
|
|
37
|
+
/* @__PURE__ */ e("h1", { className: "font-lora mx-auto mt-12 max-w-[48rem] text-4xl leading-tight font-bold tracking-tight text-neutral-800 sm:text-5xl sm:leading-tight", children: t.title })
|
|
37
38
|
] }),
|
|
38
39
|
/* @__PURE__ */ e(
|
|
39
|
-
|
|
40
|
+
A,
|
|
40
41
|
{
|
|
41
42
|
className: "bg-transparent",
|
|
42
|
-
containerClassName: "w-full !max-w-none
|
|
43
|
+
containerClassName: "w-full !max-w-none flex-col gap-10 !px-0 !py-0 lg:flex-row lg:items-stretch",
|
|
43
44
|
image: /* @__PURE__ */ e(S, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
|
|
44
45
|
cta: {
|
|
45
46
|
size: "large",
|
|
@@ -48,7 +49,7 @@ const j = (t) => {
|
|
|
48
49
|
children: /* @__PURE__ */ e("a", { href: t.cta.href, className: k, children: t.cta.label })
|
|
49
50
|
},
|
|
50
51
|
children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
|
|
51
|
-
d && /* @__PURE__ */ e(
|
|
52
|
+
d && /* @__PURE__ */ e(i, { variant: "legal", content: t.introMarkdown }),
|
|
52
53
|
/* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children: t.bullets.map((l) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2", children: [
|
|
53
54
|
/* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
|
|
54
55
|
/* @__PURE__ */ r("span", { children: [
|
|
@@ -59,24 +60,23 @@ const j = (t) => {
|
|
|
59
60
|
l.text
|
|
60
61
|
] })
|
|
61
62
|
] }, l.id)) }),
|
|
62
|
-
p && /* @__PURE__ */ e(
|
|
63
|
+
p && /* @__PURE__ */ e(i, { variant: "legal", content: t.closingMarkdown })
|
|
63
64
|
] })
|
|
64
65
|
}
|
|
65
66
|
)
|
|
66
67
|
] }) }),
|
|
67
|
-
|
|
68
|
-
const { firstColumn:
|
|
68
|
+
m.map((l) => {
|
|
69
|
+
const { firstColumn: u, secondColumn: h } = U(l);
|
|
69
70
|
return /* @__PURE__ */ e(
|
|
70
71
|
c,
|
|
71
72
|
{
|
|
72
|
-
className: `${l.background}
|
|
73
|
+
className: `${l.background} lg:px-ds-10xl px-6 py-12 sm:px-10`,
|
|
73
74
|
containerClassName: N(
|
|
74
|
-
"!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:!gap-10
|
|
75
|
-
l.imageFirstOnMobile ? "!flex-col md:!flex-row" : "!flex-col
|
|
76
|
-
l.reverse && "md:!flex-row-reverse"
|
|
75
|
+
"!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md:!gap-10 lg:items-start",
|
|
76
|
+
l.imageFirstOnMobile ? "!flex-col-reverse md:!flex-row" : "!flex-col md:!flex-row"
|
|
77
77
|
),
|
|
78
|
-
firstColumn:
|
|
79
|
-
secondColumn:
|
|
78
|
+
firstColumn: u,
|
|
79
|
+
secondColumn: h
|
|
80
80
|
},
|
|
81
81
|
l.id
|
|
82
82
|
);
|
|
@@ -86,7 +86,7 @@ const j = (t) => {
|
|
|
86
86
|
{
|
|
87
87
|
title: a.title,
|
|
88
88
|
content: a.contentMarkdown,
|
|
89
|
-
stepsSlot: /* @__PURE__ */ e(
|
|
89
|
+
stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((l) => /* @__PURE__ */ e(
|
|
90
90
|
I,
|
|
91
91
|
{
|
|
92
92
|
title: l.title,
|
|
@@ -96,42 +96,42 @@ const j = (t) => {
|
|
|
96
96
|
},
|
|
97
97
|
l.id
|
|
98
98
|
)) }),
|
|
99
|
-
belowStepsSlot:
|
|
100
|
-
|
|
99
|
+
belowStepsSlot: g ? /* @__PURE__ */ e(
|
|
100
|
+
i,
|
|
101
101
|
{
|
|
102
102
|
variant: "ratafia",
|
|
103
103
|
content: a.belowStepsMarkdown,
|
|
104
104
|
className: y
|
|
105
105
|
}
|
|
106
106
|
) : null,
|
|
107
|
-
cta:
|
|
107
|
+
cta: f,
|
|
108
108
|
skipCtaWrapper: !0,
|
|
109
|
-
image: a.
|
|
110
|
-
sectionClassName: a.sectionClassName ?? "bg-neutral-25 px-6 pt-16 pb-12
|
|
109
|
+
image: /* @__PURE__ */ e(B, { src: a.imageUrl, alt: a.imageAlt }),
|
|
110
|
+
sectionClassName: a.sectionClassName ?? "bg-neutral-25 px-6 pt-16 pb-12 sm:px-10 lg:px-ds-10xl"
|
|
111
111
|
}
|
|
112
112
|
),
|
|
113
113
|
/* @__PURE__ */ e(
|
|
114
114
|
c,
|
|
115
115
|
{
|
|
116
|
-
className: "
|
|
117
|
-
containerClassName: "!mx-auto !w-full !max-w-6xl !
|
|
118
|
-
firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0
|
|
119
|
-
secondColumn: /* @__PURE__ */ r("div", { className: "w-full
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
x && /* @__PURE__ */ e("div", { className: `text-small space-y-3 text-neutral-700 ${C}`, children: /* @__PURE__ */ e(
|
|
123
|
-
|
|
116
|
+
className: "bg-neutral-25 lg:px-ds-10xl px-6 py-12 sm:px-10",
|
|
117
|
+
containerClassName: "!mx-auto !w-full !max-w-6xl !items-start !gap-8 !px-0 !py-0 md:!gap-10 lg:!items-stretch",
|
|
118
|
+
firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0 shrink-0 rounded-2xl border border-neutral-100 bg-white p-4 lg:basis-[48%] lg:p-5", children: /* @__PURE__ */ e(L, { src: s.imageUrl, alt: s.imageAlt }) }),
|
|
119
|
+
secondColumn: /* @__PURE__ */ r("div", { className: "w-full space-y-4 lg:basis-[52%]", children: [
|
|
120
|
+
n.eyebrow && /* @__PURE__ */ e("p", { className: "text-xs font-semibold tracking-[0.2em] text-neutral-500 uppercase", children: n.eyebrow }),
|
|
121
|
+
n.title && /* @__PURE__ */ e("h3", { className: "font-lora text-[2rem] leading-[1.2] font-bold text-neutral-800", children: n.title }),
|
|
122
|
+
x && /* @__PURE__ */ e("div", { className: `text-small space-y-3 text-neutral-700 ${C}`, children: /* @__PURE__ */ e(i, { variant: "legal", content: s.supportBodyMarkdown }) }),
|
|
123
|
+
n.rows.length > 0 && /* @__PURE__ */ e("dl", { className: "text-small space-y-2 text-neutral-700", children: n.rows.map((l) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-x-2", children: [
|
|
124
124
|
/* @__PURE__ */ e("dt", { className: "font-semibold", children: l.label }),
|
|
125
125
|
/* @__PURE__ */ e("dd", { children: l.value })
|
|
126
126
|
] }, `${l.label}-${l.value}`)) }),
|
|
127
|
-
|
|
127
|
+
n.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: n.footer }),
|
|
128
128
|
/* @__PURE__ */ e(
|
|
129
129
|
o,
|
|
130
130
|
{
|
|
131
131
|
size: "small",
|
|
132
132
|
variant: "primary-green",
|
|
133
133
|
className: "text-small inline-flex w-auto justify-center font-bold",
|
|
134
|
-
children: /* @__PURE__ */ e("a", { href:
|
|
134
|
+
children: /* @__PURE__ */ e("a", { href: s.cta.href, className: v, children: s.cta.label })
|
|
135
135
|
}
|
|
136
136
|
)
|
|
137
137
|
] })
|
|
@@ -140,5 +140,5 @@ const j = (t) => {
|
|
|
140
140
|
] });
|
|
141
141
|
};
|
|
142
142
|
export {
|
|
143
|
-
|
|
143
|
+
J as HowItWorksTemplate
|
|
144
144
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/** Tailwind class strings for `next/link` / markdown in How It Works Strapi mappers (consumed by legal-contracts-web). */
|
|
1
2
|
export declare const howItWorksHeroCtaLinkClassName = "font-semibold text-white";
|
|
2
3
|
|
|
3
4
|
export declare const howItWorksLawGeniusBelowStepsMarkdownClassName = "text-medium";
|
|
@@ -6,5 +7,6 @@ export declare const howItWorksLawGeniusCtaLinkClassName = "font-semibold text-w
|
|
|
6
7
|
|
|
7
8
|
export declare const howItWorksResourcesCtaLinkClassName = "font-semibold";
|
|
8
9
|
|
|
9
|
-
|
|
10
|
+
/** Support column markdown: spacing for H2 vs body */
|
|
11
|
+
export declare const howItWorksResourcesSupportBodyClassName = "[&_h2]:mb-8";
|
|
10
12
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const
|
|
1
|
+
const s = "font-semibold text-white", o = "font-semibold text-white", t = "font-semibold", e = "text-medium", a = "[&_h2]:mb-8";
|
|
2
2
|
export {
|
|
3
|
-
|
|
3
|
+
s as howItWorksHeroCtaLinkClassName,
|
|
4
4
|
e as howItWorksLawGeniusBelowStepsMarkdownClassName,
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
o as howItWorksLawGeniusCtaLinkClassName,
|
|
6
|
+
t as howItWorksResourcesCtaLinkClassName,
|
|
7
7
|
a as howItWorksResourcesSupportBodyClassName
|
|
8
8
|
};
|
|
@@ -1,19 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
l,
|
|
1
|
+
import { jsx as s, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import { TwoColumnSection as e } from "./TwoColumnSection.js";
|
|
3
|
+
import { LinkWrapper as o } from "./LinkWrapper.js";
|
|
4
|
+
const c = ({ image: i, children: r, cta: m, className: a, containerClassName: l }) => /* @__PURE__ */ s(
|
|
5
|
+
e,
|
|
7
6
|
{
|
|
8
|
-
className:
|
|
9
|
-
containerClassName:
|
|
10
|
-
firstColumn: /* @__PURE__ */
|
|
11
|
-
secondColumn: /* @__PURE__ */
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
className: a ?? "",
|
|
8
|
+
containerClassName: l,
|
|
9
|
+
firstColumn: /* @__PURE__ */ s("div", { className: "mb-4 min-h-0 w-full min-w-0 shrink-0 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100", children: i }),
|
|
10
|
+
secondColumn: /* @__PURE__ */ n("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
|
|
11
|
+
r,
|
|
12
|
+
m && /* @__PURE__ */ s(o, { size: "large", variant: "primary-green", className: "mt-8", ...m })
|
|
14
13
|
] })
|
|
15
14
|
}
|
|
16
15
|
);
|
|
17
16
|
export {
|
|
18
|
-
|
|
17
|
+
c as IntroSection
|
|
19
18
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
const a = { w: 898, h: 1100 }, i = "aspect-[449/550]", n = "relative w-full max-w-md overflow-hidden rounded-lg", r = n
|
|
2
|
+
const a = { w: 898, h: 1100 }, i = "aspect-[449/550]", n = "relative w-full max-w-md overflow-hidden rounded-lg", r = `${n} bg-white`, o = `${n} bg-neutral-100 ${i}`, s = ({ empty: l, children: t }) => l ? /* @__PURE__ */ e("div", { className: o, "aria-hidden": !0 }) : /* @__PURE__ */ e("div", { className: r, children: t }), h = ({ src: l, alt: t }) => l ? /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
|
|
3
3
|
"img",
|
|
4
4
|
{
|
|
5
5
|
src: l,
|
|
6
|
-
alt:
|
|
6
|
+
alt: t,
|
|
7
7
|
width: a.w,
|
|
8
8
|
height: a.h,
|
|
9
9
|
className: "h-auto w-full max-w-full object-cover",
|
|
10
10
|
loading: "lazy"
|
|
11
11
|
}
|
|
12
|
-
) }) : /* @__PURE__ */ e(
|
|
12
|
+
) }) : /* @__PURE__ */ e(s, { empty: !0 });
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
h as LawGeniusImageShell
|
|
15
15
|
};
|