@npm_leadtech/legal-contracts-ui 0.90.0 → 0.90.1

package/dist/components/GuidelinesSection.js

@@ -1,24 +1,22 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { SectionHeading as n } from "./SectionHeading.js";
-import { Button as c } from "./Button.js";
-const o = ({ header: t, guidelineCards: s, footerCard: a }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 px-4 py-16", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-6xl space-y-12", children: [
-  /* @__PURE__ */ e(n, { align: "start", ...t }),
-  /* @__PURE__ */ e("div", { className: "grid gap-6 lg:grid-cols-2 xl:grid-cols-3", children: s.map((i) => /* @__PURE__ */ l("article", { className: "flex h-full flex-col gap-6 rounded-2xl bg-white p-6 shadow-sm", children: [
-    /* @__PURE__ */ e("div", { className: "bg-neutral-25 h-40 w-full rounded-lg", children: i.image }),
-    /* @__PURE__ */ l("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: i.title }),
-      i.content
-    ] })
-  ] }, i.title)) }),
-  /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 rounded-3xl bg-white p-8 shadow-sm lg:flex-row lg:items-center", children: [
-    /* @__PURE__ */ l("div", { className: "flex-1 space-y-4 text-neutral-800", children: [
-      /* @__PURE__ */ e("p", { className: "text-big font-bold text-neutral-900", children: a.title }),
-      a.content,
-      /* @__PURE__ */ e(c, { size: "large", variant: "primary-darkgreen", ...a.cta })
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { SectionHeading as s } from "./SectionHeading.js";
+import { Button as r } from "./Button.js";
+const c = ({ header: i, guidelineCards: n, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
+  /* @__PURE__ */ l(s, { ...i, align: "start" }),
+  /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: n.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
+    /* @__PURE__ */ l("div", { className: "w-full rounded-2xl", children: t.image }),
+    /* @__PURE__ */ l("p", { className: "my-6 font-sans text-lg leading-6 font-bold tracking-[-0.3px] text-neutral-800", children: t.title }),
+    /* @__PURE__ */ l("div", { className: "font-sans text-base leading-[22px] text-neutral-800 [&_li]:mb-0 [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:list-decimal [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:list-disc", children: t.content })
+  ] }, t.title)) }),
+  /* @__PURE__ */ a("div", { className: "my-8 flex flex-col justify-between overflow-hidden rounded-2xl bg-white shadow-sm lg:mb-4 lg:flex-row lg:overflow-visible lg:p-6", children: [
+    /* @__PURE__ */ a("div", { className: "order-2 flex flex-1 flex-col justify-start p-6 text-neutral-800 lg:order-1 lg:mr-12 lg:p-0", children: [
+      /* @__PURE__ */ l("p", { className: "mb-4 font-sans text-[18px] leading-[24px] font-bold tracking-[-0.3px] text-neutral-800", children: e.title }),
+      /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: e.content }),
+      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(r, { size: "large", variant: "primary-darkgreen", ...e.cta }) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-secondary-50 rounded-3xl p-6", children: a.image }) })
+    /* @__PURE__ */ l("div", { className: "order-1 mb-8 w-full lg:order-2 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ l("div", { className: "w-full", children: e.image }) })
   ] })
 ] }) });
 export {
-  o as GuidelinesSection
+  c as GuidelinesSection
 };