@npm_leadtech/legal-contracts-ui 0.103.4 → 0.104.1

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/Jumbotron2.js

@@ -1,24 +1,24 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import a from "clsx";
-const p = ({ title: o, subtitle: r, className: n, children: l, variant: x = "default" }) => {
-  const e = x === "contact";
-  return /* @__PURE__ */ s("section", { className: `mx-auto px-4 pb-10 text-center md:px-8 ${n ?? ""}`, children: [
-    /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-2", children: [
-      /* @__PURE__ */ t("h1", { className: a("text-small font-bold", e ? "text-neutral-600" : "text-neutral-900"), children: o }),
-      /* @__PURE__ */ t("span", { className: a("h-px w-24", e ? "bg-neutral-400" : "bg-neutral-200"), "aria-hidden": !0 })
+const p = ({ title: s, subtitle: l, className: o, children: x, variant: m = "default" }) => {
+  const t = m === "contact";
+  return /* @__PURE__ */ r("section", { className: `mx-auto px-4 pb-10 text-center md:px-8 ${o ?? ""}`, children: [
+    /* @__PURE__ */ r("div", { className: "mx-auto mb-8 flex w-fit flex-col items-center gap-2", children: [
+      /* @__PURE__ */ e("h1", { className: a("text-small font-bold text-neutral-600 uppercase"), children: s }),
+      /* @__PURE__ */ e("span", { className: a("h-px w-24 w-full bg-neutral-200"), "aria-hidden": !0 })
     ] }),
-    r && /* @__PURE__ */ t(
+    l && /* @__PURE__ */ e(
       "h2",
       {
         className: a(
-          "font-lora text-neutral-900",
-          e && "text-super-large md:text-hero lg:text-super-hero",
-          !e && "text-super-hero"
+          "font-lora mx-auto max-w-6xl text-3xl text-neutral-800 md:text-4xl",
+          t && "text-super-large md:text-hero lg:text-super-hero",
+          !t && "text-super-hero"
         ),
-        children: r
+        children: l
       }
     ),
-    !!l && /* @__PURE__ */ t("div", { className: a(!e && "mt-4", e && "xl:max-w-202"), children: l })
+    !!x && /* @__PURE__ */ e("div", { className: a(!t && "mt-4", t && "xl:max-w-202"), children: x })
   ] });
 };
 export {

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,22 @@
-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 a } from "./LinkWrapper.js";
+const s = ({ image: l, title: t, message: m, cta: r }) => /* @__PURE__ */ e("main", { className: "flex-1", children: /* @__PURE__ */ n("div", { className: "bg-neutral-white flex flex-col items-center justify-center px-5 py-12 text-center md:flex-row md:items-center md:gap-6 md:px-20 md:py-12 md:text-left lg:gap-20 lg:px-60 lg:py-20", children: [
+  l != null ? /* @__PURE__ */ e("div", { className: "mb-4 md:mb-0 md:h-[332px] md:w-[344px] md:shrink-0 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-2xl md:[&_img]:h-full md:[&_img]:object-cover", children: l }) : null,
+  /* @__PURE__ */ n("div", { className: "mt-4 flex flex-col items-center gap-6 md:mt-0 md:items-start", children: [
+    t != null ? /* @__PURE__ */ e("h1", { className: "font-lora text-extra-large font-normal text-neutral-800", children: t }) : null,
+    m != null ? /* @__PURE__ */ e("p", { className: "text-medium text-neutral-800", children: m }) : null,
+    r != null ? /* @__PURE__ */ e(
+      a,
+      {
+        disabled: !1,
+        variant: "primary-darkgreen",
+        size: "large",
+        className: "flex w-full justify-center md:justify-start",
+        children: r
+      }
+    ) : null
+  ] })
+] }) });
 export {
-  i as NotFoundTemplate
+  s as NotFoundTemplate
 };