@npm_leadtech/legal-contracts-ui 0.154.1 → 0.154.3

package/dist/components/BenefitsBar.js

@@ -9,7 +9,7 @@ const d = {
   time: /* @__PURE__ */ e(s, { "data-testid": "icon-3", className: "size-6 md:size-10", "aria-hidden": !0 })
 }, x = ({ benefits: t }) => /* @__PURE__ */ e("div", { className: "flex bg-neutral-200 px-6 py-4 md:justify-center md:py-6 lg:py-4", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 text-neutral-800 md:flex-row md:gap-12 lg:gap-20", children: t.map((i) => /* @__PURE__ */ a("div", { className: "flex items-center gap-4 md:gap-2", children: [
   d[i.src],
-  /* @__PURE__ */ e("p", { className: "text-medium whitespace-nowrap", children: i.text })
+  /* @__PURE__ */ e("p", { className: "text-medium", children: i.text })
 ] }, i.text)) }) });
 export {
   x as BenefitsBar

package/dist/components/Item.js

@@ -1,38 +1,38 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
 import o from "clsx";
-import { ChevronRightIcon as n } from "./ChevronRightIcon.js";
+import { ChevronRightIcon as m } from "./ChevronRightIcon.js";
 const b = ({
-  image: c,
+  image: i,
   title: t,
   description: a,
-  documentUrl: l,
+  documentUrl: s,
   variant: r = "default",
-  className: d = ""
+  className: c = ""
 }) => {
-  const i = {
+  const d = {
     default: "py-4 px-2 items-start",
     card: "border border-0.5 border-neutral-200 shadow-lg bg-white pl-6 pr-4 py-5"
-  }, m = {
+  }, n = {
     default: "",
     card: "font-bold"
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
       className: o(
         'hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
-        i[r],
-        d
+        d[r],
+        c
       ),
       children: [
-        c,
-        /* @__PURE__ */ s("div", { className: "flex flex-1 flex-col gap-1", children: [
-          t && /* @__PURE__ */ e("p", { className: o("text-medium text-neutral-800", m[r]), children: t }),
+        /* @__PURE__ */ e("div", { className: "shrink-0", children: i }),
+        /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-1", children: [
+          t && /* @__PURE__ */ e("p", { className: o("text-medium text-neutral-800", n[r]), children: t }),
           a && /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-600", children: a })
         ] }),
-        !!l && /* @__PURE__ */ e("div", { className: "h-0 w-0 opacity-0", children: l }),
-        r === "card" && /* @__PURE__ */ e(n, { width: 20, height: 20 })
+        !!s && /* @__PURE__ */ e("div", { className: "h-0 w-0 opacity-0", children: s }),
+        r === "card" && /* @__PURE__ */ e(m, { width: 20, height: 20 })
       ]
     }
   );

package/dist/components/MobileMenu.js

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import "react";
-import { SearchBar as x } from "./SearchBar.js";
+import { SearchBar as u } from "./SearchBar.js";
 import { CloseIcon as f } from "./CloseIcon.js";
-import { LinkWrapper as b } from "./LinkWrapper.js";
-import { PhoneTalkIcon as h } from "./PhoneTalkIcon.js";
-const H = ({
+import { LinkWrapper as h } from "./LinkWrapper.js";
+import { PhoneTalkIcon as b } from "./PhoneTalkIcon.js";
+const k = ({
   isOpen: s,
   onClose: m,
   logo: d,
@@ -12,7 +12,7 @@ const H = ({
   searchBarProps: o,
   sections: p = [],
   contactInfo: t,
-  closeText: u
+  closeText: x
 }) => /* @__PURE__ */ l(
   "div",
   {
@@ -27,7 +27,7 @@ const H = ({
             onClick: m,
             "aria-label": "Close menu",
             children: [
-              u,
+              x,
               /* @__PURE__ */ r(f, { fill: "var(--color-primary-700)" })
             ]
           }
@@ -36,11 +36,11 @@ const H = ({
       /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-6 px-6", children: [
           /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: c }),
-          /* @__PURE__ */ r(x, { ...o })
+          /* @__PURE__ */ r(u, { ...o })
         ] }),
         /* @__PURE__ */ r("nav", { id: "mobile-nav", className: "flex flex-col gap-0", children: p.map((e, n) => {
           const i = e.icon != null;
-          return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: /* @__PURE__ */ r(b, { variant: "secondary-green", children: e.content }) }, e.id ?? `custom-${n.toString()}`) : /* @__PURE__ */ l(
+          return e.content != null ? /* @__PURE__ */ r("div", { className: "flex items-center px-6 pb-8", children: /* @__PURE__ */ r(h, { variant: "secondary-green", children: e.content }) }, e.id ?? `custom-${n.toString()}`) : /* @__PURE__ */ l(
             "div",
             {
               className: e.title !== "" && !i ? "border-t border-b border-neutral-200 pt-4" : "",
@@ -70,7 +70,7 @@ const H = ({
               href: `tel:${t.phoneNumber.replaceAll(" ", "")}`,
               className: "bg-primary-700 flex w-full items-center justify-center gap-2 rounded-md p-3 text-base font-semibold text-white",
               children: [
-                /* @__PURE__ */ r(h, { fill: "#ffff" }),
+                /* @__PURE__ */ r(b, { fill: "#ffff" }),
                 t.phoneNumber
               ]
             }
@@ -80,7 +80,7 @@ const H = ({
               t.contactHoursLabel,
               " "
             ] }),
-            !t.contactHoursLabel?.includes(t.contactHours) && t.contactHours
+            t.contactHours
           ] })
         ] })
       ] })
@@ -88,5 +88,5 @@ const H = ({
   }
 );
 export {
-  H as MobileMenu
+  k as MobileMenu
 };

package/dist/components/MoreTemplatesSection.js

@@ -1,19 +1,27 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
-import { SectionHeading as s } from "./SectionHeading.js";
+import n from "clsx";
+import { SectionHeading as a } from "./SectionHeading.js";
 import { Item as d } from "./Item.js";
-import { ChevronDownIcon as a } from "./ChevronDownIcon.js";
-const b = ({ header: o, moreDocuments: l = [] }) => l.length === 0 ? null : /* @__PURE__ */ i("section", { className: "mx-auto px-6 py-10 text-neutral-800 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
-  /* @__PURE__ */ i("div", { className: "hidden flex-col gap-6 md:flex", children: [
-    /* @__PURE__ */ e(s, { ...o, align: "start", className: "pl-7" }),
-    /* @__PURE__ */ e("div", { className: "grid grid-flow-col grid-rows-3", children: l.map((r, n) => /* @__PURE__ */ e("div", { className: `border-neutral-200 px-6 ${n < 6 ? "border-r" : ""} `, children: /* @__PURE__ */ e(d, { ...r }) }, `desktop-${r.id}`)) })
+import { ChevronDownIcon as t } from "./ChevronDownIcon.js";
+const b = ({ header: o, moreDocuments: i = [] }) => i.length === 0 ? null : /* @__PURE__ */ l("section", { className: "mx-auto px-6 py-10 text-neutral-800 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ l("div", { className: "hidden flex-col gap-6 md:flex", children: [
+    /* @__PURE__ */ e(a, { ...o, align: "start", className: "pl-7" }),
+    /* @__PURE__ */ e("div", { className: "grid grid-flow-col grid-rows-3", children: i.map((r, s) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: n("max-w-51 border-neutral-200 px-6 lg:max-w-full", s < 6 && "border-r"),
+        children: /* @__PURE__ */ e(d, { ...r })
+      },
+      `desktop-${r.id}`
+    )) })
   ] }),
-  /* @__PURE__ */ e("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ i("details", { className: "group", children: [
-    /* @__PURE__ */ i("summary", { className: "flex cursor-pointer list-none items-center justify-between rounded-sm border border-neutral-200 p-4", children: [
+  /* @__PURE__ */ e("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ l("details", { className: "group", children: [
+    /* @__PURE__ */ l("summary", { className: "flex cursor-pointer list-none items-center justify-between rounded-sm border border-neutral-200 p-4", children: [
       /* @__PURE__ */ e("span", { children: o.title }),
-      /* @__PURE__ */ e(a, { className: "h-5 w-5 transition-transform group-open:rotate-180" })
+      /* @__PURE__ */ e(t, { className: "h-5 w-5 transition-transform group-open:rotate-180" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col border-x border-b border-neutral-200", children: l.map((r) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex flex-col border-x border-b border-neutral-200", children: i.map((r) => /* @__PURE__ */ e(
       d,
       {
         id: r.id,

package/dist/components/TrustPilotSection.js

@@ -1,12 +1,12 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Markdown as x } from "./Markdown.js";
-const c = ({ trustPilot: l, content: a, title: s }) => /* @__PURE__ */ t("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: [
-  /* @__PURE__ */ t("div", { className: "mx-auto w-fit", children: [
-    /* @__PURE__ */ e("h2", { className: "text-super-large mb-8 text-center font-bold text-neutral-800", children: s }),
-    /* @__PURE__ */ e(x, { content: a, variant: "about-us", className: "mx-auto" })
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Markdown as s } from "./Markdown.js";
+const r = ({ trustPilot: a, content: t, title: x }) => /* @__PURE__ */ l("section", { className: "mx-auto bg-white px-6 py-8 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
+  /* @__PURE__ */ l("div", { className: "mx-auto w-fit", children: [
+    /* @__PURE__ */ e("h2", { className: "text-super-large mb-8 text-center font-bold text-neutral-800", children: x }),
+    /* @__PURE__ */ e(s, { content: t, variant: "about-us", className: "mx-auto" })
   ] }),
-  !!l && /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-6xl md:h-34", children: l }) })
+  !!a && /* @__PURE__ */ e("section", { className: "bg-white px-6 py-8 lg:px-8 lg:py-12 xl:px-0", children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-6xl md:h-34", children: a }) })
 ] });
 export {
-  c as TrustPilotSection
+  r as TrustPilotSection
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.154.1",
+  "version": "0.154.3",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",