@npm_leadtech/legal-contracts-ui 0.50.2 → 0.50.4
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.
- package/dist/components/CaFlagIcon.d.ts +4 -0
- package/dist/components/CaFlagIcon.js +36 -0
- package/dist/components/DeFlagIcon.d.ts +4 -0
- package/dist/components/DeFlagIcon.js +13 -0
- package/dist/components/GbFlagIcon.d.ts +4 -0
- package/dist/components/GbFlagIcon.js +49 -0
- package/dist/components/Header.d.ts +1 -2
- package/dist/components/LanguageSelector.d.ts +4 -3
- package/dist/components/LanguageSelector.js +11 -12
- package/dist/components/index.d.ts +8 -3
- package/package.json +13 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsxs as C, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
const d = (l) => /* @__PURE__ */ C("svg", { width: "21", height: "16", viewBox: "0 0 21 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: [
|
|
4
|
+
/* @__PURE__ */ C("g", { id: "Flag", children: [
|
|
5
|
+
/* @__PURE__ */ C("g", { clipPath: "url(#clip0_1667_1471)", children: [
|
|
6
|
+
/* @__PURE__ */ i("mask", { id: "path-1-inside-1_1667_1471", fill: "white", children: /* @__PURE__ */ i("path", { d: "M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z" }) }),
|
|
7
|
+
/* @__PURE__ */ i("path", { id: "Vector", d: "M4.92516 0.5H16.0716V15.5H4.92188L4.92516 0.5Z", fill: "white" }),
|
|
8
|
+
/* @__PURE__ */ i(
|
|
9
|
+
"path",
|
|
10
|
+
{
|
|
11
|
+
id: "Vector_2",
|
|
12
|
+
d: "M-0.646484 0.5H4.92508V15.5H-0.646484V0.5ZM16.0715 0.5H21.643V15.5H16.0748L16.0715 0.5ZM6.59523 7.75L6.15883 7.8875L8.17352 9.575C8.32774 10.0031 8.12102 10.1312 7.98977 10.3562L10.1751 10.0938L10.1226 12.1875L10.5787 12.1781L10.477 10.0969L12.6655 10.3469C12.531 10.075 12.4096 9.93125 12.5343 9.49687L14.5457 7.90312L14.1946 7.77812C13.9059 7.56562 14.3193 6.75938 14.3784 6.25C14.3784 6.25 13.207 6.63438 13.1315 6.43125L12.8296 5.88438L11.7599 7.00313C11.6451 7.03125 11.5959 6.9875 11.5663 6.89375L12.0585 4.55625L11.2776 4.975C11.2076 5.00208 11.1507 4.97917 11.107 4.90625L10.3523 3.46875L9.57789 4.9625C9.51664 5.01458 9.46195 5.02187 9.41383 4.98438L8.66242 4.5875L9.11195 6.90312C9.07586 6.99687 8.99055 7.02188 8.89211 6.97188L7.86836 5.86875C7.73711 6.07188 7.64524 6.40313 7.46805 6.47813C7.29086 6.55312 6.69695 6.3375 6.29992 6.25938C6.43773 6.72188 6.85773 7.49687 6.59523 7.75Z",
|
|
13
|
+
fill: "#D52B1E"
|
|
14
|
+
}
|
|
15
|
+
)
|
|
16
|
+
] }),
|
|
17
|
+
/* @__PURE__ */ i(
|
|
18
|
+
"path",
|
|
19
|
+
{
|
|
20
|
+
d: "M0 2.5C0 1.28497 0.984974 0.3 2.2 0.3H18.8C20.015 0.3 21 1.28497 21 2.5C21 1.50589 20.1046 0.7 19 0.7H2C0.895431 0.7 0 1.50589 0 2.5ZM21 13.5C21 14.715 20.015 15.7 18.8 15.7H2.2C0.984974 15.7 0 14.715 0 13.5C0 14.4941 0.895431 15.3 2 15.3H19C20.1046 15.3 21 14.4941 21 13.5ZM0 15.5V0.5V15.5ZM21 0.5V15.5V0.5Z",
|
|
21
|
+
fill: "#DBE1E5",
|
|
22
|
+
mask: "url(#path-1-inside-1_1667_1471)"
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
] }),
|
|
26
|
+
/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_1667_1471", children: /* @__PURE__ */ i(
|
|
27
|
+
"path",
|
|
28
|
+
{
|
|
29
|
+
d: "M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z",
|
|
30
|
+
fill: "white"
|
|
31
|
+
}
|
|
32
|
+
) }) })
|
|
33
|
+
] });
|
|
34
|
+
export {
|
|
35
|
+
d as CaFlagIcon
|
|
36
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs as l, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
const d = (t) => /* @__PURE__ */ l("svg", { width: "21", height: "16", viewBox: "0 0 21 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
|
|
4
|
+
/* @__PURE__ */ i("g", { id: "Flag", children: /* @__PURE__ */ l("g", { clipPath: "url(#clip0_1607_4659)", children: [
|
|
5
|
+
/* @__PURE__ */ i("path", { id: "Vector", d: "M0 10.5H21V15.5H0V10.5Z", fill: "#FFCC00" }),
|
|
6
|
+
/* @__PURE__ */ i("path", { id: "Vector_2", d: "M0 0.5H21V5.5H0V0.5Z", fill: "#000001" }),
|
|
7
|
+
/* @__PURE__ */ i("path", { id: "Vector_3", d: "M0 5.5H21V10.5H0V5.5Z", fill: "#FF0000" })
|
|
8
|
+
] }) }),
|
|
9
|
+
/* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_1607_4659", children: /* @__PURE__ */ i("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" }) }) })
|
|
10
|
+
] });
|
|
11
|
+
export {
|
|
12
|
+
d as DeFlagIcon
|
|
13
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
const d = (t) => /* @__PURE__ */ i("svg", { width: "21", height: "16", viewBox: "0 0 21 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
|
|
4
|
+
/* @__PURE__ */ i("g", { clipPath: "url(#clip0_2755_1569)", children: [
|
|
5
|
+
/* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" }),
|
|
6
|
+
/* @__PURE__ */ e(
|
|
7
|
+
"mask",
|
|
8
|
+
{
|
|
9
|
+
id: "mask0_2755_1569",
|
|
10
|
+
style: { maskType: "luminance" },
|
|
11
|
+
maskUnits: "userSpaceOnUse",
|
|
12
|
+
x: "0",
|
|
13
|
+
y: "0",
|
|
14
|
+
width: "21",
|
|
15
|
+
height: "16",
|
|
16
|
+
children: /* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" })
|
|
17
|
+
}
|
|
18
|
+
),
|
|
19
|
+
/* @__PURE__ */ i("g", { mask: "url(#mask0_2755_1569)", children: [
|
|
20
|
+
/* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", fill: "#0A17A7" }),
|
|
21
|
+
/* @__PURE__ */ e(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M-0.961692 -0.9375L8.00016 5.10735V-0.500139H13.0002V5.10736L21.962 -0.937487L23.0804 0.720588L15.9948 5.49986H21.0002V10.4999H15.9949L23.0804 15.2791L21.962 16.9372L13.0002 10.8923V16.4999H8.00016V10.8923L-0.961685 16.9372L-2.08007 15.2791L5.00545 10.4999H0.000158787V5.49986H5.0055L-2.08008 0.720575L-0.961692 -0.9375Z",
|
|
27
|
+
fill: "white"
|
|
28
|
+
}
|
|
29
|
+
),
|
|
30
|
+
/* @__PURE__ */ e("path", { d: "M14.001 5.24915L23.5 -1", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
|
|
31
|
+
/* @__PURE__ */ e("path", { d: "M15.0098 10.7731L23.5251 16.5127", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
|
|
32
|
+
/* @__PURE__ */ e("path", { d: "M6.00433 5.23315L-2.87793 -0.75293", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
|
|
33
|
+
/* @__PURE__ */ e("path", { d: "M6.96771 10.7032L-2.87793 17.2324", stroke: "#DB1F35", strokeWidth: "0.666667", strokeLinecap: "round" }),
|
|
34
|
+
/* @__PURE__ */ e(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
fillRule: "evenodd",
|
|
38
|
+
clipRule: "evenodd",
|
|
39
|
+
d: "M0 9.5H9V15.5H12V9.5H21V6.5H12V0.5H9V6.5H0V9.5Z",
|
|
40
|
+
fill: "#E6273E"
|
|
41
|
+
}
|
|
42
|
+
)
|
|
43
|
+
] })
|
|
44
|
+
] }),
|
|
45
|
+
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_2755_1569", children: /* @__PURE__ */ e("rect", { y: "0.5", width: "21", height: "15", rx: "2", fill: "white" }) }) })
|
|
46
|
+
] });
|
|
47
|
+
export {
|
|
48
|
+
d as GbFlagIcon
|
|
49
|
+
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { default as default_2 } from 'react';
|
|
2
1
|
import { FC } from 'react';
|
|
3
2
|
import * as React_2 from 'react';
|
|
4
3
|
import { ReactNode } from 'react';
|
|
@@ -7,7 +6,7 @@ export interface FormattedLanguageItem {
|
|
|
7
6
|
code: string;
|
|
8
7
|
name: string;
|
|
9
8
|
url?: string;
|
|
10
|
-
flag:
|
|
9
|
+
flag: ReactNode;
|
|
11
10
|
}
|
|
12
11
|
|
|
13
12
|
export declare const Header: FC<HeaderProps>;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
|
|
3
4
|
export declare interface FormattedLanguageItem {
|
|
4
5
|
code: string;
|
|
5
6
|
name: string;
|
|
6
7
|
url?: string;
|
|
7
|
-
flag:
|
|
8
|
+
flag: ReactNode;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
|
-
export declare const LanguageSelector:
|
|
11
|
+
export declare const LanguageSelector: FC<LanguageSelectorProps>;
|
|
11
12
|
|
|
12
13
|
export declare interface LanguageSelectorProps {
|
|
13
14
|
currentLanguage: FormattedLanguageItem;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
currentLanguage: r,
|
|
3
|
+
const f = ({
|
|
4
|
+
currentLanguage: l,
|
|
6
5
|
availableLanguages: i,
|
|
7
6
|
variant: a = "default",
|
|
8
|
-
isOpen:
|
|
7
|
+
isOpen: r = !1,
|
|
9
8
|
onToggle: n
|
|
10
9
|
}) => a === "compact" ? /* @__PURE__ */ s("div", { className: "group relative inline-flex cursor-pointer flex-col py-2", children: [
|
|
11
10
|
/* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 py-1", children: [
|
|
12
|
-
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children:
|
|
13
|
-
/* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children:
|
|
11
|
+
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
|
|
12
|
+
/* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: l.name })
|
|
14
13
|
] }),
|
|
15
14
|
/* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-full z-10 flex flex-col gap-2 rounded-lg bg-white p-2 opacity-0 shadow-md transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100", children: i.map((t) => /* @__PURE__ */ s(
|
|
16
15
|
"a",
|
|
@@ -28,18 +27,18 @@ const p = ({
|
|
|
28
27
|
/* @__PURE__ */ s(
|
|
29
28
|
"button",
|
|
30
29
|
{
|
|
31
|
-
className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${
|
|
30
|
+
className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${r ? "bg-gray-50" : ""}`,
|
|
32
31
|
onClick: n,
|
|
33
32
|
children: [
|
|
34
33
|
/* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 font-medium text-gray-800", children: [
|
|
35
|
-
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children:
|
|
36
|
-
/* @__PURE__ */ e("span", { className: "text-base text-white", children:
|
|
34
|
+
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
|
|
35
|
+
/* @__PURE__ */ e("span", { className: "text-base text-white", children: l.name })
|
|
37
36
|
] }),
|
|
38
|
-
/* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${
|
|
37
|
+
/* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${r ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
|
|
39
38
|
]
|
|
40
39
|
}
|
|
41
40
|
),
|
|
42
|
-
|
|
41
|
+
r && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: i.map((t, c) => /* @__PURE__ */ e(
|
|
43
42
|
"a",
|
|
44
43
|
{
|
|
45
44
|
href: t.url,
|
|
@@ -54,5 +53,5 @@ const p = ({
|
|
|
54
53
|
)) })
|
|
55
54
|
] });
|
|
56
55
|
export {
|
|
57
|
-
|
|
56
|
+
f as LanguageSelector
|
|
58
57
|
};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ComponentPropsWithRef } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
|
|
2
|
-
import { default as default_2 } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
|
|
3
2
|
import { FC } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
|
|
4
3
|
import { FC as FC_2 } from '../../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
|
|
5
4
|
import { HTMLInputTypeAttribute } from '../../../node_modules/.pnpm/react@19.2.3/node_modules/react';
|
|
@@ -84,6 +83,8 @@ export declare type ButtonSize = 'small' | 'default' | 'large';
|
|
|
84
83
|
|
|
85
84
|
export declare 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';
|
|
86
85
|
|
|
86
|
+
export declare const CaFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
87
|
+
|
|
87
88
|
export declare const Card: FC<CardProps>;
|
|
88
89
|
|
|
89
90
|
export declare interface CardProps {
|
|
@@ -189,6 +190,8 @@ export declare interface DefaultSubtypeDocumentProps extends BaseSubtypeDocument
|
|
|
189
190
|
description: string;
|
|
190
191
|
}
|
|
191
192
|
|
|
193
|
+
export declare const DeFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
194
|
+
|
|
192
195
|
export declare const DocEditFillIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
193
196
|
|
|
194
197
|
export declare const DocOutlineIcon: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
@@ -325,9 +328,11 @@ export declare interface FormattedLanguageItem {
|
|
|
325
328
|
code: string;
|
|
326
329
|
name: string;
|
|
327
330
|
url?: string;
|
|
328
|
-
flag:
|
|
331
|
+
flag: ReactNode;
|
|
329
332
|
}
|
|
330
333
|
|
|
334
|
+
export declare const GbFlagIcon: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
|
|
335
|
+
|
|
331
336
|
export declare const getButtonClasses: (size?: ButtonSize, variant?: ResponsiveButtonVariant, iconPosition?: IconPosition, disabled?: boolean, className?: string) => string;
|
|
332
337
|
|
|
333
338
|
export declare const GuidelinesSection: FC<GuidelinesSectionProps>;
|
|
@@ -476,7 +481,7 @@ export declare interface JumbotronProps {
|
|
|
476
481
|
bgImage: ReactNode;
|
|
477
482
|
}
|
|
478
483
|
|
|
479
|
-
export declare const LanguageSelector:
|
|
484
|
+
export declare const LanguageSelector: FC<LanguageSelectorProps>;
|
|
480
485
|
|
|
481
486
|
export declare interface LanguageSelectorProps {
|
|
482
487
|
currentLanguage: FormattedLanguageItem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-contracts-ui",
|
|
3
|
-
"version": "0.50.
|
|
3
|
+
"version": "0.50.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -78,6 +78,10 @@
|
|
|
78
78
|
"import": "./dist/components/BusinessIcon.js",
|
|
79
79
|
"types": "./dist/components/BusinessIcon.d.ts"
|
|
80
80
|
},
|
|
81
|
+
"./components/CaFlagIcon": {
|
|
82
|
+
"import": "./dist/components/CaFlagIcon.js",
|
|
83
|
+
"types": "./dist/components/CaFlagIcon.d.ts"
|
|
84
|
+
},
|
|
81
85
|
"./components/ChevronDownIcon": {
|
|
82
86
|
"import": "./dist/components/ChevronDownIcon.js",
|
|
83
87
|
"types": "./dist/components/ChevronDownIcon.d.ts"
|
|
@@ -94,6 +98,10 @@
|
|
|
94
98
|
"import": "./dist/components/CommunicationIcon.js",
|
|
95
99
|
"types": "./dist/components/CommunicationIcon.d.ts"
|
|
96
100
|
},
|
|
101
|
+
"./components/DeFlagIcon": {
|
|
102
|
+
"import": "./dist/components/DeFlagIcon.js",
|
|
103
|
+
"types": "./dist/components/DeFlagIcon.d.ts"
|
|
104
|
+
},
|
|
97
105
|
"./components/DocEditFillIcon": {
|
|
98
106
|
"import": "./dist/components/DocEditFillIcon.js",
|
|
99
107
|
"types": "./dist/components/DocEditFillIcon.d.ts"
|
|
@@ -130,6 +138,10 @@
|
|
|
130
138
|
"import": "./dist/components/FinanceIcon.js",
|
|
131
139
|
"types": "./dist/components/FinanceIcon.d.ts"
|
|
132
140
|
},
|
|
141
|
+
"./components/GbFlagIcon": {
|
|
142
|
+
"import": "./dist/components/GbFlagIcon.js",
|
|
143
|
+
"types": "./dist/components/GbFlagIcon.d.ts"
|
|
144
|
+
},
|
|
133
145
|
"./components/HamburgerIcon": {
|
|
134
146
|
"import": "./dist/components/HamburgerIcon.js",
|
|
135
147
|
"types": "./dist/components/HamburgerIcon.d.ts"
|