@npm_leadtech/legal-contracts-ui 0.71.1 → 0.72.0

package/dist/components/Anchor.js

@@ -1,12 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import s from "clsx";
-const i = ({ children: e, variant: t = "default", className: a = "", ...n }) => {
-  const r = {
+import { jsx as n } from "react/jsx-runtime";
+import l from "clsx";
+const m = ({ children: t, variant: r = "default", className: e = "", ...a }) => {
+  const i = a.href?.toLowerCase().startsWith("mailto:"), c = r === "legal", o = {
     default: "text-neutral-900 underline ",
-    legal: "text-primary-700"
-  }, l = r[t] ?? r.default;
-  return /* @__PURE__ */ o("a", { className: s(a, l), target: "_blank", rel: "noopener noreferrer", ...n, children: e });
+    legal: "text-primary-700 cursor-pointer"
+  }, s = o[r] ?? o.default;
+  return c && i ? /* @__PURE__ */ n("span", { className: l(e, s), children: t }) : /* @__PURE__ */ n("a", { className: l(e, s), target: "_blank", rel: "noopener noreferrer", ...a, children: t });
 };
 export {
-  i as Anchor
+  m as Anchor
 };

package/dist/components/BlogSection.js

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as a } from "./SectionHeading.js";
-import { LinkWrapper as d } from "./LinkWrapper.js";
-const x = ({ header: m, articles: r, cta: t }) => r.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
-  /* @__PURE__ */ e(a, { ...m }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: r.map((l) => /* @__PURE__ */ i("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
-    /* @__PURE__ */ e("div", { className: "relative h-42 shrink-0 overflow-hidden rounded-t-sm md:h-full md:max-w-51 md:rounded-t-none md:rounded-l-sm [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l.image }),
+import { SectionHeading as o } from "./SectionHeading.js";
+import { LinkWrapper as r } from "./LinkWrapper.js";
+const x = ({ header: t, articles: a, cta: m }) => a.length === 0 ? null : /* @__PURE__ */ e("section", { className: "mx-auto px-8 pt-10 pb-12 lg:px-12 lg:pb-14 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ i("div", { className: "mx-auto flex flex-col items-center gap-8", children: [
+  /* @__PURE__ */ e(o, { ...t }),
+  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2", children: a.map((l) => /* @__PURE__ */ i("article", { className: "flex flex-col rounded-sm bg-white shadow md:flex-row", children: [
+    /* @__PURE__ */ e("div", { className: "relative h-42 shrink-0 overflow-hidden rounded-l-sm md:h-50 lg:h-auto lg:max-w-51 [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: l.image }),
     /* @__PURE__ */ i("div", { className: "flex flex-col gap-4 p-6 text-neutral-800", children: [
       /* @__PURE__ */ e("h3", { className: "text-big font-semibold", children: l.title }),
       /* @__PURE__ */ e("p", { className: "text-medium", children: l.description }),
-      /* @__PURE__ */ e(d, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
+      /* @__PURE__ */ e(r, { className: "w-fit", variant: "tertiary-bold", children: l.cta })
     ] })
   ] }, l.title)) }),
-  /* @__PURE__ */ e(d, { className: "w-full md:w-fit", variant: "secondary-green", children: t })
+  /* @__PURE__ */ e(r, { className: "w-full md:w-fit", variant: "secondary-green", children: m })
 ] }) });
 export {
   x as BlogSection

package/dist/components/Emphasis.js

@@ -1,5 +1,5 @@
-import { jsx as o } from "react/jsx-runtime";
-const m = ({ children: t }) => /* @__PURE__ */ o("em", { className: "font-normal text-neutral-600 not-italic", children: t });
+import { jsx as a } from "react/jsx-runtime";
+const i = ({ children: t }) => /* @__PURE__ */ a("em", { className: "font-normal tracking-tight text-neutral-600 not-italic", children: t });
 export {
-  m as Emphasis
+  i as Emphasis
 };

package/dist/components/Markdown.js

@@ -2,8 +2,8 @@ import { jsx as r } from "react/jsx-runtime";
 import a from "react-markdown";
 import i from "rehype-raw";
 import d from "remark-gfm";
-import { Anchor as f } from "./Anchor.js";
-import { Blockquote as l } from "./Blockquote.js";
+import { Anchor as l } from "./Anchor.js";
+import { Blockquote as f } from "./Blockquote.js";
 import { Code as c } from "./Code.js";
 import { Header1 as s } from "./Header1.js";
 import { Header2 as h } from "./Header2.js";
@@ -16,18 +16,18 @@ import { UnorderedList as x } from "./UnorderedList.js";
 import { Video as P } from "./Video.js";
 import { Emphasis as R } from "./Emphasis.js";
 import q from "clsx";
-const X = ({ content: m, className: t = "", useCustom: p = !0, variant: e = "default" }) => {
+const Z = ({ content: m, className: t = "", useCustom: p = !0, variant: e = "default" }) => {
   const n = {
     h1: s,
     h2: (o) => /* @__PURE__ */ r(h, { variant: e, ...o }),
     h3: u,
     h4: C,
     p: (o) => /* @__PURE__ */ r(k, { variant: e, ...o }),
-    a: (o) => /* @__PURE__ */ r(f, { variant: e, ...o }),
+    a: (o) => /* @__PURE__ */ r(l, { variant: e, ...o }),
     ul: (o) => /* @__PURE__ */ r(x, { variant: e, ...o }),
-    ol: b,
+    ol: (o) => /* @__PURE__ */ r(b, { variant: e, ...o }),
     code: c,
-    blockquote: l,
+    blockquote: f,
     video: P,
     table: T,
     td: H,
@@ -46,5 +46,5 @@ const X = ({ content: m, className: t = "", useCustom: p = !0, variant: e = "def
   ) });
 };
 export {
-  X as Markdown
+  Z as Markdown
 };

package/dist/components/OrderedList.d.ts

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

package/dist/components/OrderedList.js

@@ -1,5 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-const i = ({ children: s }) => /* @__PURE__ */ e("ol", { className: "mb-4 list-inside list-decimal space-y-2 text-gray-900", children: s });
+import { jsx as s } from "react/jsx-runtime";
+const i = ({ variant: t = "default", children: e }) => /* @__PURE__ */ s("ol", { className: {
+  default: "mb-4 list-inside list-decimal text-gray-900 space-y-2",
+  legal: "list-outside list-decimal pl-8 mb-4 text-neutral-800 space-y-4"
+}[t], children: e });
 export {
   i as OrderedList
 };

package/dist/components/Paragraph.js

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

package/dist/components/UiComponents.d.ts

@@ -24,7 +24,11 @@ export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.
 
 export declare const Header4: ({ children }: React.ComponentProps<"h4">) => JSX.Element;
 
-export declare const OrderedList: ({ children }: React.ComponentProps<"ol">) => JSX.Element;
+export declare const OrderedList: ({ variant, children }: OrderedListProps) => JSX.Element;
+
+export interface OrderedListProps extends React.ComponentProps<'ol'> {
+    variant?: 'default' | 'tooltip' | 'legal';
+}
 
 export declare const Paragraph: ({ variant, children }: ParagraphProps) => JSX.Element;
 

package/dist/components/UnorderedList.js

@@ -1,10 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "clsx";
-const o = ({ variant: t = "default", children: r }) => /* @__PURE__ */ a("ul", { className: e("flex list-inside list-disc flex-col px-4 text-neutral-900", {
-  default: "bg-primary-50 gap-4 mb-4 py-2",
-  legal: "gap-4 mb-4 py-2",
-  tooltip: "gap-2 marker:text-secondary-600"
-}[t]), children: r });
+import { jsx as i } from "react/jsx-runtime";
+import r from "clsx";
+const p = ({ variant: t = "default", children: e }) => {
+  const l = {
+    default: "flex list-inside list-disc flex-col px-4 text-neutral-900",
+    legal: "list-outside list-disc pl-8 pr-4 text-neutral-800",
+    tooltip: "flex list-inside list-disc flex-col px-4 text-neutral-900"
+  }, s = {
+    default: "bg-primary-50 gap-4 mb-4 py-2",
+    legal: "space-y-4 mb-4 py-2",
+    tooltip: "gap-2 marker:text-secondary-600"
+  };
+  return /* @__PURE__ */ i("ul", { className: r(l[t], s[t]), children: e });
+};
 export {
-  o as UnorderedList
+  p as UnorderedList
 };