@npm_leadtech/legal-contracts-ui 0.67.0 → 0.67.2

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.
@@ -63,9 +63,8 @@ export interface DocumentCategoriesProps {
63
63
 
64
64
  export interface DocumentItemProps {
65
65
  id: string;
66
- title: string;
66
+ link: ReactNode;
67
67
  description: string;
68
- featured?: boolean;
69
68
  className?: string;
70
69
  }
71
70
 
@@ -1,29 +1,30 @@
1
- import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
- import { JumboCard as c } from "./JumboCard.js";
3
- import { Breadcrumb as n } from "./Breadcrumb.js";
4
- import { DocumentCategories as s } from "./DocumentCategories.js";
5
- import { DocumentSection as x } from "./DocumentSection.js";
6
- import { ContentItem as d } from "./ContentItem.js";
7
- import { FaqSection as f } from "./FaqSection.js";
8
- const w = ({
9
- jumbo: o,
10
- breadcrumb: t,
11
- categories: l,
12
- documentSections: a,
13
- contentItems: i,
14
- faqSection: p
15
- }) => /* @__PURE__ */ m("main", { className: "mx-auto flex-1 px-6 py-8 lg:px-8 xl:max-w-300 xl:px-0", children: [
16
- /* @__PURE__ */ r(c, { ...o }),
17
- /* @__PURE__ */ r(n, { ...t, className: "pb-4" }),
18
- /* @__PURE__ */ m("div", { className: "mx-auto flex flex-col justify-center gap-30 text-neutral-800 lg:flex-row", children: [
19
- /* @__PURE__ */ r(s, { ...l }),
20
- /* @__PURE__ */ m("div", { className: "pb-8", children: [
21
- a.map((e) => /* @__PURE__ */ r(x, { ...e }, e.id)),
22
- /* @__PURE__ */ r("div", { className: "w-full border-t border-neutral-200 py-10", children: i.map((e) => /* @__PURE__ */ r(d, { ...e }, e.id)) }),
23
- /* @__PURE__ */ r(f, { ...p })
1
+ import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
+ import { JumboCard as i } from "./JumboCard.js";
3
+ import { Breadcrumb as s } from "./Breadcrumb.js";
4
+ import { DocumentCategories as x } from "./DocumentCategories.js";
5
+ import { DocumentSection as n } from "./DocumentSection.js";
6
+ import { ContentItem as f } from "./ContentItem.js";
7
+ import { FaqSection as u } from "./FaqSection.js";
8
+ const v = ({
9
+ jumbo: r,
10
+ breadcrumb: a,
11
+ categories: o,
12
+ documentSections: t,
13
+ contentItems: p,
14
+ faqSection: c
15
+ }) => /* @__PURE__ */ l("main", { className: "mx-auto flex-1 px-6 py-8 lg:px-8 xl:max-w-300 xl:px-0", children: [
16
+ /* @__PURE__ */ e(i, { ...r }),
17
+ /* @__PURE__ */ e(s, { ...a, className: "pb-4" }),
18
+ /* @__PURE__ */ l("div", { className: "mx-auto flex flex-col justify-center gap-30 text-neutral-800 lg:flex-row", children: [
19
+ /* @__PURE__ */ e(x, { ...o }),
20
+ /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 pb-15.5", children: [
21
+ t.map((m) => /* @__PURE__ */ e(n, { ...m }, m.id)),
22
+ /* @__PURE__ */ e("span", { className: "h-px w-full bg-neutral-200" }),
23
+ /* @__PURE__ */ e("div", { className: "w-full", children: p.map((m) => /* @__PURE__ */ e(f, { ...m }, m.id)) }),
24
+ /* @__PURE__ */ e(u, { ...c })
24
25
  ] })
25
26
  ] })
26
27
  ] });
27
28
  export {
28
- w as AllDocumentsTemplate
29
+ v as AllDocumentsTemplate
29
30
  };
@@ -75,9 +75,8 @@ export interface DocumentCategoriesProps {
75
75
 
76
76
  export interface DocumentItemProps {
77
77
  id: string;
78
- title: string;
78
+ link: ReactNode;
79
79
  description: string;
80
- featured?: boolean;
81
80
  className?: string;
82
81
  }
83
82
 
@@ -1,12 +1,12 @@
1
1
  import { FC } from 'react';
2
+ import { ReactNode } from 'react';
2
3
 
3
4
  export declare const DocumentItem: FC<DocumentItemProps>;
4
5
 
5
6
  export declare interface DocumentItemProps {
6
7
  id: string;
7
- title: string;
8
+ link: ReactNode;
8
9
  description: string;
9
- featured?: boolean;
10
10
  className?: string;
11
11
  }
12
12
 
@@ -1,19 +1,22 @@
1
1
  import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { ChevronRightIcon as m } from "./ChevronRightIcon.js";
3
- const n = ({ id: t, title: a, description: o, featured: s, className: d = "" }) => /* @__PURE__ */ r(
2
+ import n from "clsx";
3
+ import { ChevronRightIcon as l } from "./ChevronRightIcon.js";
4
+ const m = ({ link: t, description: o, className: i = "" }) => /* @__PURE__ */ r(
4
5
  "article",
5
6
  {
6
- className: `rounded bg-white p-6 shadow-sm transition-shadow hover:shadow-md ${s ? "border-primary-500 border-2" : "border border-neutral-200"} ${d}`,
7
+ className: n(
8
+ 'hover:border-primary-500 text-medium hover:ring-primary-500 relative flex cursor-pointer flex-col gap-2 rounded border border-neutral-200 bg-white pt-4 pr-4 pb-6 pl-6 text-neutral-800 transition-all hover:ring-1 hover:ring-inset [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
9
+ i
10
+ ),
7
11
  children: [
8
- /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
9
- /* @__PURE__ */ e("p", { className: "text-medium flex-1 font-bold text-neutral-800", children: a }),
10
- /* @__PURE__ */ e(m, { className: "h-5 w-5 text-neutral-800", "aria-hidden": !0 })
12
+ /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
13
+ /* @__PURE__ */ e("p", { className: "flex-1 font-bold", children: t }),
14
+ /* @__PURE__ */ e(l, { "aria-hidden": !0 })
11
15
  ] }),
12
- /* @__PURE__ */ e("p", { className: "text-medium mt-2 text-neutral-800", children: o })
16
+ /* @__PURE__ */ e("p", { children: o })
13
17
  ]
14
- },
15
- t
18
+ }
16
19
  );
17
20
  export {
18
- n as DocumentItem
21
+ m as DocumentItem
19
22
  };
@@ -3,9 +3,8 @@ import { ReactNode } from 'react';
3
3
 
4
4
  export interface DocumentItemProps {
5
5
  id: string;
6
- title: string;
6
+ link: ReactNode;
7
7
  description: string;
8
- featured?: boolean;
9
8
  className?: string;
10
9
  }
11
10
 
@@ -1,15 +1,15 @@
1
- import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
- import { DocumentItem as n } from "./DocumentItem.js";
3
- const p = ({ id: l, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ a("article", { id: l, className: "flex-1 scroll-mt-32 space-y-6", children: [
4
- /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
5
- /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
6
- /* @__PURE__ */ e("span", { className: "bg-primary-50 rounded-md p-3", "aria-hidden": !0, children: c }),
7
- /* @__PURE__ */ e("p", { className: "font-lora text-super-large text-neutral-900", children: s })
8
- ] }),
9
- /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t })
1
+ import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
+ import { DocumentItem as i } from "./DocumentItem.js";
3
+ const o = ({ id: r, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ l("article", { id: r, className: "flex max-w-198 scroll-mt-25 flex-col gap-6", children: [
4
+ /* @__PURE__ */ l("div", { className: "flex gap-4 rounded bg-neutral-50 p-6", children: [
5
+ c,
6
+ /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-2 text-neutral-800", children: [
7
+ /* @__PURE__ */ e("p", { className: "font-lora text-super-large", children: s }),
8
+ /* @__PURE__ */ e("p", { className: "text-medium", children: t })
9
+ ] })
10
10
  ] }),
11
- /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-6 pb-6", children: m.map((r) => /* @__PURE__ */ e(n, { ...r, className: "w-48/100" }, r.id)) })
12
- ] }, l);
11
+ /* @__PURE__ */ e("div", { className: "flex flex-wrap justify-between gap-6", children: m.map((a) => /* @__PURE__ */ e(i, { ...a, className: "w-full md:w-48/100" }, a.id)) })
12
+ ] });
13
13
  export {
14
- p as DocumentSection
14
+ o as DocumentSection
15
15
  };
@@ -28,9 +28,8 @@ export interface ContactMethodsSectionProps {
28
28
 
29
29
  export interface DocumentItemProps {
30
30
  id: string;
31
- title: string;
31
+ link: ReactNode;
32
32
  description: string;
33
- featured?: boolean;
34
33
  className?: string;
35
34
  }
36
35