@npm_leadtech/legal-contracts-ui 0.103.2 → 0.103.4

package/dist/components/AboutUsTemplate.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 export declare const AboutUsTemplate: FC<AboutUsTemplateProps>;
@@ -19,13 +19,6 @@ export declare interface AboutUsTemplateProps {
     contactUs: ContactUsSectionProps;
 }
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 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';
@@ -43,7 +36,7 @@ export interface ContactUsSectionProps {
 export interface CtaSectionProps {
     title: string;
     paragraph?: ReactNode;
-    cta: ButtonProps;
+    cta: LinkWrapper;
     children?: ReactNode;
     className?: string;
     contentClassName?: string;
@@ -70,7 +63,7 @@ export interface GuidelinesSectionProps {
         title: string;
         image: ReactNode;
         content: string;
-        cta: ButtonProps;
+        cta: LinkWrapper;
     };
 }
 
@@ -79,7 +72,7 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta: ButtonProps;
+    cta: LinkWrapper;
     className?: string;
     containerClassName?: string;
 }
@@ -92,6 +85,17 @@ export interface Jumbotron2Props {
     variant?: 'default' | 'contact';
 }
 
+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 interface MissionSectionProps {
     title: string;
     body: string;
@@ -149,7 +153,7 @@ export interface ValuesSectionProps {
 export interface WeHelpSectionProps {
     title: string;
     image: ReactNode;
-    cta: ButtonProps;
+    cta: LinkWrapper;
     body: string;
 }
 

package/dist/components/CtaSection.d.ts

@@ -1,14 +1,7 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 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';
@@ -34,7 +27,7 @@ export declare const CtaSection: FC<CtaSectionProps>;
 export declare interface CtaSectionProps {
     title: string;
     paragraph?: ReactNode;
-    cta: ButtonProps;
+    cta: LinkWrapper;
     children?: ReactNode;
     className?: string;
     contentClassName?: string;
@@ -45,6 +38,17 @@ export declare const CtaSummarizedTag: FC<CtaFeatureTagProps>;
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+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 type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/CtaSection.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Button as c } from "./Button.js";
+import { LinkWrapper as c } from "./LinkWrapper.js";
 const x = ({
   title: a,
   paragraph: l,

package/dist/components/GuidelinesSection.d.ts

@@ -1,14 +1,7 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 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';
@@ -26,12 +19,23 @@ export declare interface GuidelinesSectionProps {
         title: string;
         image: ReactNode;
         content: string;
-        cta: ButtonProps;
+        cta: LinkWrapper;
     };
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
 
+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 type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/GuidelinesSection.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as a } from "react/jsx-runtime";
 import { SectionHeading as r } from "./SectionHeading.js";
 import { Markdown as i } from "./Markdown.js";
-import { Button as m } from "./Button.js";
+import { LinkWrapper as m } from "./LinkWrapper.js";
 const f = ({ header: n, guidelineCards: s, footerCard: e }) => /* @__PURE__ */ l("section", { className: "bg-neutral-25 py-8", children: /* @__PURE__ */ a("div", { className: "mx-auto w-full max-w-6xl px-4 md:px-6", children: [
   /* @__PURE__ */ l(r, { ...n, align: "start", hasMaxWidth: !1 }),
   /* @__PURE__ */ l("div", { className: "my-8 flex flex-col gap-6 lg:mt-8 lg:mb-4 lg:flex-row", children: s.map((t) => /* @__PURE__ */ a("article", { className: "flex flex-1 flex-col rounded-2xl bg-white p-6 shadow-sm", children: [
@@ -13,7 +13,7 @@ const f = ({ header: n, guidelineCards: s, footerCard: e }) => /* @__PURE__ */ l
     /* @__PURE__ */ a("div", { className: "order-2 flex flex-1 flex-col justify-start p-6 text-neutral-800 lg:order-1 lg:mr-12 lg:p-0", children: [
       /* @__PURE__ */ l("p", { className: "mb-4 font-sans text-[18px] leading-[24px] font-bold tracking-[-0.3px] text-neutral-800", children: e.title }),
       /* @__PURE__ */ l("div", { className: "[&_a]:text-primary-800 mb-6 font-sans text-[16px] leading-[22px] font-normal tracking-[-0.3px] [&_a]:font-normal", children: /* @__PURE__ */ l(i, { content: e.content }) }),
-      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(m, { size: "large", variant: "primary-darkgreen", ...e.cta }) })
+      /* @__PURE__ */ l("div", { className: "mt-10 self-start", children: /* @__PURE__ */ l(m, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...e.cta }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "order-1 mb-8 w-full lg:order-2 lg:mb-0 lg:w-1/2", children: /* @__PURE__ */ l("div", { className: "w-full", children: e.image }) })
   ] })

package/dist/components/IntroSection.d.ts

@@ -1,14 +1,7 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 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';
@@ -20,11 +13,22 @@ export declare const IntroSection: FC<IntroSectionProps>;
 export declare interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta: ButtonProps;
+    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 type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
     sm?: ButtonVariant;

package/dist/components/IntroSection.js

@@ -1,15 +1,15 @@
 import { jsx as m, jsxs as o } from "react/jsx-runtime";
 import { TwoColumnSection as e } from "./TwoColumnSection.js";
-import { Button as t } from "./Button.js";
-const b = ({ image: s, children: i, cta: l, className: r, containerClassName: a }) => /* @__PURE__ */ m(
+import { LinkWrapper as t } from "./LinkWrapper.js";
+const b = ({ image: s, children: i, cta: r, className: l, containerClassName: a }) => /* @__PURE__ */ m(
   e,
   {
-    className: r ?? "",
+    className: l ?? "",
     containerClassName: a,
     firstColumn: /* @__PURE__ */ m("div", { className: "mb-4 md:mr-6 md:mb-0 md:basis-42/100 lg:mr-10 lg:basis-39/100 xl:basis-36/100 [&_img]:h-auto [&_img]:w-full [&_img]:rounded-2xl xl:[&_img]:h-full xl:[&_img]:object-cover", children: s }),
     secondColumn: /* @__PURE__ */ o("div", { className: "mt-4 basis-full md:mt-0 md:basis-56/100 lg:basis-59/100 xl:basis-60/100", children: [
       i,
-      /* @__PURE__ */ m(t, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...l })
+      /* @__PURE__ */ m(t, { size: "large", variant: "primary-darkgreen", className: "mt-8", ...r })
     ] })
   }
 );

package/dist/components/NotFoundTemplate.d.ts

@@ -1,15 +1,8 @@
 import { ChangeEvent } from 'react';
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
-    children: ReactNode;
-    size?: ButtonSize;
-    variant?: ResponsiveButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 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';
@@ -37,11 +30,22 @@ export type IconPosition = 'left' | 'right' | 'top';
 export interface IntroSectionProps {
     image: ReactNode;
     children: ReactNode;
-    cta: ButtonProps;
+    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 {

package/dist/components/WeHelpSection.d.ts

@@ -1,19 +1,23 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
-export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+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 type IconPosition = 'left' | 'right' | 'top';
+
+export interface LinkWrapper {
     children: ReactNode;
     size?: ButtonSize;
     variant?: ResponsiveButtonVariant;
     iconPosition?: IconPosition;
+    disabled?: boolean;
+    className?: string;
 }
 
-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 type IconPosition = 'left' | 'right' | 'top';
+declare const LinkWrapper: ({ size, variant, iconPosition, disabled, className, children }: LinkWrapper) => JSX.Element;
 
 export type ResponsiveButtonVariant = ButtonVariant | {
     initial?: ButtonVariant;
@@ -28,7 +32,7 @@ export declare const WeHelpSection: FC<WeHelpSectionProps>;
 export declare interface WeHelpSectionProps {
     title: string;
     image: ReactNode;
-    cta: ButtonProps;
+    cta: LinkWrapper;
     body: string;
 }
 

package/dist/components/WeHelpSection.js

@@ -1,19 +1,19 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { TwoColumnSection as a } from "./TwoColumnSection.js";
+import { TwoColumnSection as o } from "./TwoColumnSection.js";
 import { Markdown as i } from "./Markdown.js";
-import { Button as s } from "./Button.js";
-const u = ({ title: r, image: t, cta: n, body: o }) => /* @__PURE__ */ e(
-  a,
+import { LinkWrapper as s } from "./LinkWrapper.js";
+const d = ({ title: r, image: t, cta: n, body: a }) => /* @__PURE__ */ e(
+  o,
   {
     containerClassName: "items-center flex-col-reverse gap-16",
     firstColumn: /* @__PURE__ */ l("div", { className: "w-full flex-1 space-y-6 text-neutral-800", children: [
       /* @__PURE__ */ e("p", { className: "text-super-large font-bold text-neutral-800", children: r }),
-      /* @__PURE__ */ e(i, { content: o, variant: "legal" }),
-      /* @__PURE__ */ e(s, { size: "large", variant: "primary-green", ...n })
+      /* @__PURE__ */ e(i, { content: a, variant: "legal" }),
+      /* @__PURE__ */ e(s, { size: "large", variant: "primary-green", className: "mt-8", ...n })
     ] }),
     secondColumn: /* @__PURE__ */ e("div", { children: t })
   }
 );
 export {
-  u as WeHelpSection
+  d as WeHelpSection
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.103.2",
+  "version": "0.103.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",