@npm_leadtech/legal-contracts-ui 0.112.0 → 0.113.0

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.
@@ -40,6 +40,7 @@ export interface FaqItemProps {
40
40
  showMoreText?: string;
41
41
  collapsedButtonText?: string;
42
42
  expandedButtonText?: string;
43
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
43
44
  }
44
45
 
45
46
  export interface FaqSectionProps {
@@ -47,6 +48,7 @@ export interface FaqSectionProps {
47
48
  description: string;
48
49
  faqItems: FaqItemProps[];
49
50
  className?: string;
51
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
50
52
  }
51
53
 
52
54
  export interface FastAndSimpleSectionProps {
@@ -82,6 +82,7 @@ export interface FaqItemProps {
82
82
  showMoreText?: string;
83
83
  collapsedButtonText?: string;
84
84
  expandedButtonText?: string;
85
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
85
86
  }
86
87
 
87
88
  export interface FaqSectionProps {
@@ -89,6 +90,7 @@ export interface FaqSectionProps {
89
90
  description: string;
90
91
  faqItems: FaqItemProps[];
91
92
  className?: string;
93
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
92
94
  }
93
95
 
94
96
  export interface ImageWithPreviewProps {
@@ -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' | 'tooltip' | 'about-us';
6
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
7
7
  }
8
8
 
@@ -1,27 +1,28 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import p from "clsx";
3
- const v = ({ children: o, variant: i = "default", className: c = "", ...e }) => {
4
- const t = e.href || "", r = t.toLowerCase(), l = r.startsWith("mailto:"), a = r.startsWith("tel:"), n = {
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import d from "clsx";
3
+ const v = ({ children: s, variant: i = "default", className: c = "", ...e }) => {
4
+ const t = e.href || "", r = t.toLowerCase(), l = r.startsWith("mailto:"), n = r.startsWith("tel:"), a = {
5
5
  default: "text-neutral-900 underline ",
6
6
  legal: "text-primary-700 cursor-pointer",
7
- "about-us": "text-primary-700 cursor-pointer"
8
- }, f = n[i] ?? n.default, s = t.startsWith("http") && !a && !l, u = (() => {
9
- if (!a) return t;
7
+ "about-us": "text-primary-700 cursor-pointer",
8
+ pricing: "cursor-pointer text-neutral-900"
9
+ }, u = a[i] ?? a.default, o = t.startsWith("http") && !n && !l, f = (() => {
10
+ if (!n) return t;
10
11
  try {
11
12
  return decodeURIComponent(t).replace(/\s/g, "");
12
13
  } catch {
13
14
  return t.replace(/%20/g, "").replace(/\s/g, "");
14
15
  }
15
16
  })();
16
- return /* @__PURE__ */ d(
17
+ return /* @__PURE__ */ p(
17
18
  "a",
18
19
  {
19
20
  ...e,
20
- href: u,
21
- className: p(c, f),
22
- target: s ? "_blank" : void 0,
23
- rel: s ? "noopener noreferrer" : void 0,
24
- children: o
21
+ href: f,
22
+ className: d(c, u),
23
+ target: o ? "_blank" : void 0,
24
+ rel: o ? "noopener noreferrer" : void 0,
25
+ children: s
25
26
  }
26
27
  );
27
28
  };
@@ -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' | 'tooltip' | 'about-us';
6
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
7
7
  }
8
8
 
@@ -63,6 +63,7 @@ export interface FaqItemProps {
63
63
  showMoreText?: string;
64
64
  collapsedButtonText?: string;
65
65
  expandedButtonText?: string;
66
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
66
67
  }
67
68
 
68
69
  export interface FaqSectionProps {
@@ -70,6 +71,7 @@ export interface FaqSectionProps {
70
71
  description: string;
71
72
  faqItems: FaqItemProps[];
72
73
  className?: string;
74
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
73
75
  }
74
76
 
75
77
  export interface JumboCardProps {
@@ -33,6 +33,7 @@ export interface FaqItemProps {
33
33
  showMoreText?: string;
34
34
  collapsedButtonText?: string;
35
35
  expandedButtonText?: string;
36
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
36
37
  }
37
38
 
38
39
  export interface FaqSectionProps {
@@ -40,6 +41,7 @@ export interface FaqSectionProps {
40
41
  description: string;
41
42
  faqItems: FaqItemProps[];
42
43
  className?: string;
44
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
43
45
  }
44
46
 
45
47
  export interface FastAndSimpleSectionProps {
@@ -8,5 +8,6 @@ export declare interface FaqItemProps {
8
8
  showMoreText?: string;
9
9
  collapsedButtonText?: string;
10
10
  expandedButtonText?: string;
11
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
11
12
  }
12
13
 
@@ -1,21 +1,22 @@
1
1
  import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
- import { useId as s } from "react";
3
- import { FaqItemWrapper as c } from "./FaqItemWrapper.js";
4
- import { Markdown as d } from "./Markdown.js";
5
- import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
6
- const w = ({
7
- question: a,
2
+ import { useId as c } from "react";
3
+ import { FaqItemWrapper as d } from "./FaqItemWrapper.js";
4
+ import { Markdown as p } from "./Markdown.js";
5
+ import { ChevronDownIcon as n } from "./ChevronDownIcon.js";
6
+ const b = ({
7
+ question: o,
8
8
  answer: i,
9
- showMoreText: n,
9
+ showMoreText: a,
10
10
  collapsedButtonText: l,
11
- expandedButtonText: m
11
+ expandedButtonText: m,
12
+ variant: s
12
13
  }) => {
13
- const t = `toggle-${s().replace(/:/g, "")}`;
14
- return /* @__PURE__ */ e("div", { className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ r(c, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: a }), children: [
15
- /* @__PURE__ */ e(d, { content: i, className: "text-medium" }),
16
- n && /* @__PURE__ */ r("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
14
+ const t = `toggle-${c().replace(/:/g, "")}`;
15
+ return /* @__PURE__ */ e("div", { className: "text-medium flex flex-col rounded bg-white p-4 text-neutral-800 shadow", children: /* @__PURE__ */ r(d, { question: /* @__PURE__ */ e("span", { className: "font-bold", children: o }), children: [
16
+ /* @__PURE__ */ e(p, { content: i, className: "text-medium", variant: s ?? "default" }),
17
+ a && /* @__PURE__ */ r("div", { className: "mt-4 rounded-lg bg-neutral-50 p-6", children: [
17
18
  /* @__PURE__ */ e("input", { type: "checkbox", id: t, className: "peer sr-only" }),
18
- /* @__PURE__ */ e("p", { className: "mb-4 line-clamp-4 text-xs leading-relaxed wrap-break-word text-neutral-800 peer-checked:line-clamp-none", children: n }),
19
+ /* @__PURE__ */ e("p", { className: "mb-4 line-clamp-4 text-xs leading-relaxed wrap-break-word text-neutral-800 peer-checked:line-clamp-none", children: a }),
19
20
  /* @__PURE__ */ r(
20
21
  "label",
21
22
  {
@@ -23,7 +24,7 @@ const w = ({
23
24
  className: "text-primary-700 flex cursor-pointer items-center gap-1 text-sm font-medium transition-colors peer-checked:hidden",
24
25
  children: [
25
26
  m,
26
- /* @__PURE__ */ e(o, { fill: "var(--primary-700)", className: "h-4 w-4 transition-transform duration-200" })
27
+ /* @__PURE__ */ e(n, { fill: "var(--primary-700)", className: "h-4 w-4 transition-transform duration-200" })
27
28
  ]
28
29
  }
29
30
  ),
@@ -35,7 +36,7 @@ const w = ({
35
36
  children: [
36
37
  l,
37
38
  /* @__PURE__ */ e(
38
- o,
39
+ n,
39
40
  {
40
41
  fill: "var(--primary-700)",
41
42
  className: "h-4 w-4 rotate-180 transition-transform duration-200"
@@ -48,5 +49,5 @@ const w = ({
48
49
  ] }) });
49
50
  };
50
51
  export {
51
- w as FaqItem
52
+ b as FaqItem
52
53
  };
@@ -6,6 +6,7 @@ export interface FaqItemProps {
6
6
  showMoreText?: string;
7
7
  collapsedButtonText?: string;
8
8
  expandedButtonText?: string;
9
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
9
10
  }
10
11
 
11
12
  export declare const FaqSection: FC<FaqSectionProps>;
@@ -15,5 +16,6 @@ export declare interface FaqSectionProps {
15
16
  description: string;
16
17
  faqItems: FaqItemProps[];
17
18
  className?: string;
19
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
18
20
  }
19
21
 
@@ -1,18 +1,18 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import "react";
3
- import { Markdown as m } from "./Markdown.js";
4
- import { FaqItem as n } from "./FaqItem.js";
5
- const p = ({ title: l, description: o, faqItems: r, className: s = "" }) => {
3
+ import { Markdown as n } from "./Markdown.js";
4
+ import { FaqItem as i } from "./FaqItem.js";
5
+ const u = ({ title: l, description: o, faqItems: r, className: s = "", variant: c }) => {
6
6
  if (r.length === 0) return null;
7
- const c = l.toLowerCase().replace(/\s+/g, "-");
8
- return /* @__PURE__ */ a("div", { id: c, className: `flex flex-col gap-2 text-neutral-800 ${s} scroll-mt-12 p-0.5`, children: [
7
+ const m = l.toLowerCase().replace(/\s+/g, "-");
8
+ return /* @__PURE__ */ a("div", { id: m, className: `flex flex-col gap-2 text-neutral-800 ${s} scroll-mt-12 p-0.5`, children: [
9
9
  /* @__PURE__ */ a("div", { className: "mb-4 flex flex-col", children: [
10
10
  /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: l }),
11
- o !== "" && /* @__PURE__ */ e(m, { content: o, className: "text-medium mt-6" })
11
+ o !== "" && /* @__PURE__ */ e(n, { content: o, className: "text-medium mt-6" })
12
12
  ] }),
13
- /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(n, { ...t }, t.question)) })
13
+ /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(i, { ...t, variant: c }, t.question)) })
14
14
  ] });
15
15
  };
16
16
  export {
17
- p as FaqSection
17
+ u as FaqSection
18
18
  };
@@ -13,6 +13,7 @@ export interface FaqItemProps {
13
13
  showMoreText?: string;
14
14
  collapsedButtonText?: string;
15
15
  expandedButtonText?: string;
16
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
16
17
  }
17
18
 
18
19
  export interface FaqSectionProps {
@@ -20,6 +21,7 @@ export interface FaqSectionProps {
20
21
  description: string;
21
22
  faqItems: FaqItemProps[];
22
23
  className?: string;
24
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
23
25
  }
24
26
 
25
27
  export declare const FaqsTemplate: FC<FaqsTemplateProps>;
@@ -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' | 'tooltip' | 'about-us';
6
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
7
7
  }
8
8
 
@@ -6,6 +6,6 @@ export declare interface MarkdownProps {
6
6
  content: string;
7
7
  className?: string;
8
8
  useCustom?: boolean;
9
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
9
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
10
10
  }
11
11
 
@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
3
3
  export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
4
4
 
5
5
  export interface OrderedListProps extends React.ComponentProps<'ol'> {
6
- variant?: 'default' | 'tooltip' | 'legal' | 'about-us';
6
+ variant?: 'default' | 'tooltip' | 'legal' | 'about-us' | 'pricing';
7
7
  }
8
8
 
@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
3
3
  export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
4
4
 
5
5
  export interface ParagraphProps extends React.ComponentProps<'p'> {
6
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
6
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
7
7
  }
8
8
 
@@ -17,6 +17,7 @@ export interface FaqItemProps {
17
17
  showMoreText?: string;
18
18
  collapsedButtonText?: string;
19
19
  expandedButtonText?: string;
20
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
20
21
  }
21
22
 
22
23
  export interface FaqSectionProps {
@@ -24,6 +25,7 @@ export interface FaqSectionProps {
24
25
  description: string;
25
26
  faqItems: FaqItemProps[];
26
27
  className?: string;
28
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
27
29
  }
28
30
 
29
31
  export type IconPosition = 'left' | 'right' | 'top';
@@ -1,6 +1,6 @@
1
- import { jsxs as c, jsx as o } from "react/jsx-runtime";
2
- import { PricingResourcesSection as s } from "./PricingResourcesSection.js";
3
- import { Jumbotron2 as a } from "./Jumbotron2.js";
1
+ import { jsxs as c, jsx as t } from "react/jsx-runtime";
2
+ import { PricingResourcesSection as a } from "./PricingResourcesSection.js";
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";
@@ -9,25 +9,25 @@ import { FaqSection as g } from "./FaqSection.js";
9
9
  const j = ({
10
10
  jumbotron: r,
11
11
  intro: n,
12
- plans: e,
13
- support: i,
12
+ plans: i,
13
+ support: e,
14
14
  offerings: m,
15
15
  faq: l,
16
- resources: t
16
+ resources: o
17
17
  }) => /* @__PURE__ */ c("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
18
- /* @__PURE__ */ o(a, { ...r, className: "bg-primary-50 w-full py-4 text-3xl" }),
19
- /* @__PURE__ */ o(f, { ...n, className: "bg-primary-50" }),
20
- /* @__PURE__ */ o(p, { ...e }),
21
- /* @__PURE__ */ o(
22
- s,
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
+ /* @__PURE__ */ t(p, { ...i }),
21
+ /* @__PURE__ */ t(
22
+ a,
23
23
  {
24
- firstColumnContent: t.firstColumnContent,
25
- secondColumnContent: t.secondColumnContent
24
+ firstColumnContent: o.firstColumnContent,
25
+ secondColumnContent: o.secondColumnContent
26
26
  }
27
27
  ),
28
- /* @__PURE__ */ o(u, { ...m }),
29
- /* @__PURE__ */ o(x, { ...i }),
30
- /* @__PURE__ */ o("div", { className: "bg-neutral-25 flex w-full justify-center pt-12 pb-20", children: /* @__PURE__ */ o(g, { ...l, className: "w-full max-w-300 px-5" }) })
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
@@ -54,6 +54,7 @@ export interface FaqItemProps {
54
54
  showMoreText?: string;
55
55
  collapsedButtonText?: string;
56
56
  expandedButtonText?: string;
57
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
57
58
  }
58
59
 
59
60
  export interface FaqSectionProps {
@@ -61,6 +62,7 @@ export interface FaqSectionProps {
61
62
  description: string;
62
63
  faqItems: FaqItemProps[];
63
64
  className?: string;
65
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
64
66
  }
65
67
 
66
68
  export interface FreeDocumentModalProps {
@@ -3,13 +3,13 @@ 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' | 'tooltip' | 'about-us';
6
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
7
7
  }
8
8
 
9
9
  export declare const Blockquote: ({ children, variant }: BlockquoteProps) => JSX.Element;
10
10
 
11
11
  export interface BlockquoteProps extends React.ComponentProps<'blockquote'> {
12
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
12
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
13
13
  }
14
14
 
15
15
  export declare const Code: ({ children, className }: React.ComponentProps<"code">) => JSX.Element;
@@ -21,7 +21,7 @@ export declare const Header1: ({ children }: React.ComponentProps<"h1">) => JSX.
21
21
  export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
22
22
 
23
23
  export interface Header2Props extends React.ComponentProps<'h2'> {
24
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
24
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
25
25
  }
26
26
 
27
27
  export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.Element;
@@ -31,13 +31,13 @@ export declare const Header4: ({ children }: React.ComponentProps<"h4">) => JSX.
31
31
  export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
32
32
 
33
33
  export interface OrderedListProps extends React.ComponentProps<'ol'> {
34
- variant?: 'default' | 'tooltip' | 'legal' | 'about-us';
34
+ variant?: 'default' | 'tooltip' | 'legal' | 'about-us' | 'pricing';
35
35
  }
36
36
 
37
37
  export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
38
38
 
39
39
  export interface ParagraphProps extends React.ComponentProps<'p'> {
40
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
40
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
41
41
  }
42
42
 
43
43
  export declare const Table: ({ children }: React.ComponentProps<"table">) => JSX.Element;
@@ -51,7 +51,7 @@ export declare const TableRow: ({ children }: React.ComponentProps<"tr">) => JSX
51
51
  export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
52
52
 
53
53
  export interface UnorderedListProps extends React.ComponentProps<'ul'> {
54
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
54
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
55
55
  }
56
56
 
57
57
  export declare const Video: ({ children }: React.ComponentProps<"video">) => JSX.Element;
@@ -3,6 +3,6 @@ import { JSX } from 'react/jsx-runtime';
3
3
  export declare const UnorderedList: ({ variant, children }: UnorderedListProps) => JSX.Element;
4
4
 
5
5
  export interface UnorderedListProps extends React.ComponentProps<'ul'> {
6
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
6
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
7
7
  }
8
8
 
@@ -8,7 +8,7 @@ export interface MarkdownProps {
8
8
  content: string;
9
9
  className?: string;
10
10
  useCustom?: boolean;
11
- variant?: 'default' | 'legal' | 'tooltip' | 'about-us';
11
+ variant?: 'default' | 'legal' | 'tooltip' | 'about-us' | 'pricing';
12
12
  }
13
13
 
14
14
  export declare const UnsubscribeTemplate: FC<UnsubscribeTemplateProps>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-contracts-ui",
3
- "version": "0.112.0",
3
+ "version": "0.113.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",