@npm_leadtech/legal-contracts-ui 0.58.3 → 0.58.4

package/dist/components/Preform.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
 import { ReactNode } from 'react';
@@ -7,23 +6,10 @@ export declare interface BaseOptionProps {
     isVisible: boolean;
 }
 
-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';
-
 export type CreateOption<T, P> = BaseOptionProps & P & {
     type: T;
 };
 
-export type IconPosition = 'left' | 'right' | 'top';
-
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label: string;
     id: string;
@@ -44,28 +30,20 @@ export interface PreformOptionProps {
     label: string;
     icon: ReactNode;
     selected: boolean;
-    onClick: (str: string) => void;
+    onClick?: (str: string) => void;
 }
 
 export declare interface PreformProps {
     trustedBadge: TrustedBadgeProps;
     title?: string;
     options: OptionProps[];
-    cta: ButtonProps;
-    radioSelected: string;
-    onClickRadio: (str: string) => void;
+    cta: ReactNode;
+    radioSelected?: string;
+    onClickRadio?: (str: string) => void;
     inputValue?: string;
     onInputChange?: (str: string) => void;
 }
 
-export type ResponsiveButtonVariant = ButtonVariant | {
-    initial?: ButtonVariant;
-    sm?: ButtonVariant;
-    md?: ButtonVariant;
-    lg?: ButtonVariant;
-    xl?: ButtonVariant;
-};
-
 export interface TrustedBadgeProps {
     children: ReactNode;
 }

package/dist/components/Preform.js

@@ -2,32 +2,31 @@ import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { TrustedBadge as p } from "./TrustedBadge.js";
 import { PreformOption as f } from "./PreformOption.js";
 import { Input as n } from "./Input.js";
-import { Button as u } from "./Button.js";
-const v = ({
+const h = ({
   trustedBadge: r,
-  title: m,
-  options: t,
-  cta: a,
-  radioSelected: s,
+  title: a,
+  options: s,
+  cta: m,
+  radioSelected: t,
   onClickRadio: c,
   inputValue: i,
   onInputChange: x
 }) => /* @__PURE__ */ e("section", { className: "bg-neutral-25 pt-10 text-neutral-800 sm:px-6 lg:px-8 xl:px-30", children: /* @__PURE__ */ d("div", { className: "relative mx-auto flex max-w-300 flex-col gap-6 rounded bg-white px-6 pt-8 pb-6 shadow-md sm:items-center sm:gap-8 lg:px-26 xl:px-10", children: [
   /* @__PURE__ */ e(p, { ...r }),
-  /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: m }),
-  /* @__PURE__ */ e("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: t.map((l) => {
+  /* @__PURE__ */ e("h2", { className: "text-medium sm:text-large font-bold", children: a }),
+  /* @__PURE__ */ e("div", { className: "flex w-full max-w-272 flex-wrap justify-center gap-2 sm:gap-4", children: s.map((l) => {
     if (l.isVisible)
       return l.type === "radio" ? /* @__PURE__ */ e(
         "div",
         {
           className: "w-[calc(50%-4px)] sm:w-[calc(25%-12px)] lg:w-[calc(20%-13px)] xl:w-[calc(16.66%-14px)]",
-          children: /* @__PURE__ */ e(f, { ...l, selected: l.id === s, onClick: c })
+          children: /* @__PURE__ */ e(f, { ...l, selected: l.id === t, onClick: c })
         },
         l.id
       ) : /* @__PURE__ */ e("div", { className: "mt-4 flex basis-full justify-center md:mt-0", children: /* @__PURE__ */ e(n, { ...l, value: i, onInputChange: x }) }, l.id);
   }) }),
-  /* @__PURE__ */ e(u, { ...a })
+  m
 ] }) });
 export {
-  v as Preform
+  h as Preform
 };

package/dist/components/PreformOption.d.ts

@@ -8,6 +8,6 @@ export declare interface PreformOptionProps {
     label: string;
     icon: ReactNode;
     selected: boolean;
-    onClick: (str: string) => void;
+    onClick?: (str: string) => void;
 }
 

package/dist/components/PreformOption.js

@@ -5,7 +5,7 @@ const m = ({ id: o, label: l, selected: r, icon: n, onClick: t }) => /* @__PURE_
   {
     className: `group flex w-full cursor-pointer items-center gap-2 rounded border-2 p-2 hover:bg-neutral-50 sm:flex-col sm:p-4 ${r ? "border-primary-900" : "border-neutral-200"}`,
     onClick: () => {
-      t(o);
+      t?.(o);
     },
     children: [
       /* @__PURE__ */ e("div", { className: "size-6 sm:size-12", children: n }),

package/dist/components/ProductTemplate.d.ts

@@ -122,16 +122,16 @@ export interface PreformOptionProps {
     label: string;
     icon: ReactNode;
     selected: boolean;
-    onClick: (str: string) => void;
+    onClick?: (str: string) => void;
 }
 
 export interface PreformProps {
     trustedBadge: TrustedBadgeProps;
     title?: string;
     options: OptionProps[];
-    cta: ButtonProps;
-    radioSelected: string;
-    onClickRadio: (str: string) => void;
+    cta: ReactNode;
+    radioSelected?: string;
+    onClickRadio?: (str: string) => void;
     inputValue?: string;
     onInputChange?: (str: string) => void;
 }

package/package.json

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