@npm_leadtech/legal-contracts-ui 0.44.19 → 0.44.21

package/dist/components/Button.js

@@ -1,19 +1,118 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import "react";
-import { getButtonStyles as p } from "./atoms/Button.utils.js";
-const x = ({
-  children: o,
-  type: r = "button",
-  size: e = "default",
-  variant: s = "primary-green",
-  iconPosition: n = "left",
-  className: a,
-  disabled: t = !1,
-  ref: m,
-  ...u
+const p = {
+  "primary-green": {
+    base: "bg-primary-700 text-white border border-transparent font-semibold",
+    hover: "hover:bg-primary-500",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "primary-darkgreen": {
+    base: "bg-primary-900 text-white border border-transparent font-semibold",
+    hover: "hover:bg-primary-800",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "primary-yellow": {
+    base: "bg-secondary-500 text-neutral-900 border border-transparent font-semibold",
+    hover: "hover:bg-secondary-400",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "primary-white": {
+    base: "bg-white text-neutral-900 font-semibold border border-transparent",
+    hover: "hover:bg-neutral-50",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
+  },
+  "secondary-green": {
+    base: "bg-white text-primary-700 border-2 border-primary-700 font-semibold",
+    hover: "hover:bg-primary-100 hover:text-primary-800",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "secondary-yellow": {
+    base: "bg-transparent text-neutral-900 border-2 border-secondary-500 font-semibold",
+    hover: "hover:bg-secondary-100 hover:border-secondary-600",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "secondary-red": {
+    base: "bg-transparent text-error-500 border-2 border-error-500 font-semibold",
+    hover: "hover:bg-error-25",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "secondary-black": {
+    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
+    hover: "hover:bg-neutral-200",
+    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
+  },
+  "tertiary-bold": {
+    base: "bg-transparent text-primary-700 font-semibold border border-transparent font-semibold p-1.5!",
+    hover: "hover:text-primary-500 hover:bg-primary-200",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "tertiary-thin": {
+    base: "bg-transparent text-neutral-800 font-normal border border-transparent p-1.5!",
+    hover: " hover:bg-primary-100",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "tertiary-icon": {
+    base: "bg-transparent text-neutral-800 font-medium border border-transparent p-1.5!",
+    hover: "hover:bg-primary-100",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "tertiary-link": {
+    base: "bg-transparent text-primary-700 underline underline-offset-2 border border-transparent",
+    hover: "",
+    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
+  },
+  "icon-black": {
+    base: "bg-black text-white border border-transparent font-semibold",
+    hover: "hover:bg-neutral-800",
+    disabled: "disabled:bg-neutral-400 disabled:cursor-not-allowed"
+  },
+  "icon-grey": {
+    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
+    hover: "hover:bg-neutral-200",
+    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
+  },
+  "icon-mobile": {
+    base: "bg-transparent text-primary-700 border border-neutral-200 border-2 px-8 rounded-sm",
+    hover: "hover:bg-neutral-50",
+    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
+  }
+}, m = {
+  small: "px-3 py-1.5 text-small",
+  default: "px-4 py-2.5 text-medium",
+  large: "px-6 py-3 text-big"
+}, x = ({
+  children: a,
+  type: d = "button",
+  size: o = "default",
+  variant: l = "primary-green",
+  iconPosition: t = "left",
+  className: b,
+  disabled: e = !1,
+  ref: s,
+  ...n
 }) => {
-  const f = p({ variant: s, size: e, iconPosition: n, disabled: t, className: a });
-  return /* @__PURE__ */ l("button", { ref: m, type: r, disabled: t, "aria-disabled": t, className: f, ...u, children: o });
+  const r = p[l], i = () => t === "top" ? "flex-col" : t === "right" ? "flex-row-reverse" : "flex-row", u = [
+    "inline-flex items-center justify-center gap-2 rounded-sm font-medium transition-all duration-200",
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
+    e ? "" : "cursor-pointer",
+    r.base,
+    r.hover,
+    r.disabled,
+    m[o],
+    i()
+  ].join(" ");
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      ref: s,
+      type: d,
+      disabled: e,
+      "aria-disabled": e,
+      className: `${u} ${b ?? ""}`,
+      ...n,
+      children: a
+    }
+  );
 };
 export {
   x as Button

package/dist/components/FaqTeaserSection.d.ts

@@ -1,7 +1,14 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
 
+export interface ButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children'> {
+    children: ReactNode;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    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';
@@ -14,20 +21,12 @@ export declare interface FaqTeaserSectionProps {
         id: string;
         content: ReactNode;
     }[];
-    cta: LinkProps;
+    cta: ButtonProps;
     bgImage: ReactNode;
 }
 
 export type IconPosition = 'left' | 'right' | 'top';
 
-export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
-    children: ReactNode;
-    asChild?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 export interface SectionHeadingProps {
     title: string;
     description?: string;

package/dist/components/FaqTeaserSection.js

@@ -1,14 +1,14 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Link as n } from "./Link.js";
-import { SectionHeading as c } from "./SectionHeading.js";
+import { SectionHeading as n } from "./SectionHeading.js";
 import { ChevronRightIcon as d } from "./ChevronRightIcon.js";
-const g = ({ header: o, questions: l, cta: t, bgImage: a }) => l.length === 0 ? null : /* @__PURE__ */ r("section", { className: "bg-neutral-25 relative overflow-hidden px-6 py-10 lg:px-8 lg:py-12 xl:px-55", children: [
+import { Button as s } from "./Button.js";
+const g = ({ header: o, questions: r, cta: t, bgImage: a }) => r.length === 0 ? null : /* @__PURE__ */ l("section", { className: "bg-neutral-25 relative overflow-hidden px-6 py-10 lg:px-8 lg:py-12 xl:px-55", children: [
   /* @__PURE__ */ e("div", { className: "pointer-events-none absolute -bottom-17 -left-16 hidden xl:block", children: a }),
-  /* @__PURE__ */ r("div", { className: "relative z-2 flex flex-col justify-center gap-6 md:flex-row md:items-center xl:gap-10", children: [
-    /* @__PURE__ */ e(c, { className: "xl:max-w-120", align: "start", ...o }),
-    /* @__PURE__ */ r("div", { className: "flex flex-col gap-10 rounded-lg bg-white p-8 shadow md:min-w-87 lg:min-w-117 xl:max-w-120 xl:min-w-120", children: [
-      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-6", children: l.map((i) => /* @__PURE__ */ r(
+  /* @__PURE__ */ l("div", { className: "relative z-2 flex flex-col justify-center gap-6 md:flex-row md:items-center xl:gap-10", children: [
+    /* @__PURE__ */ e(n, { className: "xl:max-w-120", align: "start", ...o }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-10 rounded-lg bg-white p-8 shadow md:min-w-87 lg:min-w-117 xl:max-w-120 xl:min-w-120", children: [
+      /* @__PURE__ */ e("ul", { className: "flex flex-col gap-6", children: r.map((i) => /* @__PURE__ */ l(
         "li",
         {
           className: "text-medium group hover:bg-primary-100 flex w-fit cursor-pointer items-center rounded-sm p-2 font-bold text-neutral-800 transition duration-300",
@@ -19,7 +19,7 @@ const g = ({ header: o, questions: l, cta: t, bgImage: a }) => l.length === 0 ?
         },
         i.id
       )) }),
-      /* @__PURE__ */ e(n, { className: "w-fit", variant: "primary-yellow", ...t })
+      /* @__PURE__ */ e(s, { className: "w-fit", size: "default", variant: "primary-yellow", ...t })
     ] })
   ] })
 ] });

package/dist/components/HomeTemplate.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithoutRef } from 'react';
 import { ComponentPropsWithRef } from 'react';
 import { FC } from 'react';
 import { ReactNode } from 'react';
@@ -42,7 +41,7 @@ export interface FaqTeaserSectionProps {
         id: string;
         content: ReactNode;
     }[];
-    cta: LinkProps;
+    cta: ButtonProps;
     bgImage: ReactNode;
 }
 
@@ -105,14 +104,6 @@ export interface LawGeniusSectionProps {
     image: ReactNode;
 }
 
-export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
-    children: ReactNode;
-    asChild?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    iconPosition?: IconPosition;
-}
-
 export interface PopularDocumentsProps {
     header: SectionHeadingProps;
     moreDocuments?: ItemProps[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-contracts-ui",
-  "version": "0.44.19",
+  "version": "0.44.21",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -22,10 +22,6 @@
       "import": "./dist/components/Button.js",
       "types": "./dist/components/Button.d.ts"
     },
-    "./components/Button.utils.ts": {
-      "import": "./dist/components/Button.utils.ts.js",
-      "types": "./dist/components/Button.utils.ts.d.ts"
-    },
     "./components/Card": {
       "import": "./dist/components/Card.js",
       "types": "./dist/components/Card.d.ts"
@@ -46,10 +42,6 @@
       "import": "./dist/components/Item.js",
       "types": "./dist/components/Item.d.ts"
     },
-    "./components/Link": {
-      "import": "./dist/components/Link.js",
-      "types": "./dist/components/Link.d.ts"
-    },
     "./components/Markdown": {
       "import": "./dist/components/Markdown.js",
       "types": "./dist/components/Markdown.d.ts"

package/dist/components/Link.d.ts

@@ -1,20 +0,0 @@
-import { ComponentPropsWithoutRef } 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 type IconPosition = 'left' | 'right' | 'top';
-
-export declare const Link: ({ children, asChild, size, variant, iconPosition, className, ...props }: LinkProps) => JSX.Element;
-
-export declare interface LinkProps extends ComponentPropsWithoutRef<'a'> {
-    children: ReactNode;
-    asChild?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    iconPosition?: IconPosition;
-}
-

package/dist/components/Link.js

@@ -1,21 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { isValidElement as n, cloneElement as i } from "react";
-import { getButtonStyles as p } from "./atoms/Button.utils.js";
-const g = ({
-  children: t,
-  asChild: m = !1,
-  size: a = "default",
-  variant: r = "primary-green",
-  iconPosition: o = "left",
-  className: l,
-  ...e
-}) => {
-  const s = p({ variant: r, size: a, iconPosition: o, className: l });
-  return m && n(t) ? i(t, {
-    ...e,
-    className: `${s} ${t.props.className ?? ""}`.trim()
-  }) : /* @__PURE__ */ f("a", { className: s, ...e, children: t });
-};
-export {
-  g as Link
-};

package/dist/components/atoms/Button.utils.js

@@ -1,105 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-const b = {
-  "primary-green": {
-    base: "bg-primary-700 text-white border border-transparent font-semibold",
-    hover: "hover:bg-primary-500",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-darkgreen": {
-    base: "bg-primary-900 text-white border border-transparent font-semibold",
-    hover: "hover:bg-primary-800",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-yellow": {
-    base: "bg-secondary-500 text-neutral-900 border border-transparent font-semibold",
-    hover: "hover:bg-secondary-400",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "primary-white": {
-    base: "bg-white text-neutral-900 font-semibold border border-transparent",
-    hover: "hover:bg-neutral-50",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:cursor-not-allowed"
-  },
-  "secondary-green": {
-    base: "bg-white text-primary-700 border-2 border-primary-700 font-semibold",
-    hover: "hover:bg-primary-100 hover:text-primary-800",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-yellow": {
-    base: "bg-transparent text-neutral-900 border-2 border-secondary-500 font-semibold",
-    hover: "hover:bg-secondary-100 hover:border-secondary-600",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-red": {
-    base: "bg-transparent text-error-500 border-2 border-error-500 font-semibold",
-    hover: "hover:bg-error-25",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "secondary-black": {
-    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
-    hover: "hover:bg-neutral-200",
-    disabled: "disabled:bg-neutral-200 disabled:text-neutral-400 disabled:border-neutral-200 disabled:cursor-not-allowed"
-  },
-  "tertiary-bold": {
-    base: "bg-transparent text-primary-700 font-semibold border border-transparent font-semibold p-1.5!",
-    hover: "hover:text-primary-500 hover:bg-primary-200",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-thin": {
-    base: "bg-transparent text-neutral-800 font-normal border border-transparent p-1.5!",
-    hover: " hover:bg-primary-100",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-icon": {
-    base: "bg-transparent text-neutral-800 font-medium border border-transparent p-1.5!",
-    hover: "hover:bg-primary-100",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "tertiary-link": {
-    base: "bg-transparent text-primary-700 underline underline-offset-2 border border-transparent",
-    hover: "",
-    disabled: "disabled:text-neutral-400 disabled:cursor-not-allowed disabled:bg-white"
-  },
-  "icon-black": {
-    base: "bg-black text-white border border-transparent font-semibold",
-    hover: "hover:bg-neutral-800",
-    disabled: "disabled:bg-neutral-400 disabled:cursor-not-allowed"
-  },
-  "icon-grey": {
-    base: "bg-transparent text-neutral-800 border-2 border-neutral-600 font-semibold",
-    hover: "hover:bg-neutral-200",
-    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
-  },
-  "icon-mobile": {
-    base: "bg-transparent text-primary-700 border border-neutral-200 border-2 px-8 rounded-sm",
-    hover: "hover:bg-neutral-50",
-    disabled: "disabled:text-neutral-400 disabled:border-neutral-400 disabled:bg-white disabled:cursor-not-allowed"
-  }
-}, s = {
-  small: "px-3 py-1.5 text-small",
-  default: "px-4 py-2.5 text-medium",
-  large: "px-6 py-3 text-big"
-}, u = ({
-  variant: t,
-  size: a,
-  iconPosition: r,
-  disabled: d = !1,
-  className: o = ""
-}) => {
-  const e = b[t], l = () => r === "top" ? "flex-col" : r === "right" ? "flex-row-reverse" : "flex-row";
-  return [
-    "inline-flex items-center justify-center gap-2 rounded-sm font-medium transition-all duration-200",
-    "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
-    d ? "" : "cursor-pointer",
-    e.base,
-    e.hover,
-    e.disabled,
-    s[a],
-    l(),
-    o
-  ].filter(Boolean).join(" ");
-};
-export {
-  u as getButtonStyles
-};