@npm_leadtech/legal-contracts-ui 0.129.7 → 0.129.9
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/HeroImageShell.js +7 -7
- package/dist/components/HowItWorksLawGeniusSection.js +8 -8
- package/dist/components/HowItWorksTemplate.d.ts +2 -2
- package/dist/components/HowItWorksTemplate.js +83 -76
- 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/LawGeniusStepCard.js +1 -1
- 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/PricingTemplate.d.ts +0 -14
- package/dist/components/ProductInfo.js +13 -15
- package/dist/components/RatafiaSection.js +37 -47
- package/dist/components/SearchBar.js +4 -4
- package/dist/components/StepImageShell.js +5 -5
- 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 -18
- package/dist/globals.css +1 -1
- package/package.json +1 -5
- package/dist/components/PricingContactChannelsSection.d.ts +0 -18
- package/dist/components/PricingContactChannelsSection.js +0 -19
|
@@ -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(
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
const
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const r = { w: 1200, h: 900 }, h = "relative aspect-[4/3] w-full overflow-hidden rounded-2xl bg-neutral-100 shadow-[0_25px_60px_rgba(3,42,56,0.12)]", t = "relative w-full overflow-hidden rounded-2xl shadow-[0_25px_60px_rgba(3,42,56,0.12)]", a = ({ empty: l, children: o }) => /* @__PURE__ */ e("div", { className: l ? h : t, "aria-hidden": l ? !0 : void 0, children: l ? null : o }), n = ({ src: l, alt: o, priority: d }) => l ? /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
|
|
3
3
|
"img",
|
|
4
4
|
{
|
|
5
|
-
src:
|
|
5
|
+
src: l,
|
|
6
6
|
alt: o,
|
|
7
|
-
width:
|
|
8
|
-
height:
|
|
7
|
+
width: r.w,
|
|
8
|
+
height: r.h,
|
|
9
9
|
className: "h-auto w-full max-w-full object-cover",
|
|
10
10
|
...d ? { loading: "eager" } : { loading: "lazy" }
|
|
11
11
|
}
|
|
12
|
-
) }) : /* @__PURE__ */
|
|
12
|
+
) }) : /* @__PURE__ */ e(a, { empty: !0 });
|
|
13
13
|
export {
|
|
14
|
-
|
|
14
|
+
n as HeroImageShell
|
|
15
15
|
};
|
|
@@ -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,130 +1,137 @@
|
|
|
1
1
|
import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
|
|
2
|
-
import { clsx as
|
|
3
|
-
import { howItWorksLawGeniusCtaLinkClassName as
|
|
4
|
-
import { HeroImageShell as
|
|
5
|
-
import { RatafiaSection as
|
|
6
|
-
import { LawGeniusStepCard as
|
|
7
|
-
import { ResourcesImageShell as
|
|
2
|
+
import { clsx as N } from "clsx";
|
|
3
|
+
import { howItWorksLawGeniusCtaLinkClassName as b, howItWorksHeroCtaLinkClassName as k, howItWorksLawGeniusBelowStepsMarkdownClassName as y, howItWorksResourcesSupportBodyClassName as C, howItWorksResourcesCtaLinkClassName as v } from "./HowItWorksTemplateTokens.js";
|
|
4
|
+
import { HeroImageShell as S } from "./HeroImageShell.js";
|
|
5
|
+
import { RatafiaSection as M } from "./RatafiaSection.js";
|
|
6
|
+
import { LawGeniusStepCard as I } from "./LawGeniusStepCard.js";
|
|
7
|
+
import { ResourcesImageShell as L } from "./ResourcesImageShell.js";
|
|
8
8
|
import { StepImageShell as W } from "./StepImageShell.js";
|
|
9
|
-
import {
|
|
10
|
-
import { IntroSection as
|
|
11
|
-
import { Markdown as
|
|
12
|
-
import { TwoColumnSection as
|
|
13
|
-
import {
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
/* @__PURE__ */ e("h2", { className: "text-
|
|
17
|
-
/* @__PURE__ */ e("div", { className: "text-
|
|
18
|
-
] }), a = /* @__PURE__ */ e("div", { className: "w-full
|
|
19
|
-
return { firstColumn:
|
|
20
|
-
}, J = ({ hero:
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
9
|
+
import { Button as o } from "./Button.js";
|
|
10
|
+
import { IntroSection as A } from "./IntroSection.js";
|
|
11
|
+
import { Markdown as i } from "./Markdown.js";
|
|
12
|
+
import { TwoColumnSection as c } from "./TwoColumnSection.js";
|
|
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(
|
|
22
|
+
o,
|
|
23
|
+
{
|
|
24
|
+
size: "large",
|
|
25
|
+
variant: "primary-green",
|
|
26
|
+
className: "text-medium w-full justify-center !rounded-md font-bold lg:w-auto",
|
|
27
|
+
children: /* @__PURE__ */ e("a", { href: a.cta.href, className: b, children: a.cta.label })
|
|
28
|
+
}
|
|
29
|
+
);
|
|
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: [
|
|
24
32
|
/* @__PURE__ */ r("div", { className: "text-center", children: [
|
|
25
|
-
/* @__PURE__ */ r("div", { className: "mx-auto flex
|
|
26
|
-
/* @__PURE__ */ e("p", { className: "text-small
|
|
27
|
-
/* @__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 })
|
|
28
36
|
] }),
|
|
29
|
-
/* @__PURE__ */ e("h1", { className: "font-lora
|
|
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 })
|
|
30
38
|
] }),
|
|
31
39
|
/* @__PURE__ */ e(
|
|
32
|
-
|
|
40
|
+
A,
|
|
33
41
|
{
|
|
34
42
|
className: "bg-transparent",
|
|
35
|
-
containerClassName: "w-full !max-w-none
|
|
36
|
-
image: /* @__PURE__ */ e(
|
|
43
|
+
containerClassName: "w-full !max-w-none flex-col gap-10 !px-0 !py-0 lg:flex-row lg:items-stretch",
|
|
44
|
+
image: /* @__PURE__ */ e(S, { src: t.imageUrl, alt: t.imageAlt, priority: t.imagePriority }),
|
|
37
45
|
cta: {
|
|
38
|
-
size: "
|
|
46
|
+
size: "large",
|
|
39
47
|
variant: "primary-green",
|
|
40
|
-
className: "text-medium mt-8 w-full justify-center font-bold
|
|
41
|
-
children: /* @__PURE__ */ e("a", { href:
|
|
48
|
+
className: "text-medium mt-8 w-full justify-center font-bold",
|
|
49
|
+
children: /* @__PURE__ */ e("a", { href: t.cta.href, className: k, children: t.cta.label })
|
|
42
50
|
},
|
|
43
51
|
children: /* @__PURE__ */ r("div", { className: "text-medium space-y-4 [&_ul]:my-8 [&_ul]:list-disc [&_ul]:pl-[1.2rem]", children: [
|
|
44
|
-
|
|
45
|
-
/* @__PURE__ */ e("ul", { className: "text-medium space-y-3", children:
|
|
52
|
+
d && /* @__PURE__ */ e(i, { variant: "legal", content: t.introMarkdown }),
|
|
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: [
|
|
46
54
|
/* @__PURE__ */ e("span", { className: "bg-primary-600 mt-1 h-2.5 w-2.5", "aria-hidden": !0 }),
|
|
47
55
|
/* @__PURE__ */ r("span", { children: [
|
|
48
56
|
/* @__PURE__ */ r("strong", { children: [
|
|
49
|
-
|
|
57
|
+
l.strong,
|
|
50
58
|
" "
|
|
51
59
|
] }),
|
|
52
|
-
|
|
60
|
+
l.text
|
|
53
61
|
] })
|
|
54
|
-
] },
|
|
55
|
-
|
|
62
|
+
] }, l.id)) }),
|
|
63
|
+
p && /* @__PURE__ */ e(i, { variant: "legal", content: t.closingMarkdown })
|
|
56
64
|
] })
|
|
57
65
|
}
|
|
58
66
|
)
|
|
59
67
|
] }) }),
|
|
60
|
-
|
|
61
|
-
const { firstColumn: u, secondColumn:
|
|
68
|
+
m.map((l) => {
|
|
69
|
+
const { firstColumn: u, secondColumn: h } = U(l);
|
|
62
70
|
return /* @__PURE__ */ e(
|
|
63
|
-
|
|
71
|
+
c,
|
|
64
72
|
{
|
|
65
|
-
className: `${
|
|
66
|
-
containerClassName:
|
|
67
|
-
"!mx-auto !w-full !max-w-6xl !px-0 !py-0 !gap-8 md
|
|
68
|
-
|
|
69
|
-
t.reverse && "md:!flex-row-reverse"
|
|
73
|
+
className: `${l.background} lg:px-ds-10xl px-6 py-12 sm:px-10`,
|
|
74
|
+
containerClassName: N(
|
|
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"
|
|
70
77
|
),
|
|
71
78
|
firstColumn: u,
|
|
72
|
-
secondColumn:
|
|
79
|
+
secondColumn: h
|
|
73
80
|
},
|
|
74
|
-
|
|
81
|
+
l.id
|
|
75
82
|
);
|
|
76
83
|
}),
|
|
77
84
|
/* @__PURE__ */ e(
|
|
78
|
-
|
|
85
|
+
M,
|
|
79
86
|
{
|
|
80
87
|
title: a.title,
|
|
81
88
|
content: a.contentMarkdown,
|
|
82
|
-
stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((
|
|
83
|
-
|
|
89
|
+
stepsSlot: /* @__PURE__ */ e(w, { children: a.steps.map((l) => /* @__PURE__ */ e(
|
|
90
|
+
I,
|
|
84
91
|
{
|
|
85
|
-
title:
|
|
86
|
-
descriptionMarkdown:
|
|
87
|
-
iconUrl:
|
|
88
|
-
iconAlt:
|
|
92
|
+
title: l.title,
|
|
93
|
+
descriptionMarkdown: l.descriptionMarkdown,
|
|
94
|
+
iconUrl: l.iconUrl,
|
|
95
|
+
iconAlt: l.iconAlt ?? ""
|
|
89
96
|
},
|
|
90
|
-
|
|
97
|
+
l.id
|
|
91
98
|
)) }),
|
|
92
|
-
belowStepsSlot:
|
|
93
|
-
|
|
99
|
+
belowStepsSlot: g ? /* @__PURE__ */ e(
|
|
100
|
+
i,
|
|
94
101
|
{
|
|
95
102
|
variant: "ratafia",
|
|
96
103
|
content: a.belowStepsMarkdown,
|
|
97
|
-
className:
|
|
104
|
+
className: y
|
|
98
105
|
}
|
|
99
106
|
) : null,
|
|
100
107
|
cta: f,
|
|
101
108
|
skipCtaWrapper: !0,
|
|
102
|
-
image: a.
|
|
103
|
-
sectionClassName: a.sectionClassName ?? "bg-
|
|
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"
|
|
104
111
|
}
|
|
105
112
|
),
|
|
106
113
|
/* @__PURE__ */ e(
|
|
107
|
-
|
|
114
|
+
c,
|
|
108
115
|
{
|
|
109
|
-
className: "lg:px-ds-10xl
|
|
110
|
-
containerClassName: "!mx-auto !w-full !max-w-6xl !
|
|
111
|
-
firstColumn: /* @__PURE__ */ e("div", { className: "w-full min-w-0
|
|
112
|
-
secondColumn: /* @__PURE__ */ r("div", { className: "w-full
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
/* @__PURE__ */ e("dt", { className: "font-semibold", children:
|
|
118
|
-
/* @__PURE__ */ e("dd", { children:
|
|
119
|
-
] }, `${
|
|
120
|
-
|
|
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
|
+
/* @__PURE__ */ e("dt", { className: "font-semibold", children: l.label }),
|
|
125
|
+
/* @__PURE__ */ e("dd", { children: l.value })
|
|
126
|
+
] }, `${l.label}-${l.value}`)) }),
|
|
127
|
+
n.footer && /* @__PURE__ */ e("p", { className: "text-small text-neutral-600", children: n.footer }),
|
|
121
128
|
/* @__PURE__ */ e(
|
|
122
|
-
|
|
129
|
+
o,
|
|
123
130
|
{
|
|
124
131
|
size: "small",
|
|
125
132
|
variant: "primary-green",
|
|
126
|
-
className: "text-
|
|
127
|
-
children: /* @__PURE__ */ e("a", { href:
|
|
133
|
+
className: "text-small inline-flex w-auto justify-center font-bold",
|
|
134
|
+
children: /* @__PURE__ */ e("a", { href: s.cta.href, className: v, children: s.cta.label })
|
|
128
135
|
}
|
|
129
136
|
)
|
|
130
137
|
] })
|
|
@@ -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
|
};
|