@npm_leadtech/legal-contracts-ui 0.66.1 → 0.67.0

package/dist/components/AllDocumentsTemplate.d.ts

@@ -63,8 +63,9 @@ export interface DocumentCategoriesProps {
 
 export interface DocumentItemProps {
     id: string;
-    link: ReactNode;
+    title: string;
     description: string;
+    featured?: boolean;
     className?: string;
 }
 

package/dist/components/CategoryProductTemplate.d.ts

@@ -75,8 +75,9 @@ export interface DocumentCategoriesProps {
 
 export interface DocumentItemProps {
     id: string;
-    link: ReactNode;
+    title: string;
     description: string;
+    featured?: boolean;
     className?: string;
 }
 

package/dist/components/DocumentItem.d.ts

@@ -1,12 +1,12 @@
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
 export declare const DocumentItem: FC<DocumentItemProps>;
 
 export declare interface DocumentItemProps {
     id: string;
-    link: ReactNode;
+    title: string;
     description: string;
+    featured?: boolean;
     className?: string;
 }
 

package/dist/components/DocumentItem.js

@@ -1,22 +1,19 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import n from "clsx";
-import { ChevronRightIcon as a } from "./ChevronRightIcon.js";
-const c = ({ link: t, description: o, className: i = "" }) => /* @__PURE__ */ r(
+import { ChevronRightIcon as m } from "./ChevronRightIcon.js";
+const n = ({ id: t, title: a, description: o, featured: s, className: d = "" }) => /* @__PURE__ */ r(
   "article",
   {
-    className: n(
-      '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-[""]',
-      i
-    ),
+    className: `rounded bg-white p-6 shadow-sm transition-shadow hover:shadow-md ${s ? "border-primary-500 border-2" : "border border-neutral-200"} ${d}`,
     children: [
-      /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
-        /* @__PURE__ */ e("p", { className: "font-bold", children: t }),
-        /* @__PURE__ */ e(a, { "aria-hidden": !0 })
+      /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
+        /* @__PURE__ */ e("p", { className: "text-medium flex-1 font-bold text-neutral-800", children: a }),
+        /* @__PURE__ */ e(m, { className: "h-5 w-5 text-neutral-800", "aria-hidden": !0 })
       ] }),
-      /* @__PURE__ */ e("p", { children: o })
+      /* @__PURE__ */ e("p", { className: "text-medium mt-2 text-neutral-800", children: o })
     ]
-  }
+  },
+  t
 );
 export {
-  c as DocumentItem
+  n as DocumentItem
 };

package/dist/components/DocumentSection.d.ts

@@ -3,8 +3,9 @@ import { ReactNode } from 'react';
 
 export interface DocumentItemProps {
     id: string;
-    link: ReactNode;
+    title: string;
     description: string;
+    featured?: boolean;
     className?: string;
 }
 

package/dist/components/DocumentSection.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { DocumentItem as i } from "./DocumentItem.js";
-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: [
+import { DocumentItem as n } from "./DocumentItem.js";
+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: [
   /* @__PURE__ */ a("div", { className: "bg-neutral-25 flex flex-col gap-4 rounded p-6", children: [
     /* @__PURE__ */ a("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ e("span", { className: "bg-primary-50 rounded-md p-3", "aria-hidden": !0, children: c }),
@@ -8,8 +8,8 @@ const p = ({ id: r, title: s, description: t, icon: c, documents: m }) => /* @__
     ] }),
     /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: t })
   ] }),
-  /* @__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)) })
-] });
+  /* @__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)) })
+] }, l);
 export {
   p as DocumentSection
 };

package/dist/components/Header2.d.ts

@@ -1,4 +1,8 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Header2: ({ children }: React.ComponentProps<"h2">) => JSX.Element;
+export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
+
+export interface Header2Props extends React.ComponentProps<'h2'> {
+    variant?: 'default' | 'legal' | 'tooltip';
+}
 

package/dist/components/Header2.js

@@ -1,5 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-const m = ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-5 mb-6 text-3xl font-bold text-neutral-800", children: t });
+import r from "clsx";
+const s = ({ children: t, variant: a = "default" }) => /* @__PURE__ */ e("h2", { className: r("mt-5 text-3xl font-bold", {
+  default: "mb-3 text-gray-900",
+  legal: "mb-6 text-neutral-800"
+}[a]), children: t });
 export {
-  m as Header2
+  s as Header2
 };

package/dist/components/LegalTemplate.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+
+export interface Jumbotron3Props {
+    title: string;
+}
+
+export declare const LegalTemplate: FC<LegalTemplateProps>;
+
+export declare interface LegalTemplateProps {
+    jumbotron: Jumbotron3Props;
+    legalSection: string;
+}
+

package/dist/components/LegalTemplate.js

@@ -0,0 +1,10 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { Jumbotron3 as t } from "./Jumbotron3.js";
+import { Markdown as a } from "./Markdown.js";
+const i = ({ jumbotron: e, legalSection: r }) => /* @__PURE__ */ o("main", { className: "bg-neutral-white flex w-full flex-col", children: [
+  /* @__PURE__ */ l(t, { ...e }),
+  /* @__PURE__ */ l("div", { className: "xl:px-ds-10xl px-6 py-8 md:px-8", children: /* @__PURE__ */ l(a, { content: r, variant: "legal" }) })
+] });
+export {
+  i as LegalTemplate
+};

package/dist/components/Markdown.js

@@ -1,46 +1,46 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import n from "react-markdown";
-import i from "rehype-raw";
-import a from "remark-gfm";
+import a from "rehype-raw";
+import i from "remark-gfm";
 import { Anchor as d } from "./Anchor.js";
 import { Blockquote as f } from "./Blockquote.js";
 import { Code as c } from "./Code.js";
-import { Header1 as l } from "./Header1.js";
+import { Header1 as h } from "./Header1.js";
 import { Header2 as s } from "./Header2.js";
-import { Header3 as h } from "./Header3.js";
+import { Header3 as l } from "./Header3.js";
 import { Header4 as u } from "./Header4.js";
 import { OrderedList as C } from "./OrderedList.js";
 import { Paragraph as b } from "./Paragraph.js";
-import { TableRow as k, TableHeader as H, TableData as w, Table as T } from "./Table.js";
-import { UnorderedList as g } from "./UnorderedList.js";
+import { TableRow as k, TableHeader as g, TableData as H, Table as w } from "./Table.js";
+import { UnorderedList as T } from "./UnorderedList.js";
 import { Video as P } from "./Video.js";
 import { Emphasis as R } from "./Emphasis.js";
-const N = ({ content: e, className: t = "", useCustom: p = !0, variant: m = "default" }) => /* @__PURE__ */ o("div", { className: t, children: /* @__PURE__ */ o(
+const S = ({ content: m, className: t = "", useCustom: p = !0, variant: e = "default" }) => /* @__PURE__ */ r("div", { className: t, children: /* @__PURE__ */ r(
   n,
   {
-    rehypePlugins: [i],
-    remarkPlugins: [a],
+    rehypePlugins: [a],
+    remarkPlugins: [i],
     components: p ? {
-      h1: l,
-      h2: s,
-      h3: h,
+      h1: h,
+      h2: (o) => /* @__PURE__ */ r(s, { variant: e, ...o }),
+      h3: l,
       h4: u,
-      p: b,
-      a: (r) => /* @__PURE__ */ o(d, { variant: m, ...r }),
-      ul: (r) => /* @__PURE__ */ o(g, { variant: m, ...r }),
+      p: (o) => /* @__PURE__ */ r(b, { variant: e, ...o }),
+      a: (o) => /* @__PURE__ */ r(d, { variant: e, ...o }),
+      ul: (o) => /* @__PURE__ */ r(T, { variant: e, ...o }),
       ol: C,
       code: c,
       blockquote: f,
       video: P,
-      table: T,
-      td: w,
-      th: H,
+      table: w,
+      td: H,
+      th: g,
       tr: k,
       em: R
     } : void 0,
-    children: e
+    children: m
   }
 ) });
 export {
-  N as Markdown
+  S as Markdown
 };

package/dist/components/NotFoundTemplate.d.ts

@@ -28,8 +28,9 @@ export interface ContactMethodsSectionProps {
 
 export interface DocumentItemProps {
     id: string;
-    link: ReactNode;
+    title: string;
     description: string;
+    featured?: boolean;
     className?: string;
 }
 

package/dist/components/Paragraph.d.ts

@@ -1,4 +1,8 @@
 import { JSX } from 'react/jsx-runtime';
 
-export declare const Paragraph: ({ children }: React.ComponentProps<"p">) => JSX.Element;
+export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
+
+export interface ParagraphProps extends React.ComponentProps<'p'> {
+    variant?: 'default' | 'legal' | 'tooltip';
+}
 

package/dist/components/Paragraph.js

@@ -1,5 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-const o = ({ children: a }) => /* @__PURE__ */ r("p", { className: "mb-4", children: a });
+import e from "clsx";
+const m = ({ variant: a = "default", children: t }) => /* @__PURE__ */ r("p", { className: e("mb-4", {
+  default: "",
+  legal: "text-neutral-800"
+}[a]), children: t });
 export {
-  o as Paragraph
+  m as Paragraph
 };

package/dist/components/UiComponents.d.ts

@@ -14,7 +14,11 @@ export declare const Emphasis: ({ children }: React.ComponentProps<"em">) => JSX
 
 export declare const Header1: ({ children }: React.ComponentProps<"h1">) => JSX.Element;
 
-export declare const Header2: ({ children }: React.ComponentProps<"h2">) => JSX.Element;
+export declare const Header2: ({ children, variant }: Header2Props) => JSX.Element;
+
+export interface Header2Props extends React.ComponentProps<'h2'> {
+    variant?: 'default' | 'legal' | 'tooltip';
+}
 
 export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.Element;
 
@@ -22,7 +26,11 @@ export declare const Header4: ({ children }: React.ComponentProps<"h4">) => JSX.
 
 export declare const OrderedList: ({ children }: React.ComponentProps<"ol">) => JSX.Element;
 
-export declare const Paragraph: ({ children }: React.ComponentProps<"p">) => JSX.Element;
+export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
+
+export interface ParagraphProps extends React.ComponentProps<'p'> {
+    variant?: 'default' | 'legal' | 'tooltip';
+}
 
 export declare const Table: ({ children }: React.ComponentProps<"table">) => JSX.Element;