@npm_leadtech/legal-contracts-ui 0.44.19 → 0.44.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
2
1
|
import { FC } from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
4
3
|
|
|
5
|
-
export type ButtonSize = 'small' | 'default' | 'large';
|
|
6
|
-
|
|
7
|
-
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';
|
|
8
|
-
|
|
9
4
|
export declare const FaqTeaserSection: FC<FaqTeaserSectionProps>;
|
|
10
5
|
|
|
11
6
|
export declare interface FaqTeaserSectionProps {
|
|
@@ -14,20 +9,10 @@ export declare interface FaqTeaserSectionProps {
|
|
|
14
9
|
id: string;
|
|
15
10
|
content: ReactNode;
|
|
16
11
|
}[];
|
|
17
|
-
|
|
12
|
+
ctaNode: ReactNode;
|
|
18
13
|
bgImage: ReactNode;
|
|
19
14
|
}
|
|
20
15
|
|
|
21
|
-
export type IconPosition = 'left' | 'right' | 'top';
|
|
22
|
-
|
|
23
|
-
export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
|
|
24
|
-
children: ReactNode;
|
|
25
|
-
asChild?: boolean;
|
|
26
|
-
size?: ButtonSize;
|
|
27
|
-
variant?: ButtonVariant;
|
|
28
|
-
iconPosition?: IconPosition;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
16
|
export interface SectionHeadingProps {
|
|
32
17
|
title: string;
|
|
33
18
|
description?: string;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as l, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import {
|
|
4
|
-
import { SectionHeading as c } from "./SectionHeading.js";
|
|
3
|
+
import { SectionHeading as a } from "./SectionHeading.js";
|
|
5
4
|
import { ChevronRightIcon as d } from "./ChevronRightIcon.js";
|
|
6
|
-
const
|
|
7
|
-
/* @__PURE__ */ e("div", { className: "pointer-events-none absolute -bottom-17 -left-16 hidden xl:block", children:
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
/* @__PURE__ */ e(
|
|
10
|
-
/* @__PURE__ */
|
|
11
|
-
/* @__PURE__ */ e("ul", { className: "flex flex-col gap-6", children:
|
|
5
|
+
const x = ({ header: o, questions: r, ctaNode: t, bgImage: n }) => 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: [
|
|
6
|
+
/* @__PURE__ */ e("div", { className: "pointer-events-none absolute -bottom-17 -left-16 hidden xl:block", children: n }),
|
|
7
|
+
/* @__PURE__ */ l("div", { className: "relative z-2 flex flex-col justify-center gap-6 md:flex-row md:items-center xl:gap-10", children: [
|
|
8
|
+
/* @__PURE__ */ e(a, { className: "xl:max-w-120", align: "start", ...o }),
|
|
9
|
+
/* @__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: [
|
|
10
|
+
/* @__PURE__ */ e("ul", { className: "flex flex-col gap-6", children: r.map((i) => /* @__PURE__ */ l(
|
|
12
11
|
"li",
|
|
13
12
|
{
|
|
14
13
|
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,10 +18,10 @@ const g = ({ header: o, questions: l, cta: t, bgImage: a }) => l.length === 0 ?
|
|
|
19
18
|
},
|
|
20
19
|
i.id
|
|
21
20
|
)) }),
|
|
22
|
-
|
|
21
|
+
t
|
|
23
22
|
] })
|
|
24
23
|
] })
|
|
25
24
|
] });
|
|
26
25
|
export {
|
|
27
|
-
|
|
26
|
+
x as FaqTeaserSection
|
|
28
27
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
2
1
|
import { ComponentPropsWithRef } from 'react';
|
|
3
2
|
import { FC } from 'react';
|
|
4
3
|
import { ReactNode } from 'react';
|
|
@@ -42,7 +41,7 @@ export interface FaqTeaserSectionProps {
|
|
|
42
41
|
id: string;
|
|
43
42
|
content: ReactNode;
|
|
44
43
|
}[];
|
|
45
|
-
|
|
44
|
+
ctaNode: ReactNode;
|
|
46
45
|
bgImage: ReactNode;
|
|
47
46
|
}
|
|
48
47
|
|
|
@@ -105,14 +104,6 @@ export interface LawGeniusSectionProps {
|
|
|
105
104
|
image: ReactNode;
|
|
106
105
|
}
|
|
107
106
|
|
|
108
|
-
export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
|
|
109
|
-
children: ReactNode;
|
|
110
|
-
asChild?: boolean;
|
|
111
|
-
size?: ButtonSize;
|
|
112
|
-
variant?: ButtonVariant;
|
|
113
|
-
iconPosition?: IconPosition;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
107
|
export interface PopularDocumentsProps {
|
|
117
108
|
header: SectionHeadingProps;
|
|
118
109
|
moreDocuments?: ItemProps[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-contracts-ui",
|
|
3
|
-
"version": "0.44.
|
|
3
|
+
"version": "0.44.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -46,10 +46,6 @@
|
|
|
46
46
|
"import": "./dist/components/Item.js",
|
|
47
47
|
"types": "./dist/components/Item.d.ts"
|
|
48
48
|
},
|
|
49
|
-
"./components/Link": {
|
|
50
|
-
"import": "./dist/components/Link.js",
|
|
51
|
-
"types": "./dist/components/Link.d.ts"
|
|
52
|
-
},
|
|
53
49
|
"./components/Markdown": {
|
|
54
50
|
"import": "./dist/components/Markdown.js",
|
|
55
51
|
"types": "./dist/components/Markdown.d.ts"
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { JSX } from 'react/jsx-runtime';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
|
-
|
|
5
|
-
export type ButtonSize = 'small' | 'default' | 'large';
|
|
6
|
-
|
|
7
|
-
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';
|
|
8
|
-
|
|
9
|
-
export type IconPosition = 'left' | 'right' | 'top';
|
|
10
|
-
|
|
11
|
-
export declare const Link: ({ children, asChild, size, variant, iconPosition, className, ...props }: LinkProps) => JSX.Element;
|
|
12
|
-
|
|
13
|
-
export declare interface LinkProps extends ComponentPropsWithoutRef<'a'> {
|
|
14
|
-
children: ReactNode;
|
|
15
|
-
asChild?: boolean;
|
|
16
|
-
size?: ButtonSize;
|
|
17
|
-
variant?: ButtonVariant;
|
|
18
|
-
iconPosition?: IconPosition;
|
|
19
|
-
}
|
|
20
|
-
|
package/dist/components/Link.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
-
import { isValidElement as n, cloneElement as i } from "react";
|
|
3
|
-
import { getButtonStyles as p } from "./atoms/Button.utils.js";
|
|
4
|
-
const g = ({
|
|
5
|
-
children: t,
|
|
6
|
-
asChild: m = !1,
|
|
7
|
-
size: a = "default",
|
|
8
|
-
variant: r = "primary-green",
|
|
9
|
-
iconPosition: o = "left",
|
|
10
|
-
className: l,
|
|
11
|
-
...e
|
|
12
|
-
}) => {
|
|
13
|
-
const s = p({ variant: r, size: a, iconPosition: o, className: l });
|
|
14
|
-
return m && n(t) ? i(t, {
|
|
15
|
-
...e,
|
|
16
|
-
className: `${s} ${t.props.className ?? ""}`.trim()
|
|
17
|
-
}) : /* @__PURE__ */ f("a", { className: s, ...e, children: t });
|
|
18
|
-
};
|
|
19
|
-
export {
|
|
20
|
-
g as Link
|
|
21
|
-
};
|