@npm_leadtech/legal-contracts-ui 0.107.0 → 0.109.0

package/dist/components/AboutUsTemplate.js

@@ -1,16 +1,16 @@
 import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { MissionSection as S } from "./MissionSection.js";
-import { ValuesSection as u } from "./ValuesSection.js";
-import { Storyline as b } from "./Storyline.js";
-import { WeHelpSection as y } from "./WeHelpSection.js";
-import { GuidelinesSection as N } from "./GuidelinesSection.js";
-import { ExpertsSection as d } from "./ExpertsSection.js";
-import { TrustPilotSection as g } from "./TrustPilotSection.js";
-import { PartnersSection as j } from "./PartnersSection.js";
-import { CtaSection as w } from "./CtaSection.js";
-import { ContactUsSection as C } from "./ContactUsSection.js";
-import { Jumbotron2 as P } from "./Jumbotron2.js";
-import { IntroSection as T } from "./IntroSection.js";
+import { IntroSection as S } from "./IntroSection.js";
+import { MissionSection as u } from "./MissionSection.js";
+import { ValuesSection as b } from "./ValuesSection.js";
+import { Storyline as y } from "./Storyline.js";
+import { WeHelpSection as N } from "./WeHelpSection.js";
+import { GuidelinesSection as d } from "./GuidelinesSection.js";
+import { ExpertsSection as g } from "./ExpertsSection.js";
+import { TrustPilotSection as j } from "./TrustPilotSection.js";
+import { PartnersSection as w } from "./PartnersSection.js";
+import { CtaSection as C } from "./CtaSection.js";
+import { ContactUsSection as P } from "./ContactUsSection.js";
+import { Jumbotron2 as T } from "./Jumbotron2.js";
 const v = ({
   jumbotron: t,
   intro: r,
@@ -25,18 +25,18 @@ const v = ({
   cta: c,
   contactUs: a
 }) => /* @__PURE__ */ x("main", { className: "mx-auto flex w-full flex-1 flex-col text-neutral-800", children: [
-  /* @__PURE__ */ o(P, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
-  /* @__PURE__ */ o(T, { ...r, className: "bg-primary-50" }),
-  /* @__PURE__ */ o(S, { ...m }),
-  /* @__PURE__ */ o(u, { ...i }),
-  /* @__PURE__ */ o(b, { ...e }),
-  /* @__PURE__ */ o(y, { ...n }),
-  /* @__PURE__ */ o(N, { ...l }),
-  /* @__PURE__ */ o(d, { ...p }),
-  /* @__PURE__ */ o(g, { ...s }),
-  /* @__PURE__ */ o(j, { ...f }),
-  /* @__PURE__ */ o(w, { ...c }),
-  /* @__PURE__ */ o(C, { ...a })
+  /* @__PURE__ */ o(T, { ...t, className: "bg-primary-50 w-full py-4 text-3xl" }),
+  /* @__PURE__ */ o(S, { ...r, className: "bg-primary-50" }),
+  /* @__PURE__ */ o(u, { ...m }),
+  /* @__PURE__ */ o(b, { ...i }),
+  /* @__PURE__ */ o(y, { ...e }),
+  /* @__PURE__ */ o(N, { ...n }),
+  /* @__PURE__ */ o(d, { ...l }),
+  /* @__PURE__ */ o(g, { ...p }),
+  /* @__PURE__ */ o(j, { ...s }),
+  /* @__PURE__ */ o(w, { ...f }),
+  /* @__PURE__ */ o(C, { ...c }),
+  /* @__PURE__ */ o(P, { ...a })
 ] });
 export {
   v as AboutUsTemplate

package/dist/components/ContactUsTemplate.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ContactFormSection as o } from "./ContactFormSection.js";
-import { Jumbotron2 as s } from "./Jumbotron2.js";
+import { ContactMethodsSection as o } from "./ContactMethodsSection.js";
+import { ContactFormSection as s } from "./ContactFormSection.js";
+import { Jumbotron2 as d } from "./Jumbotron2.js";
 import { Markdown as m } from "./Markdown.js";
-import { ContactMethodsSection as d } from "./ContactMethodsSection.js";
 import { LinkWrapper as n } from "./LinkWrapper.js";
 const v = ({
   jumbotron: t,
@@ -13,7 +13,7 @@ const v = ({
 }) => /* @__PURE__ */ a("main", { className: "bg-primary-50 relative flex-1 pt-10 pb-20 md:px-6 lg:px-8 xl:px-0", children: [
   !!r && /* @__PURE__ */ e("div", { className: "absolute right-0 bottom-0 hidden md:block", children: r }),
   /* @__PURE__ */ a("div", { className: "relative mx-auto flex w-full max-w-300 flex-col gap-12", children: [
-    /* @__PURE__ */ e(s, { ...t, className: "flex flex-col gap-4 pb-0!", variant: "contact", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(d, { ...t, className: "flex flex-col gap-4 pb-0!", variant: "contact", children: /* @__PURE__ */ e(
       m,
       {
         content: t.children,
@@ -21,8 +21,8 @@ const v = ({
       }
     ) }),
     /* @__PURE__ */ a("div", { className: "relative flex flex-col gap-10 md:grid md:grid-cols-2 md:items-start md:gap-x-10 md:gap-y-8 lg:gap-x-16 xl:gap-x-20", children: [
-      /* @__PURE__ */ e(d, { ...i }),
-      /* @__PURE__ */ e("div", { className: "md:row-span-2", children: /* @__PURE__ */ e(o, { ...c }) }),
+      /* @__PURE__ */ e(o, { ...i }),
+      /* @__PURE__ */ e("div", { className: "md:row-span-2", children: /* @__PURE__ */ e(s, { ...c }) }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-8 px-6", children: [
         /* @__PURE__ */ e("h3", { className: "text-large text-primary-700 font-bold", children: l.faqTitle }),
         /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ e(m, { content: l.faqText, className: "text-medium text-neutral-800 [&_p:last-child]:mb-0" }) }),

package/dist/components/NotFoundTemplate.d.ts

@@ -1,84 +1,12 @@
-import { ChangeEvent } from 'react';
 import { FC } from 'react';
-import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export type ButtonSize = 'small' | 'default' | 'large';
-
-export type ButtonVariant = 'primary-green' | 'primary-darkgreen' | 'primary-yellow' | 'primary-white' | 'secondary-green' | 'secondary-yellow' | 'secondary-red' | 'secondary-black' | 'tertiary-bold' | 'tertiary-thin' | 'tertiary-icon' | 'tertiary-link' | 'icon-black' | 'icon-grey' | 'icon-mobile';
-
-export interface ContactMethod {
-    id: string;
-    label?: ReactNode;
-    helper?: string;
-    variant: 'phone' | 'email' | 'location';
-}
-
-export interface ContactMethodsSectionProps {
-    items: ContactMethod[];
-}
-
-export interface DocumentItemProps {
-    id: string;
-    link: ReactNode;
-    description: string;
-    className?: string;
-}
-
-export type IconPosition = 'left' | 'right' | 'top';
-
-export interface IntroSectionProps {
-    image: ReactNode;
-    children: ReactNode;
-    cta: LinkWrapper;
-    className?: string;
-    containerClassName?: string;
-}
-
-export interface LinkWrapper {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-    disabled?: boolean;
-    className?: string;
-}
-
-declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
-
 export declare const NotFoundTemplate: FC<NotFoundTemplateProps>;
 
 export declare interface NotFoundTemplateProps {
-    intro: IntroSectionProps;
-    popularDocuments: {
-        title: ReactNode;
-        documents: DocumentItemProps[];
-    };
-    searchBar: SearchBarProps;
-    contactMethods: ContactMethodsSectionProps;
-}
-
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
-export interface SearchBarProps {
-    items: SearchItem[];
-    placeholder?: string;
-    isOpen?: boolean;
-    onToggle?: () => void;
-    searchValue?: string;
-    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    onClear?: () => void;
-    allDocumentsItem?: SearchItem;
-}
-
-export interface SearchItem {
-    id: string;
-    link: ReactNode;
+    image: ReactNode;
+    title: ReactNode;
+    message: ReactNode;
+    cta: ReactNode;
 }
 

package/dist/components/NotFoundTemplate.js

@@ -1,10 +1,13 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
-import { IntroSection as r } from "./IntroSection.js";
-import { ContactMethodsSection as t } from "./ContactMethodsSection.js";
-const i = ({ intro: e, contactMethods: o }) => /* @__PURE__ */ a("main", { className: "flex-1", children: [
-  /* @__PURE__ */ l(r, { ...e }),
-  /* @__PURE__ */ l("div", { className: "bg-neutral-25 w-full", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-6xl flex-col gap-8 px-6 py-16 lg:flex-row", children: /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col gap-6", children: /* @__PURE__ */ l(t, { ...o }) }) }) })
-] });
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { LinkWrapper as r } from "./LinkWrapper.js";
+const d = ({ image: l, title: t, message: a, cta: m }) => /* @__PURE__ */ e("main", { className: "flex-1", children: /* @__PURE__ */ n("div", { className: "bg-neutral-white flex flex-col items-center justify-center gap-8 px-5 py-12 text-center md:flex-row md:items-center md:justify-center md:gap-16 md:px-12 md:py-16 md:text-left lg:gap-20 lg:px-20 lg:py-20", children: [
+  l != null ? /* @__PURE__ */ e("div", { className: "shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:max-w-[320px] md:[&_img]:max-w-[380px] lg:[&_img]:max-w-[420px]", children: l }) : null,
+  /* @__PURE__ */ n("div", { className: "flex max-w-[420px] flex-col items-center gap-4 md:items-start md:gap-5", children: [
+    t != null ? /* @__PURE__ */ e("h1", { className: "font-lora text-[32px] leading-tight font-normal text-neutral-900 md:text-[40px] lg:text-[48px]", children: t }) : null,
+    a != null ? /* @__PURE__ */ e("p", { className: "text-base leading-relaxed text-neutral-600 md:text-lg", children: a }) : null,
+    m != null ? /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(r, { disabled: !1, variant: "primary-darkgreen", size: "large", className: "inline-flex", children: m }) }) : null
+  ] })
+] }) });
 export {
-  i as NotFoundTemplate
+  d as NotFoundTemplate
 };