@npm_leadtech/legal-contracts-ui 0.99.2 → 0.99.3
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/components/ContactMethodCard.d.ts +0 -1
- package/dist/components/ContactMethodCard.js +25 -22
- package/dist/components/ContactMethodsSection.d.ts +0 -1
- package/dist/components/ContactUsTemplate.d.ts +1 -6
- package/dist/components/ContactUsTemplate.js +19 -22
- package/dist/components/MobileMenu.js +6 -6
- package/dist/components/NotFoundTemplate.d.ts +0 -1
- package/dist/components/index.d.ts +0 -1
- package/package.json +1 -1
|
@@ -1,33 +1,36 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { jsxs as i, Fragment as r, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { PhoneTalkIcon as n } from "./PhoneTalkIcon.js";
|
|
3
|
+
import { MailFillIcon as m } from "./MailFillIcon.js";
|
|
4
|
+
import { LocationIcon as c } from "./LocationIcon.js";
|
|
5
|
+
import { LinkWrapper as t } from "./LinkWrapper.js";
|
|
6
|
+
const y = ({ label: e, helper: l, variant: s }) => /* @__PURE__ */ i("article", { className: "bg-neutral-25 flex flex-wrap gap-2 rounded-sm p-4 md:flex-col", children: [
|
|
7
|
+
s === "phone" && /* @__PURE__ */ i(r, { children: [
|
|
8
|
+
/* @__PURE__ */ i(t, { variant: "primary-green", className: "w-full md:hidden", children: [
|
|
9
|
+
/* @__PURE__ */ a(n, { fill: "white" }),
|
|
7
10
|
" ",
|
|
8
|
-
|
|
11
|
+
e
|
|
9
12
|
] }),
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */ a("span", { className: "shrink-0", children:
|
|
12
|
-
/* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */ a(
|
|
14
|
-
|
|
13
|
+
/* @__PURE__ */ i("div", { className: "hidden gap-2 md:flex", children: [
|
|
14
|
+
/* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(n, { fill: "var(--primary-800)" }) }),
|
|
15
|
+
/* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
|
|
16
|
+
/* @__PURE__ */ a(t, { className: "justify-start! p-0! no-underline!", variant: "tertiary-link", children: /* @__PURE__ */ a("span", { className: "text-medium text-primary-800 font-bold", children: e }) }),
|
|
17
|
+
l && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0", children: l })
|
|
15
18
|
] })
|
|
16
19
|
] }),
|
|
17
|
-
|
|
20
|
+
l && /* @__PURE__ */ a("p", { className: "text-small mx-auto text-neutral-600 md:mx-0 md:hidden", children: l })
|
|
18
21
|
] }),
|
|
19
|
-
|
|
20
|
-
/* @__PURE__ */ a("span", { className: "shrink-0", children:
|
|
21
|
-
/* @__PURE__ */
|
|
22
|
-
/* @__PURE__ */ a(
|
|
23
|
-
|
|
22
|
+
s === "email" && /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
|
|
23
|
+
/* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(m, { fill: "var(--primary-800)" }) }),
|
|
24
|
+
/* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
|
|
25
|
+
/* @__PURE__ */ a(t, { className: "justify-start! p-0!", variant: "tertiary-link", children: /* @__PURE__ */ a("span", { className: "text-medium text-primary-800 font-bold", children: e }) }),
|
|
26
|
+
l && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: l })
|
|
24
27
|
] })
|
|
25
28
|
] }),
|
|
26
|
-
|
|
27
|
-
/* @__PURE__ */ a("span", { className: "shrink-0", children:
|
|
28
|
-
|
|
29
|
+
s === "location" && /* @__PURE__ */ i("div", { className: "flex gap-2", children: [
|
|
30
|
+
/* @__PURE__ */ a("span", { className: "shrink-0", children: /* @__PURE__ */ a(c, { fill: "var(--primary-800)" }) }),
|
|
31
|
+
l && /* @__PURE__ */ a("p", { className: "text-small text-neutral-600", children: l })
|
|
29
32
|
] })
|
|
30
33
|
] });
|
|
31
34
|
export {
|
|
32
|
-
|
|
35
|
+
y as ContactMethodCard
|
|
33
36
|
};
|
|
@@ -48,7 +48,6 @@ export interface ContactFormSectionProps {
|
|
|
48
48
|
|
|
49
49
|
export interface ContactMethod {
|
|
50
50
|
id: string;
|
|
51
|
-
icon: ReactNode;
|
|
52
51
|
label?: ReactNode;
|
|
53
52
|
helper?: string;
|
|
54
53
|
variant: 'phone' | 'email' | 'location';
|
|
@@ -66,11 +65,7 @@ export declare interface ContactUsTemplateProps {
|
|
|
66
65
|
contactForm: ContactFormSectionProps;
|
|
67
66
|
faqSection: {
|
|
68
67
|
faqTitle: string;
|
|
69
|
-
|
|
70
|
-
id: string;
|
|
71
|
-
question: string;
|
|
72
|
-
answer: string;
|
|
73
|
-
}[];
|
|
68
|
+
faqText: string;
|
|
74
69
|
faqCta: ReactNode;
|
|
75
70
|
};
|
|
76
71
|
}
|
|
@@ -1,29 +1,26 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
1
|
+
import { jsx as a, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { ContactFormSection as i } from "./ContactFormSection.js";
|
|
3
3
|
import { Jumbotron2 as o } from "./Jumbotron2.js";
|
|
4
|
-
import { ContactMethodsSection as
|
|
5
|
-
import { Markdown as
|
|
6
|
-
import { LinkWrapper as
|
|
7
|
-
const
|
|
8
|
-
jumbotron:
|
|
9
|
-
contactMethods:
|
|
10
|
-
contactForm:
|
|
11
|
-
faqSection:
|
|
12
|
-
}) => /* @__PURE__ */ a("main", { className: "bg-primary-50 py-10 md:px-6 md:pb-20 lg:px-8 xl:px-0", children: /* @__PURE__ */
|
|
13
|
-
/* @__PURE__ */ a(o, { ...
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */ a(
|
|
16
|
-
/* @__PURE__ */ a("div", { className: "md:row-span-2", children: /* @__PURE__ */ a(i, { ...
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */ a("h3", { className: "text-large text-primary-700 font-bold", children:
|
|
19
|
-
/* @__PURE__ */ a("div", { className: "flex flex-col gap-8", children:
|
|
20
|
-
|
|
21
|
-
/* @__PURE__ */ a(d, { content: r.answer, className: "text-medium [&_p:last-child]:mb-0" })
|
|
22
|
-
] }, r.id)) }),
|
|
23
|
-
/* @__PURE__ */ a(p, { className: "w-fit", variant: "secondary-green", children: l.faqCta })
|
|
4
|
+
import { ContactMethodsSection as s } from "./ContactMethodsSection.js";
|
|
5
|
+
import { Markdown as c } from "./Markdown.js";
|
|
6
|
+
import { LinkWrapper as d } from "./LinkWrapper.js";
|
|
7
|
+
const N = ({
|
|
8
|
+
jumbotron: r,
|
|
9
|
+
contactMethods: m,
|
|
10
|
+
contactForm: t,
|
|
11
|
+
faqSection: e
|
|
12
|
+
}) => /* @__PURE__ */ a("main", { className: "bg-primary-50 flex-1 py-10 md:px-6 md:pb-20 lg:px-8 xl:px-0", children: /* @__PURE__ */ l("div", { className: "relative mx-auto flex w-full max-w-300 flex-col gap-12", children: [
|
|
13
|
+
/* @__PURE__ */ a(o, { ...r, className: "pb-0!" }),
|
|
14
|
+
/* @__PURE__ */ l("div", { className: "relative flex flex-col gap-10 md:grid md:grid-cols-2 md:items-start md:gap-x-10 md:gap-y-8 lg:gap-x-16 xl:gap-x-20", children: [
|
|
15
|
+
/* @__PURE__ */ a(s, { ...m }),
|
|
16
|
+
/* @__PURE__ */ a("div", { className: "md:row-span-2", children: /* @__PURE__ */ a(i, { ...t }) }),
|
|
17
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col gap-8 px-6", children: [
|
|
18
|
+
/* @__PURE__ */ a("h3", { className: "text-large text-primary-700 font-bold", children: e.faqTitle }),
|
|
19
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ a(c, { content: e.faqText, className: "text-medium text-neutral-800 [&_p:last-child]:mb-0" }) }),
|
|
20
|
+
/* @__PURE__ */ a(d, { className: "w-fit", variant: "secondary-green", children: e.faqCta })
|
|
24
21
|
] })
|
|
25
22
|
] })
|
|
26
23
|
] }) });
|
|
27
24
|
export {
|
|
28
|
-
|
|
25
|
+
N as ContactUsTemplate
|
|
29
26
|
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as l, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { SearchBar as u } from "./SearchBar.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
4
|
+
import { CloseIcon as f } from "./CloseIcon.js";
|
|
5
|
+
import { LinkWrapper as h } from "./LinkWrapper.js";
|
|
6
|
+
import { PhoneTalkIcon as b } from "./PhoneTalkIcon.js";
|
|
7
7
|
const k = ({
|
|
8
8
|
isOpen: s,
|
|
9
9
|
onClose: m,
|
|
@@ -24,7 +24,7 @@ const k = ({
|
|
|
24
24
|
"aria-label": "Close menu",
|
|
25
25
|
children: [
|
|
26
26
|
x,
|
|
27
|
-
/* @__PURE__ */ r(
|
|
27
|
+
/* @__PURE__ */ r(f, { fill: "var(--primary-500)" })
|
|
28
28
|
]
|
|
29
29
|
}
|
|
30
30
|
)
|
|
@@ -36,7 +36,7 @@ const k = ({
|
|
|
36
36
|
] }),
|
|
37
37
|
/* @__PURE__ */ r("nav", { className: "flex flex-col gap-0", children: p.map((e, n) => {
|
|
38
38
|
const i = e.icon != null;
|
|
39
|
-
return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: /* @__PURE__ */ r(
|
|
39
|
+
return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: /* @__PURE__ */ r(h, { variant: "secondary-green", children: e.content }) }, e.id ?? `custom-${n.toString()}`) : /* @__PURE__ */ l(
|
|
40
40
|
"div",
|
|
41
41
|
{
|
|
42
42
|
className: e.title !== "" && !i ? "border-t border-b border-neutral-200 pt-4" : "",
|
|
@@ -65,7 +65,7 @@ const k = ({
|
|
|
65
65
|
href: `tel:${t.phoneNumber.replaceAll(" ", "")}`,
|
|
66
66
|
className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
|
|
67
67
|
children: [
|
|
68
|
-
/* @__PURE__ */ r(
|
|
68
|
+
/* @__PURE__ */ r(b, { fill: "#ffff" }),
|
|
69
69
|
t.phoneNumber
|
|
70
70
|
]
|
|
71
71
|
}
|