@npm_leadtech/legal-contracts-ui 0.79.1 → 0.79.3
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.
package/dist/components/Item.js
CHANGED
|
@@ -3,16 +3,16 @@ import "react";
|
|
|
3
3
|
import l from "clsx";
|
|
4
4
|
import { ChevronRightIcon as n } from "./ChevronRightIcon.js";
|
|
5
5
|
const b = ({
|
|
6
|
-
image:
|
|
6
|
+
image: i,
|
|
7
7
|
title: t,
|
|
8
8
|
description: a,
|
|
9
9
|
documentUrl: s,
|
|
10
10
|
variant: r = "default",
|
|
11
|
-
className:
|
|
11
|
+
className: d = ""
|
|
12
12
|
}) => {
|
|
13
13
|
const c = {
|
|
14
|
-
default: "",
|
|
15
|
-
card: "border border-0.5 border-neutral-200 shadow-lg bg-white"
|
|
14
|
+
default: "py-4 px-2 items-start",
|
|
15
|
+
card: "border border-0.5 border-neutral-200 shadow-lg bg-white pl-6 pr-4 py-5"
|
|
16
16
|
}, m = {
|
|
17
17
|
default: "",
|
|
18
18
|
card: "font-semibold"
|
|
@@ -21,12 +21,12 @@ const b = ({
|
|
|
21
21
|
"div",
|
|
22
22
|
{
|
|
23
23
|
className: l(
|
|
24
|
-
'hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm
|
|
24
|
+
'hover:bg-primary-50 relative flex cursor-pointer items-center gap-4 rounded-sm [&_a]:before:absolute [&_a]:before:inset-0 [&_a]:before:content-[""]',
|
|
25
25
|
c[r],
|
|
26
|
-
|
|
26
|
+
d
|
|
27
27
|
),
|
|
28
28
|
children: [
|
|
29
|
-
|
|
29
|
+
i,
|
|
30
30
|
/* @__PURE__ */ o("div", { className: "flex-1", children: [
|
|
31
31
|
t && /* @__PURE__ */ e("p", { className: l("text-medium text-neutral-900", m[r]), children: t }),
|
|
32
32
|
a && /* @__PURE__ */ e("p", { className: "text-extra-small text-neutral-600", children: a })
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { SectionHeading as
|
|
4
|
-
import { Item as
|
|
5
|
-
import { ChevronDownIcon as
|
|
3
|
+
import { SectionHeading as s } from "./SectionHeading.js";
|
|
4
|
+
import { Item as d } from "./Item.js";
|
|
5
|
+
import { ChevronDownIcon as a } from "./ChevronDownIcon.js";
|
|
6
6
|
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: [
|
|
7
7
|
/* @__PURE__ */ i("div", { className: "hidden flex-col gap-6 md:flex", children: [
|
|
8
|
-
/* @__PURE__ */ e(
|
|
9
|
-
/* @__PURE__ */ e("div", { className: "grid grid-flow-col grid-rows-3", children: l.map((r,
|
|
8
|
+
/* @__PURE__ */ e(s, { ...o, align: "start", className: "pl-7" }),
|
|
9
|
+
/* @__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}`)) })
|
|
10
10
|
] }),
|
|
11
11
|
/* @__PURE__ */ e("div", { className: "flex flex-col gap-10 md:hidden", children: /* @__PURE__ */ i("details", { className: "group", children: [
|
|
12
12
|
/* @__PURE__ */ i("summary", { className: "flex cursor-pointer list-none items-center justify-between rounded-sm border border-neutral-200 p-4", children: [
|
|
13
13
|
/* @__PURE__ */ e("span", { children: o.title }),
|
|
14
|
-
/* @__PURE__ */ e(
|
|
14
|
+
/* @__PURE__ */ e(a, { className: "h-5 w-5 transition-transform group-open:rotate-180" })
|
|
15
15
|
] }),
|
|
16
16
|
/* @__PURE__ */ e("div", { className: "flex flex-col border-x border-b border-neutral-200", children: l.map((r) => /* @__PURE__ */ e(
|
|
17
|
-
|
|
17
|
+
d,
|
|
18
18
|
{
|
|
19
19
|
id: r.id,
|
|
20
20
|
image: r.image,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { SectionHeading as
|
|
3
|
+
import { SectionHeading as s } from "./SectionHeading.js";
|
|
4
4
|
import { DoneCircleIcon as t } from "./DoneCircleIcon.js";
|
|
5
5
|
import { LinkWrapper as d } from "./LinkWrapper.js";
|
|
6
|
-
const h = ({ header: r, trustReasons: c, cta: m, trustPilot:
|
|
6
|
+
const h = ({ header: r, trustReasons: c, cta: m, trustPilot: a }) => /* @__PURE__ */ l("section", { className: "mx-auto flex flex-col items-center gap-14 px-6 py-10 lg:px-8 lg:py-12 xl:max-w-300 xl:px-0", children: [
|
|
7
7
|
/* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-10", children: [
|
|
8
|
-
/* @__PURE__ */ e(
|
|
8
|
+
/* @__PURE__ */ e(s, { ...r }),
|
|
9
9
|
/* @__PURE__ */ e("div", { className: "flex flex-col gap-6 md:grid md:grid-cols-3", children: c.map((i) => /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
|
|
10
10
|
/* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(t, { width: 32, height: 32 }) }),
|
|
11
11
|
/* @__PURE__ */ e("p", { className: "text-neutral-600", children: i })
|
|
12
12
|
] }, i)) }),
|
|
13
13
|
/* @__PURE__ */ e(d, { className: "w-full md:w-fit", children: m })
|
|
14
14
|
] }),
|
|
15
|
-
/* @__PURE__ */ e("div", { className: "w-full md:h-34", children:
|
|
15
|
+
/* @__PURE__ */ e("div", { className: "w-full max-w-254 md:h-34", children: a })
|
|
16
16
|
] });
|
|
17
17
|
export {
|
|
18
18
|
h as TrustSection
|