@npm_leadtech/legal-contracts-ui 0.152.6 → 0.154.0

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.
@@ -1,13 +1,13 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import r from "clsx";
3
- const m = ({ children: e, variant: l = "default" }) => {
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import s from "clsx";
3
+ const m = ({ children: e, variant: a = "default" }) => {
4
4
  const t = {
5
5
  default: "mt-5 mb-3 text-super-large text-neutral-800",
6
- legal: "mt-5 -mx-ds-11xl mb-6 bg-white px-ds-11xl text-left text-neutral-800 text-3xl w-full",
7
- ratafia: "mt-4 mb-3 text-left text-xl font-bold text-white lg:text-2xl",
8
- unsubscribe: "mt-0 mb-0 w-full bg-white pb-4 pt-8 text-left text-3xl leading-tight text-neutral-900 font-sans tracking-tight md:text-4xl md:leading-8"
9
- }, x = t[l] ?? t.default;
10
- return /* @__PURE__ */ a("h2", { className: r("font-bold", x), children: e });
6
+ legal: "my-4 text-neutral-800 text-super-large w-full",
7
+ ratafia: "mt-4 mb-3 text-left text-xl text-white lg:text-2xl",
8
+ unsubscribe: "text-super-large my-6 text-neutral-800"
9
+ }, l = t[a] ?? t.default;
10
+ return /* @__PURE__ */ r("h2", { className: s("font-bold", l), children: e });
11
11
  };
12
12
  export {
13
13
  m as Header2
@@ -4,7 +4,5 @@ export declare const Jumbotron3: FC<Jumbotron3Props>;
4
4
 
5
5
  export declare interface Jumbotron3Props {
6
6
  title: string;
7
- domain: string;
8
- className?: string;
9
7
  }
10
8
 
@@ -1,5 +1,5 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- const a = ({ title: t, domain: r, className: l }) => /* @__PURE__ */ e("section", { className: `px-6 py-10 ${l ?? ""}`, children: /* @__PURE__ */ e("div", { className: "mx-auto w-full max-w-5xl text-center", children: /* @__PURE__ */ e("p", { className: "font-lora text-super-hero text-neutral-900", children: t + " " + r }) }) });
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ const r = ({ title: e }) => /* @__PURE__ */ t("section", { className: "bg-primary-50 mx-auto w-full pt-10 pb-20", children: /* @__PURE__ */ t("div", { className: "mx-auto w-full max-w-5xl px-6 text-center md:px-8 lg:px-30 xl:max-w-300 xl:px-0", children: /* @__PURE__ */ t("h1", { className: "font-lora text-super-hero text-neutral-900", children: e }) }) });
3
3
  export {
4
- a as Jumbotron3
4
+ r as Jumbotron3
5
5
  };
@@ -1,15 +1,9 @@
1
1
  import { FC } from 'react';
2
2
 
3
- export interface Jumbotron3Props {
4
- title: string;
5
- domain: string;
6
- className?: string;
7
- }
8
-
9
3
  export declare const LegalTemplate: FC<LegalTemplateProps>;
10
4
 
11
5
  export declare interface LegalTemplateProps {
12
- jumbotron: Jumbotron3Props;
6
+ title: string;
13
7
  legalSection: string;
14
8
  }
15
9
 
@@ -1,9 +1,9 @@
1
- import { jsxs as o, jsx as l } from "react/jsx-runtime";
2
- import { Jumbotron3 as t } from "./Jumbotron3.js";
3
- import { Markdown as a } from "./Markdown.js";
4
- const i = ({ jumbotron: e, legalSection: r }) => /* @__PURE__ */ o("main", { className: "bg-neutral-white flex w-full flex-col", children: [
5
- /* @__PURE__ */ l(t, { ...e }),
6
- /* @__PURE__ */ l("div", { className: "xl:px-ds-10xl px-6 py-8 md:px-8", children: /* @__PURE__ */ l(a, { content: r, variant: "legal" }) })
1
+ import { jsxs as a, jsx as l } from "react/jsx-runtime";
2
+ import { Jumbotron3 as o } from "./Jumbotron3.js";
3
+ import { Markdown as t } from "./Markdown.js";
4
+ const i = ({ title: e, legalSection: r }) => /* @__PURE__ */ a("main", { className: "bg-neutral-white flex w-full flex-col", children: [
5
+ /* @__PURE__ */ l(o, { title: e }),
6
+ /* @__PURE__ */ l("div", { className: "px-6 py-8 lg:px-8 xl:mx-auto xl:max-w-300 xl:px-0", children: /* @__PURE__ */ l(t, { content: r, variant: "legal" }) })
7
7
  ] });
8
8
  export {
9
9
  i as LegalTemplate
@@ -1,13 +1,13 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- const n = ({ variant: a = "default", children: e }) => {
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ const m = ({ variant: a = "default", children: e }) => {
3
3
  const t = {
4
4
  default: "mb-4",
5
- legal: "mb-4 text-neutral-800 last:mb-0 tracking-tight",
6
- ratafia: "mb-3 text-white/85 last:mb-0 tracking-tight",
7
- unsubscribe: "mb-0 w-full rounded-lg bg-neutral-25 px-6 pb-6 text-left text-base leading-6 text-neutral-800 md:text-lg lg:px-ds-11xl"
8
- }, l = t[a] ?? t.default;
9
- return /* @__PURE__ */ r("p", { className: l, children: e });
5
+ legal: "mb-4 text-neutral-800 last:mb-0",
6
+ ratafia: "mb-3 text-white last:mb-0",
7
+ unsubscribe: "bg-neutral-25 px-6 pb-6 text-medium text-neutral-800 lg:px-55"
8
+ }, r = t[a] ?? t.default;
9
+ return /* @__PURE__ */ l("p", { className: r, children: e });
10
10
  };
11
11
  export {
12
- n as Paragraph
12
+ m as Paragraph
13
13
  };
@@ -1,13 +1,13 @@
1
1
  import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
2
  import { QuestionIcon as t } from "./QuestionIcon.js";
3
- import { Markdown as s } from "./Markdown.js";
4
- const n = ({ title: r, content: l }) => /* @__PURE__ */ o("div", { className: "border-secondary-200 hidden flex-col gap-4 rounded border p-6 md:flex", children: [
3
+ import { Markdown as a } from "./Markdown.js";
4
+ const i = ({ title: r, content: l }) => /* @__PURE__ */ o("div", { className: "border-secondary-200 hidden flex-col gap-4 rounded border p-6 md:flex", children: [
5
5
  /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5", children: [
6
6
  /* @__PURE__ */ e(t, { fill: "var(--color-secondary-600)" }),
7
- /* @__PURE__ */ e("h5", { className: "text-small font-semibold text-neutral-900", children: r })
7
+ /* @__PURE__ */ e("p", { className: "text-small font-bold text-neutral-900", children: r })
8
8
  ] }),
9
- /* @__PURE__ */ e(s, { className: "text-small", variant: "tooltip", content: l })
9
+ /* @__PURE__ */ e(a, { className: "text-small", variant: "tooltip", content: l })
10
10
  ] });
11
11
  export {
12
- n as Tooltips
12
+ i as Tooltips
13
13
  };
@@ -1,21 +1,15 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import c from "clsx";
3
- const u = ({ variant: t = "default", children: e }) => {
4
- const l = {
5
- default: "flex list-inside list-disc flex-col px-4 text-neutral-900",
6
- legal: "list-outside list-disc pl-8 pr-4 text-neutral-800",
7
- ratafia: "list-outside list-disc pl-5 pr-1 text-white/85 marker:text-white/60",
8
- tooltip: "flex list-inside list-disc flex-col px-4 text-neutral-900",
9
- unsubscribe: "w-full list-outside list-disc pl-10 text-neutral-800"
10
- }, s = {
11
- default: "bg-primary-50 gap-4 mb-4 py-2 flex list-inside list-disc flex-col px-4 text-neutral-900",
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import a from "clsx";
3
+ const c = ({ variant: s = "default", children: e }) => {
4
+ const t = {
5
+ default: "bg-primary-50 mb-4 py-2 list-disc space-y-4 px-4 text-neutral-900 list-outside [&_li]:ml-4",
12
6
  legal: "space-y-4 mb-4 py-2 list-outside list-disc pl-8 pr-4 text-neutral-800",
13
- ratafia: "mb-3 space-y-2 py-0",
7
+ ratafia: "mb-3 space-y-2 py-0 list-outside list-disc pl-5 pr-1 text-white/85 marker:text-white/60",
14
8
  tooltip: "gap-2 marker:text-secondary-600 flex list-inside list-disc flex-col px-4 text-neutral-900",
15
9
  unsubscribe: "mb-4 py-2 w-full list-outside list-disc pl-10 text-neutral-800"
16
- }, i = s[t] ?? s.default, a = l[t] ?? l.default;
17
- return /* @__PURE__ */ r("ul", { className: c(i, a), children: e });
10
+ }, l = t[s] ?? t.default;
11
+ return /* @__PURE__ */ i("ul", { className: a(l), children: e });
18
12
  };
19
13
  export {
20
- u as UnorderedList
14
+ c as UnorderedList
21
15
  };
@@ -1,24 +1,9 @@
1
1
  import { FC } from 'react';
2
2
 
3
- export interface Jumbotron3Props {
4
- title: string;
5
- domain: string;
6
- className?: string;
7
- }
8
-
9
- export interface MarkdownProps {
10
- content: string;
11
- className?: string;
12
- useCustom?: boolean;
13
- variant?: MarkdownVariants;
14
- }
15
-
16
- export type MarkdownVariants = 'default' | 'legal' | 'ratafia' | 'tooltip' | 'about-us' | 'pricing' | 'unsubscribe' | 'cookies' | 'story';
17
-
18
3
  export declare const UnsubscribeTemplate: FC<UnsubscribeTemplateProps>;
19
4
 
20
5
  export declare interface UnsubscribeTemplateProps {
21
- jumbotron: Jumbotron3Props;
22
- stepDescription: MarkdownProps;
6
+ title: string;
7
+ stepDescription: string;
23
8
  }
24
9
 
@@ -1,10 +1,10 @@
1
1
  import { jsxs as i, jsx as l } from "react/jsx-runtime";
2
- import { Jumbotron3 as r } from "./Jumbotron3.js";
3
- import { Markdown as a } from "./Markdown.js";
4
- const n = ({ jumbotron: m, stepDescription: e }) => /* @__PURE__ */ i("main", { className: "flex min-h-screen flex-1 flex-col bg-white", children: [
5
- /* @__PURE__ */ l("div", { className: "bg-primary-50 w-full", children: /* @__PURE__ */ l(r, { ...m, className: "pt-10 pb-20" }) }),
6
- /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-300", children: /* @__PURE__ */ l("section", { className: "[&_img]:bg-neutral-25 mb-16 w-full overflow-hidden rounded-lg bg-white px-6 md:mb-12 lg:px-8 xl:px-12 2xl:px-16 [&_h2+p]:pt-6 [&_img]:mx-auto [&_img]:block [&_img]:h-auto [&_img]:w-full [&_img]:max-w-full [&_p+h2]:mt-0", children: /* @__PURE__ */ l(a, { ...e, variant: "unsubscribe" }) }) })
2
+ import { Jumbotron3 as o } from "./Jumbotron3.js";
3
+ import { Markdown as r } from "./Markdown.js";
4
+ const a = ({ title: e, stepDescription: m }) => /* @__PURE__ */ i("main", { className: "flex min-h-screen flex-1 flex-col bg-white", children: [
5
+ /* @__PURE__ */ l(o, { title: e }),
6
+ /* @__PURE__ */ l("div", { className: "mx-auto w-full bg-white px-6 pt-2 pb-8 lg:px-8 xl:mx-auto xl:max-w-300 xl:px-0", children: /* @__PURE__ */ l("section", { className: "[&_img]:bg-neutral-25 w-full overflow-hidden rounded-lg xl:px-12 [&_h2+p]:pt-6 [&_img]:block [&_img]:h-auto [&_img]:w-full [&_img]:max-w-full", children: /* @__PURE__ */ l(r, { content: m, variant: "unsubscribe" }) }) })
7
7
  ] });
8
8
  export {
9
- n as UnsubscribeTemplate
9
+ a as UnsubscribeTemplate
10
10
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-contracts-ui",
3
- "version": "0.152.6",
3
+ "version": "0.154.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",