@npm_leadtech/legal-contracts-ui 0.66.0 → 0.66.1

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
 
@@ -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 a } from "./ChevronRightIcon.js";
4
+ const c = ({ 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 max-w-93.75 flex-col gap-2 rounded border border-neutral-200 bg-white pt-4 pr-4 pb-6 pl-6 text-neutral-800 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: "font-bold", children: t }),
14
+ /* @__PURE__ */ e(a, { "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
+ c 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,6 +1,6 @@
1
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: [
2
+ import { DocumentItem as i } from "./DocumentItem.js";
3
+ const p = ({ id: r, title: s, description: t, icon: c, documents: m }) => /* @__PURE__ */ a("article", { id: r, className: "flex-1 scroll-mt-25 space-y-6", children: [
4
4
  /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
5
5
  /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
6
6
  /* @__PURE__ */ e("span", { className: "bg-primary-50 rounded-md p-3", "aria-hidden": !0, children: c }),
@@ -8,8 +8,8 @@ const p = ({ id: l, title: s, description: t, icon: c, documents: m }) => /* @__
8
8
  ] }),
9
9
  /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t })
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 gap-6 pb-6", children: m.map((l) => /* @__PURE__ */ e(i, { ...l, className: "w-48/100" }, l.id)) })
12
+ ] });
13
13
  export {
14
14
  p 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