@npm_leadtech/legal-contracts-ui 0.86.1 → 0.87.1

package/dist/components/UnsubscribeTemplate.d.ts

@@ -1,18 +1,20 @@
 import { FC } from 'react';
-import { ReactNode } from 'react';
 
 export interface Jumbotron3Props {
     title: string;
 }
 
-export interface UnsubscribeSectionProps {
-    children: ReactNode;
+export interface MarkdownProps {
+    content: string;
+    className?: string;
+    useCustom?: boolean;
+    variant?: 'default' | 'legal' | 'tooltip';
 }
 
 export declare const UnsubscribeTemplate: FC<UnsubscribeTemplateProps>;
 
 export declare interface UnsubscribeTemplateProps {
     jumbotron: Jumbotron3Props;
-    unsubscribe: UnsubscribeSectionProps;
+    stepDescription: MarkdownProps;
 }
 

package/dist/components/UnsubscribeTemplate.js

@@ -1,10 +1,10 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Jumbotron3 as s } from "./Jumbotron3.js";
-import { UnsubscribeSection as i } from "./UnsubscribeSection.js";
-const l = ({ jumbotron: r, unsubscribe: o }) => /* @__PURE__ */ m("main", { className: "flex min-h-screen flex-1 flex-col bg-white", children: [
-  /* @__PURE__ */ e(s, { ...r }),
-  /* @__PURE__ */ e(i, { ...o })
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Jumbotron3 as o } from "./Jumbotron3.js";
+import { Markdown as s } from "./Markdown.js";
+const i = ({ jumbotron: l, stepDescription: m }) => /* @__PURE__ */ r("main", { className: "flex min-h-screen flex-1 flex-col bg-white", children: [
+  /* @__PURE__ */ e(o, { ...l }),
+  /* @__PURE__ */ e("section", { className: "px-6 py-16 sm:px-10 lg:px-24", children: /* @__PURE__ */ e("div", { className: "mx-auto flex max-w-6xl flex-col gap-12", children: /* @__PURE__ */ e(s, { ...m }) }) })
 ] });
 export {
-  l as UnsubscribeTemplate
+  i as UnsubscribeTemplate
 };

package/dist/components/ValuesSection.js

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { TwoColumnSection as r } from "./TwoColumnSection.js";
-const i = ({ title: s, children: t, image: a }) => /* @__PURE__ */ e(
-  r,
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { TwoColumnSection as a } from "./TwoColumnSection.js";
+const o = ({ title: s, children: l, image: r }) => /* @__PURE__ */ e(
+  a,
   {
-    containerClassName: "gap-20 items-center",
-    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: a }) }),
-    secondColumn: /* @__PURE__ */ l("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
+    containerClassName: "gap-20 items-center flex-col-reverse",
+    firstColumn: /* @__PURE__ */ e("div", { className: "flex-1", children: /* @__PURE__ */ e("div", { className: "bg-primary-50 rounded-3xl p-6", children: r }) }),
+    secondColumn: /* @__PURE__ */ t("div", { className: "flex-1 space-y-6 text-neutral-800", children: [
       /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-900", children: s }),
-      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: t })
+      /* @__PURE__ */ e("div", { className: "text-medium space-y-4", children: l })
     ] })
   }
 );
 export {
-  i as ValuesSection
+  o as ValuesSection
 };