@npm_leadtech/legal-contracts-ui 0.147.2 → 0.147.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/components/Anchor.js +20 -20
- package/dist/components/Header2.js +5 -5
- package/dist/components/Header3.js +2 -2
- package/dist/components/JumboDocs.js +4 -4
- package/dist/components/MobileMenu.js +1 -1
- package/dist/components/Preform.js +6 -6
- package/dist/components/PricingTemplate.d.ts +1 -1
- package/dist/components/PricingTemplate.js +19 -19
- package/package.json +1 -1
- package/dist/components/index.d.ts +0 -1344
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
const
|
|
1
|
+
import { jsx as x } from "react/jsx-runtime";
|
|
2
|
+
import m from "clsx";
|
|
3
|
+
const w = ({ children: o, variant: l = "default", className: c = "", ...t }) => {
|
|
4
|
+
const e = t.href || "", n = e.toLowerCase(), u = n.startsWith("mailto:"), a = n.startsWith("tel:"), r = "cursor-pointer text-primary-700", i = {
|
|
5
5
|
default: "text-neutral-900 underline",
|
|
6
|
-
legal:
|
|
6
|
+
legal: r,
|
|
7
7
|
ratafia: "cursor-pointer text-primary-200 underline decoration-white/40 underline-offset-2 hover:text-white",
|
|
8
|
-
"about-us":
|
|
8
|
+
"about-us": r,
|
|
9
9
|
pricing: "cursor-pointer text-neutral-900",
|
|
10
|
-
unsubscribe:
|
|
10
|
+
unsubscribe: r,
|
|
11
11
|
cookies: "text-white",
|
|
12
12
|
story: "text-neutral-800 underline"
|
|
13
|
-
},
|
|
14
|
-
if (!
|
|
13
|
+
}, f = i[l] ?? i.default, h = e.startsWith("http"), d = (() => {
|
|
14
|
+
if (!a) return e;
|
|
15
15
|
try {
|
|
16
|
-
return decodeURIComponent(
|
|
16
|
+
return decodeURIComponent(e).replace(/\s/g, "");
|
|
17
17
|
} catch {
|
|
18
|
-
return
|
|
18
|
+
return e.replace(/%20/g, "").replace(/\s/g, "");
|
|
19
19
|
}
|
|
20
|
-
})();
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
})(), s = t.target === "_blank" || h && !a && !u ? "_blank" : t.target, g = s === "_blank" ? "noopener noreferrer" : t.rel;
|
|
21
|
+
return /* @__PURE__ */ x(
|
|
22
22
|
"a",
|
|
23
23
|
{
|
|
24
|
-
...
|
|
25
|
-
href:
|
|
26
|
-
className:
|
|
27
|
-
target:
|
|
28
|
-
rel:
|
|
29
|
-
children:
|
|
24
|
+
...t,
|
|
25
|
+
href: d,
|
|
26
|
+
className: m(c, f),
|
|
27
|
+
target: s,
|
|
28
|
+
rel: g,
|
|
29
|
+
children: o
|
|
30
30
|
}
|
|
31
31
|
);
|
|
32
32
|
};
|
|
33
33
|
export {
|
|
34
|
-
|
|
34
|
+
w as Anchor
|
|
35
35
|
};
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
const
|
|
2
|
+
import m from "clsx";
|
|
3
|
+
const s = ({ children: e, variant: l = "default" }) => {
|
|
4
4
|
const t = {
|
|
5
|
-
default: "mt-5 mb-3 text-
|
|
5
|
+
default: "mt-5 mb-3 text-3xl text-gray-900",
|
|
6
6
|
legal: "mt-5 -mx-ds-11xl mb-6 bg-white px-ds-11xl text-left text-neutral-800 text-3xl",
|
|
7
7
|
ratafia: "mt-4 mb-3 text-left text-xl font-bold text-white lg:text-2xl",
|
|
8
8
|
unsubscribe: "mt-0 mb-0 w-full bg-white pb-4 pt-8 text-left text-3xl leading-tight text-neutral-900 font-sans tracking-tight md:text-4xl md:leading-8"
|
|
9
9
|
}, x = t[l] ?? t.default;
|
|
10
|
-
return /* @__PURE__ */ a("h2", { className:
|
|
10
|
+
return /* @__PURE__ */ a("h2", { className: m("font-bold", x), children: e });
|
|
11
11
|
};
|
|
12
12
|
export {
|
|
13
|
-
|
|
13
|
+
s as Header2
|
|
14
14
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
const
|
|
2
|
+
const o = ({ children: t }) => /* @__PURE__ */ e("h3", { className: "mt-4 mb-2 text-2xl font-semibold text-gray-900", children: t });
|
|
3
3
|
export {
|
|
4
|
-
|
|
4
|
+
o as Header3
|
|
5
5
|
};
|
|
@@ -11,13 +11,13 @@ const j = ({
|
|
|
11
11
|
pdfDownload: t,
|
|
12
12
|
wordDownload: n
|
|
13
13
|
}) => {
|
|
14
|
-
const [f,
|
|
14
|
+
const [f, x] = u(!1), i = g(null);
|
|
15
15
|
return b(() => {
|
|
16
16
|
const a = i.current;
|
|
17
17
|
if (!a) return;
|
|
18
18
|
const m = new IntersectionObserver(
|
|
19
|
-
([
|
|
20
|
-
|
|
19
|
+
([p]) => {
|
|
20
|
+
x(!p.isIntersecting);
|
|
21
21
|
},
|
|
22
22
|
{ threshold: 0 }
|
|
23
23
|
);
|
|
@@ -35,7 +35,7 @@ const j = ({
|
|
|
35
35
|
/* @__PURE__ */ e("div", { className: "border border-neutral-200 shadow", children: d }),
|
|
36
36
|
/* @__PURE__ */ l("div", { className: "flex flex-col gap-8 self-start", children: [
|
|
37
37
|
/* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
|
|
38
|
-
/* @__PURE__ */ e("
|
|
38
|
+
/* @__PURE__ */ e("h2", { className: "text-big md:text-large font-bold", children: o }),
|
|
39
39
|
/* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
|
|
40
40
|
c.length > 0 && /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4 md:gap-8", children: c.map((a) => /* @__PURE__ */ l("li", { className: "text-small flex gap-2", children: [
|
|
41
41
|
/* @__PURE__ */ e("span", { className: "text-primary-500", children: "•" }),
|
|
@@ -47,7 +47,7 @@ const k = ({
|
|
|
47
47
|
children: [
|
|
48
48
|
e.title && /* @__PURE__ */ l("div", { className: `flex items-center gap-2 px-6 ${i ? "bg-neutral-50 py-4" : ""}`, children: [
|
|
49
49
|
e.icon != null && /* @__PURE__ */ r("span", { className: "text-primary-700", children: e.icon }),
|
|
50
|
-
/* @__PURE__ */ r("
|
|
50
|
+
/* @__PURE__ */ r("h4", { className: "text-medium font-semibold", children: e.title })
|
|
51
51
|
] }),
|
|
52
52
|
e.items != null && /* @__PURE__ */ l("ul", { className: `flex flex-col gap-4 ${i ? "p-6" : "px-6 py-4"}`, children: [
|
|
53
53
|
e.items.map((a) => /* @__PURE__ */ l("li", { className: "text-medium flex items-center gap-1", children: [
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as c, Fragment as
|
|
2
|
+
import { jsxs as c, Fragment as n, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import "react";
|
|
4
|
-
import { Tooltips as
|
|
4
|
+
import { Tooltips as p } from "./Tooltips.js";
|
|
5
5
|
import { PreformMobile as a } from "./PreformMobile.js";
|
|
6
6
|
import { PreformOption as f } from "./PreformOption.js";
|
|
7
7
|
import { TrustedBadge as i } from "./TrustedBadge.js";
|
|
8
8
|
import { Input as h } from "./Input.js";
|
|
9
9
|
import { LinkWrapper as t } from "./LinkWrapper.js";
|
|
10
|
-
const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips:
|
|
10
|
+
const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tooltips: x }) => /* @__PURE__ */ c(n, { children: [
|
|
11
11
|
/* @__PURE__ */ e("section", { className: "bg-neutral-25 hidden pt-10 text-neutral-800 sm:block sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ c("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
|
|
12
12
|
/* @__PURE__ */ e(i, { ...s }),
|
|
13
|
-
m?.isVisible && /* @__PURE__ */ c(
|
|
14
|
-
/* @__PURE__ */ e("
|
|
13
|
+
m?.isVisible && /* @__PURE__ */ c(n, { children: [
|
|
14
|
+
/* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m.label }),
|
|
15
15
|
/* @__PURE__ */ c("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: [
|
|
16
16
|
m.options.map((r) => /* @__PURE__ */ e(
|
|
17
17
|
"div",
|
|
@@ -43,7 +43,7 @@ const k = ({ trustedBadge: s, cta: o, inputFieldData: l, radioFieldData: m, tool
|
|
|
43
43
|
] })
|
|
44
44
|
] }),
|
|
45
45
|
/* @__PURE__ */ e(t, { variant: "primary-green", children: o }),
|
|
46
|
-
|
|
46
|
+
x.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: x.map((r) => /* @__PURE__ */ e(p, { ...r }, r.title)) })
|
|
47
47
|
] }) }),
|
|
48
48
|
/* @__PURE__ */ e(
|
|
49
49
|
a,
|
|
@@ -134,7 +134,7 @@ export declare interface PricingTemplateProps {
|
|
|
134
134
|
resources: PricingResourcesSectionProps;
|
|
135
135
|
support: PricingSupportTeaserSectionProps;
|
|
136
136
|
offerings: PricingOfferingsSectionProps;
|
|
137
|
-
faq: FaqSectionProps
|
|
137
|
+
faq: FaqSectionProps;
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
export type ResponsiveButtonVariant = ButtonVariant | {
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { PricingResourcesSection as
|
|
1
|
+
import { jsxs as c, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { PricingResourcesSection as a } from "./PricingResourcesSection.js";
|
|
3
3
|
import { Jumbotron2 as s } from "./Jumbotron2.js";
|
|
4
4
|
import { IntroSection as f } from "./IntroSection.js";
|
|
5
5
|
import { PricingPlansSection as p } from "./PricingPlansSection.js";
|
|
6
6
|
import { PricingOfferingsSection as u } from "./PricingOfferingsSection.js";
|
|
7
7
|
import { PricingSupportTeaserSection as x } from "./PricingSupportTeaserSection.js";
|
|
8
8
|
import { FaqSection as g } from "./FaqSection.js";
|
|
9
|
-
const
|
|
10
|
-
jumbotron:
|
|
11
|
-
intro:
|
|
9
|
+
const j = ({
|
|
10
|
+
jumbotron: r,
|
|
11
|
+
intro: n,
|
|
12
12
|
plans: i,
|
|
13
|
-
support:
|
|
14
|
-
offerings:
|
|
15
|
-
faq:
|
|
16
|
-
resources:
|
|
17
|
-
}) => /* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */ t(s, { ...
|
|
19
|
-
/* @__PURE__ */ t(f, { ...
|
|
13
|
+
support: e,
|
|
14
|
+
offerings: m,
|
|
15
|
+
faq: l,
|
|
16
|
+
resources: o
|
|
17
|
+
}) => /* @__PURE__ */ c("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
|
|
18
|
+
/* @__PURE__ */ t(s, { ...r, className: "bg-primary-50 w-full py-4 text-3xl" }),
|
|
19
|
+
/* @__PURE__ */ t(f, { ...n, className: "bg-primary-50" }),
|
|
20
20
|
/* @__PURE__ */ t(p, { ...i }),
|
|
21
21
|
/* @__PURE__ */ t(
|
|
22
|
-
|
|
22
|
+
a,
|
|
23
23
|
{
|
|
24
|
-
firstColumnContent:
|
|
25
|
-
secondColumnContent:
|
|
24
|
+
firstColumnContent: o.firstColumnContent,
|
|
25
|
+
secondColumnContent: o.secondColumnContent
|
|
26
26
|
}
|
|
27
27
|
),
|
|
28
|
-
/* @__PURE__ */ t(u, { ...
|
|
29
|
-
/* @__PURE__ */ t(x, { ...
|
|
30
|
-
|
|
28
|
+
/* @__PURE__ */ t(u, { ...m }),
|
|
29
|
+
/* @__PURE__ */ t(x, { ...e }),
|
|
30
|
+
/* @__PURE__ */ t("div", { className: "bg-neutral-25 flex w-full justify-center pt-12 pb-20", children: /* @__PURE__ */ t(g, { ...l, className: "w-full max-w-300 px-5", variant: "pricing" }) })
|
|
31
31
|
] });
|
|
32
32
|
export {
|
|
33
|
-
|
|
33
|
+
j as PricingTemplate
|
|
34
34
|
};
|