@npm_leadtech/legal-contracts-ui 0.50.1 → 0.50.2
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/Badge.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
const
|
|
3
|
+
const o = ({ children: t, color: e = "secondary" }) => /* @__PURE__ */ a(
|
|
4
4
|
"div",
|
|
5
5
|
{
|
|
6
|
-
className: `flex items-center gap-2 rounded bg-${
|
|
7
|
-
children:
|
|
6
|
+
className: `absolute -top-4 left-1/2 flex -translate-x-1/2 transform items-center gap-2 rounded sm:-right-2 sm:left-auto sm:translate-0 bg-${e}-200 text-small px-2 py-2 whitespace-nowrap text-neutral-800 shadow-md`,
|
|
7
|
+
children: t
|
|
8
8
|
}
|
|
9
9
|
);
|
|
10
10
|
export {
|
|
11
|
-
|
|
11
|
+
o as Badge
|
|
12
12
|
};
|
|
@@ -2,25 +2,24 @@ import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
|
|
3
3
|
import "react";
|
|
4
4
|
const p = ({
|
|
5
|
-
currentLanguage:
|
|
6
|
-
availableLanguages:
|
|
7
|
-
variant:
|
|
8
|
-
isOpen:
|
|
9
|
-
onToggle:
|
|
10
|
-
}) =>
|
|
11
|
-
/* @__PURE__ */ s("div", { className: "flex items-center gap-2 py-1", children: [
|
|
12
|
-
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children:
|
|
13
|
-
/* @__PURE__ */ e("span", { className: "text-
|
|
5
|
+
currentLanguage: r,
|
|
6
|
+
availableLanguages: i,
|
|
7
|
+
variant: a = "default",
|
|
8
|
+
isOpen: l = !1,
|
|
9
|
+
onToggle: n
|
|
10
|
+
}) => a === "compact" ? /* @__PURE__ */ s("div", { className: "group relative inline-flex cursor-pointer flex-col py-2", children: [
|
|
11
|
+
/* @__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: r.flag }),
|
|
13
|
+
/* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: r.name })
|
|
14
14
|
] }),
|
|
15
|
-
/* @__PURE__ */ e("div", { className: "
|
|
15
|
+
/* @__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
16
|
"a",
|
|
17
17
|
{
|
|
18
18
|
href: t.url,
|
|
19
|
-
className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-
|
|
20
|
-
style: { animationDelay: `${String(r * 0.05)}s` },
|
|
19
|
+
className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-2 py-1 transition-colors",
|
|
21
20
|
children: [
|
|
22
21
|
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
|
|
23
|
-
/* @__PURE__ */ e("span", { className: "text-
|
|
22
|
+
/* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: t.name })
|
|
24
23
|
]
|
|
25
24
|
},
|
|
26
25
|
t.code
|
|
@@ -29,23 +28,23 @@ const p = ({
|
|
|
29
28
|
/* @__PURE__ */ s(
|
|
30
29
|
"button",
|
|
31
30
|
{
|
|
32
|
-
className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${
|
|
33
|
-
onClick:
|
|
31
|
+
className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${l ? "bg-gray-50" : ""}`,
|
|
32
|
+
onClick: n,
|
|
34
33
|
children: [
|
|
35
34
|
/* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 font-medium text-gray-800", children: [
|
|
36
|
-
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children:
|
|
37
|
-
/* @__PURE__ */ e("span", { className: "text-base text-white", children:
|
|
35
|
+
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: r.flag }),
|
|
36
|
+
/* @__PURE__ */ e("span", { className: "text-base text-white", children: r.name })
|
|
38
37
|
] }),
|
|
39
|
-
/* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${
|
|
38
|
+
/* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${l ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
|
|
40
39
|
]
|
|
41
40
|
}
|
|
42
41
|
),
|
|
43
|
-
|
|
42
|
+
l && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: i.map((t, c) => /* @__PURE__ */ e(
|
|
44
43
|
"a",
|
|
45
44
|
{
|
|
46
45
|
href: t.url,
|
|
47
46
|
className: "mt-2 w-full animate-[slideDown_0.3s_both] items-center justify-between rounded-md bg-white px-4 py-3 ease-out",
|
|
48
|
-
style: { animationDelay: `${String(
|
|
47
|
+
style: { animationDelay: `${String(c * 0.05)}s` },
|
|
49
48
|
children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 text-gray-600", children: [
|
|
50
49
|
/* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
|
|
51
50
|
/* @__PURE__ */ e("span", { className: "text-base", children: t.name })
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import { Badge as e } from "./Badge.js";
|
|
4
|
-
import { TrustedIcon as
|
|
5
|
-
const
|
|
6
|
-
/* @__PURE__ */
|
|
7
|
-
|
|
4
|
+
import { TrustedIcon as m } from "./TrustedIcon.js";
|
|
5
|
+
const a = ({ children: r }) => /* @__PURE__ */ o(e, { children: [
|
|
6
|
+
/* @__PURE__ */ t(m, { className: "h-5 w-5" }),
|
|
7
|
+
r
|
|
8
8
|
] });
|
|
9
9
|
export {
|
|
10
|
-
|
|
10
|
+
a as TrustedBadge
|
|
11
11
|
};
|