@ledgerhq/lumen-ui-react 0.1.58 → 0.1.59
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/index.js +172 -176
- package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.js +6 -6
- package/dist/lib/Components/core/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/core/Avatar/Avatar.js +31 -35
- package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts +9 -0
- package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts.map +1 -1
- package/dist/lib/Components/core/Avatar/resolveAvatarColor.js +23 -5
- package/dist/lib/Components/core/Banner/Banner.js +25 -25
- package/dist/lib/Components/core/Button/Button.js +4 -4
- package/dist/lib/Components/core/Card/Card.js +16 -16
- package/dist/lib/Components/core/CardButton/CardButton.js +8 -8
- package/dist/lib/Components/core/CardButton/types.d.ts +1 -1
- package/dist/lib/Components/core/CardButton/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Dialog/Dialog.js +4 -4
- package/dist/lib/Components/core/Divider/Divider.js +4 -4
- package/dist/lib/Components/core/DotIcon/DotIcon.js +9 -9
- package/dist/lib/Components/core/DotIcon/index.d.ts +0 -7
- package/dist/lib/Components/core/DotIcon/index.d.ts.map +1 -1
- package/dist/lib/Components/core/DotSymbol/DotSymbol.js +4 -4
- package/dist/lib/Components/core/DotSymbol/index.d.ts +0 -12
- package/dist/lib/Components/core/DotSymbol/index.d.ts.map +1 -1
- package/dist/lib/Components/core/IconButton/IconButton.js +5 -5
- package/dist/lib/Components/core/Link/Link.js +6 -6
- package/dist/lib/Components/core/Link/types.d.ts +1 -1
- package/dist/lib/Components/core/Link/types.d.ts.map +1 -1
- package/dist/lib/Components/core/ListItem/ListItem.js +8 -8
- package/dist/lib/Components/core/MediaBanner/MediaBanner.js +4 -4
- package/dist/lib/Components/core/NavBar/CoinCapsule.js +4 -4
- package/dist/lib/Components/core/Popover/Popover.js +4 -4
- package/dist/lib/Components/core/SearchInput/SearchInput.js +2 -2
- package/dist/lib/Components/core/SectionHeader/SectionHeader.js +4 -4
- package/dist/lib/Components/core/SegmentedControl/types.d.ts +1 -1
- package/dist/lib/Components/core/SegmentedControl/types.d.ts.map +1 -1
- package/dist/lib/Components/core/SideBar/types.d.ts +1 -1
- package/dist/lib/Components/core/SideBar/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Spinner/types.d.ts +1 -1
- package/dist/lib/Components/core/Spinner/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Spot/Spot.d.ts.map +1 -1
- package/dist/lib/Components/core/Spot/Spot.js +65 -54
- package/dist/lib/Components/core/Spot/types.d.ts +1 -1
- package/dist/lib/Components/core/Spot/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Stepper/Stepper.js +10 -10
- package/dist/lib/Components/core/Switch/Switch.js +4 -4
- package/dist/lib/Components/core/Tag/types.d.ts +1 -1
- package/dist/lib/Components/core/Tag/types.d.ts.map +1 -1
- package/dist/lib/Components/core/TileButton/types.d.ts +1 -1
- package/dist/lib/Components/core/TileButton/types.d.ts.map +1 -1
- package/dist/lib/Components/core/Tooltip/Tooltip.js +3 -3
- package/dist/lib/Components/internal/BaseButton/BaseButton.d.ts +1 -1
- package/dist/lib/Components/internal/BaseButton/BaseButton.js +12 -12
- package/dist/lib/Components/internal/BaseButton/types.d.ts +1 -1
- package/dist/lib/Components/internal/BaseButton/types.d.ts.map +1 -1
- package/dist/lib/Components/internal/BaseInput/BaseInput.js +12 -12
- package/dist/lib/Components/internal/BaseInput/BaseInputMultiline.js +10 -10
- package/dist/lib/Components/internal/BaseTag/BaseTag.js +19 -19
- package/dist/lib/Components/symbols/Icon/createIcon.js +3 -3
- package/dist/lib/Components/symbols/icons/CloudSync.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/CloudSync.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/CloudSync.js +28 -0
- package/dist/lib/Components/symbols/icons/Dollar.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Dollar.js +26 -14
- package/dist/lib/Components/symbols/icons/DollarConvert.js +3 -3
- package/dist/lib/Components/symbols/icons/DollarFill.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/DollarFill.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/DollarFill.js +25 -0
- package/dist/lib/Components/symbols/icons/FaceId.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/FaceId.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/FaceId.js +28 -0
- package/dist/lib/Components/symbols/icons/Fingerprint.d.ts +29 -0
- package/dist/lib/Components/symbols/icons/Fingerprint.d.ts.map +1 -0
- package/dist/lib/Components/symbols/icons/Fingerprint.js +28 -0
- package/dist/lib/Components/symbols/icons/Pause.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Pause.js +8 -7
- package/dist/lib/Components/symbols/icons/Range.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Range.js +8 -11
- package/dist/lib/Components/symbols/icons/Telegram.d.ts.map +1 -1
- package/dist/lib/Components/symbols/icons/Telegram.js +15 -12
- package/dist/lib/Components/symbols/icons/Usb.js +1 -1
- package/dist/lib/Components/symbols/index.d.ts +4 -0
- package/dist/lib/Components/symbols/index.d.ts.map +1 -1
- package/dist/lib/Components/symbols/index.js +482 -474
- package/dist/lib/Components/visualization/DonutChart/DonutChartCenter.js +2 -2
- package/dist/lib/Components/visualization/Legend/Legend.js +4 -4
- package/dist/lib/Components/visualization/config.d.ts +22 -22
- package/dist/package.json +1 -1
- package/package.json +3 -3
- package/dist/lib/Components/core/DotIcon/index.js +0 -10
- package/dist/lib/Components/core/DotSymbol/index.js +0 -15
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { cn as
|
|
2
|
+
import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { cva as b } from "class-variance-authority";
|
|
4
4
|
import { useCommonTranslation as g } from "../../../../i18n/useCommonTranslation.js";
|
|
5
|
-
import { IconButton as
|
|
6
|
-
import { Close as
|
|
7
|
-
import { DeleteCircleFill as
|
|
5
|
+
import { IconButton as u } from "../IconButton/IconButton.js";
|
|
6
|
+
import { Close as N } from "../../symbols/icons/Close.js";
|
|
7
|
+
import { DeleteCircleFill as h } from "../../symbols/icons/DeleteCircleFill.js";
|
|
8
8
|
import { WarningFill as v } from "../../symbols/icons/WarningFill.js";
|
|
9
9
|
import { CheckmarkCircleFill as w } from "../../symbols/icons/CheckmarkCircleFill.js";
|
|
10
10
|
import { InformationFill as C } from "../../symbols/icons/InformationFill.js";
|
|
@@ -12,57 +12,57 @@ const k = {
|
|
|
12
12
|
info: /* @__PURE__ */ r(C, { className: "text-base" }),
|
|
13
13
|
success: /* @__PURE__ */ r(w, { className: "text-success" }),
|
|
14
14
|
warning: /* @__PURE__ */ r(v, { className: "text-warning" }),
|
|
15
|
-
error: /* @__PURE__ */ r(
|
|
15
|
+
error: /* @__PURE__ */ r(h, { className: "text-error" })
|
|
16
16
|
}, F = {
|
|
17
17
|
root: b("flex w-full items-start gap-8 rounded-md p-12 text-base", {
|
|
18
18
|
variants: {
|
|
19
19
|
appearance: {
|
|
20
20
|
info: "bg-surface",
|
|
21
|
-
success: "bg-success",
|
|
22
|
-
warning: "bg-warning",
|
|
23
|
-
error: "bg-error"
|
|
21
|
+
success: "bg-success-transparent",
|
|
22
|
+
warning: "bg-warning-transparent",
|
|
23
|
+
error: "bg-error-transparent"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
})
|
|
27
27
|
}, W = ({
|
|
28
|
-
ref:
|
|
28
|
+
ref: c,
|
|
29
29
|
appearance: s = "info",
|
|
30
30
|
title: a,
|
|
31
|
-
description:
|
|
32
|
-
primaryAction:
|
|
33
|
-
secondaryAction:
|
|
34
|
-
className:
|
|
31
|
+
description: n,
|
|
32
|
+
primaryAction: o,
|
|
33
|
+
secondaryAction: l,
|
|
34
|
+
className: m,
|
|
35
35
|
onClose: i,
|
|
36
|
-
closeAriaLabel:
|
|
37
|
-
...
|
|
36
|
+
closeAriaLabel: p,
|
|
37
|
+
...f
|
|
38
38
|
}) => {
|
|
39
39
|
const { t: x } = g(), d = k[s];
|
|
40
40
|
return /* @__PURE__ */ e(
|
|
41
41
|
"div",
|
|
42
42
|
{
|
|
43
|
-
ref:
|
|
44
|
-
className:
|
|
45
|
-
...
|
|
43
|
+
ref: c,
|
|
44
|
+
className: t(F.root({ appearance: s }), m),
|
|
45
|
+
...f,
|
|
46
46
|
children: [
|
|
47
47
|
/* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: d }),
|
|
48
48
|
/* @__PURE__ */ e("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
|
|
49
49
|
/* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
|
|
50
50
|
a && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: a }),
|
|
51
|
-
|
|
51
|
+
n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !a && "mt-2"), children: n })
|
|
52
52
|
] }),
|
|
53
|
-
(
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
(o || l) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
|
|
54
|
+
o,
|
|
55
|
+
l
|
|
56
56
|
] })
|
|
57
57
|
] }),
|
|
58
58
|
i && /* @__PURE__ */ r(
|
|
59
|
-
|
|
59
|
+
u,
|
|
60
60
|
{
|
|
61
61
|
appearance: "transparent",
|
|
62
62
|
size: "xs",
|
|
63
|
-
icon:
|
|
63
|
+
icon: N,
|
|
64
64
|
onClick: () => i(),
|
|
65
|
-
"aria-label":
|
|
65
|
+
"aria-label": p || x("components.banner.closeAriaLabel")
|
|
66
66
|
}
|
|
67
67
|
)
|
|
68
68
|
]
|
|
@@ -17,8 +17,8 @@ const l = e("", {
|
|
|
17
17
|
ref: t,
|
|
18
18
|
className: m,
|
|
19
19
|
loading: s,
|
|
20
|
-
disabled:
|
|
21
|
-
children:
|
|
20
|
+
disabled: r,
|
|
21
|
+
children: a,
|
|
22
22
|
size: o,
|
|
23
23
|
icon: i,
|
|
24
24
|
...p
|
|
@@ -27,12 +27,12 @@ const l = e("", {
|
|
|
27
27
|
{
|
|
28
28
|
ref: t,
|
|
29
29
|
size: o,
|
|
30
|
-
disabled:
|
|
30
|
+
disabled: r,
|
|
31
31
|
icon: i,
|
|
32
32
|
loading: s,
|
|
33
33
|
className: d(l({ size: o }), "gap-8", m),
|
|
34
34
|
...p,
|
|
35
|
-
children:
|
|
35
|
+
children: a
|
|
36
36
|
}
|
|
37
37
|
);
|
|
38
38
|
export {
|
|
@@ -71,31 +71,31 @@ const k = ({
|
|
|
71
71
|
disabled: !1
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
),
|
|
74
|
+
), D = ({
|
|
75
75
|
ref: r,
|
|
76
76
|
className: t,
|
|
77
77
|
type: a = "interactive",
|
|
78
78
|
expanded: e,
|
|
79
79
|
outlined: s = !1,
|
|
80
80
|
disabled: i = !1,
|
|
81
|
-
onClick:
|
|
82
|
-
children:
|
|
81
|
+
onClick: l,
|
|
82
|
+
children: d,
|
|
83
83
|
...p
|
|
84
84
|
}) => {
|
|
85
85
|
const u = h(
|
|
86
86
|
() => k({
|
|
87
87
|
type: a,
|
|
88
88
|
expanded: e,
|
|
89
|
-
onClick:
|
|
89
|
+
onClick: l,
|
|
90
90
|
disabled: i
|
|
91
91
|
}),
|
|
92
|
-
[a, e,
|
|
92
|
+
[a, e, l, i]
|
|
93
93
|
);
|
|
94
94
|
return /* @__PURE__ */ n(R, { value: u, children: /* @__PURE__ */ n(g, { value: { disabled: i }, children: /* @__PURE__ */ f(
|
|
95
95
|
"div",
|
|
96
96
|
{
|
|
97
97
|
ref: r,
|
|
98
|
-
...u.cardClickable && C({ onClick:
|
|
98
|
+
...u.cardClickable && C({ onClick: l, disabled: i }),
|
|
99
99
|
className: o(
|
|
100
100
|
E({
|
|
101
101
|
interactive: u.cardClickable,
|
|
@@ -105,7 +105,7 @@ const k = ({
|
|
|
105
105
|
),
|
|
106
106
|
...p,
|
|
107
107
|
children: [
|
|
108
|
-
|
|
108
|
+
d,
|
|
109
109
|
s && /* @__PURE__ */ n(
|
|
110
110
|
"span",
|
|
111
111
|
{
|
|
@@ -123,7 +123,7 @@ const k = ({
|
|
|
123
123
|
className: a,
|
|
124
124
|
...e
|
|
125
125
|
}) => {
|
|
126
|
-
const { disabled: s, headerClickable: i, footerExpanded:
|
|
126
|
+
const { disabled: s, headerClickable: i, footerExpanded: l, onHeaderClick: d } = c({
|
|
127
127
|
consumerName: "CardHeader",
|
|
128
128
|
contextRequired: !1
|
|
129
129
|
});
|
|
@@ -131,8 +131,8 @@ const k = ({
|
|
|
131
131
|
"div",
|
|
132
132
|
{
|
|
133
133
|
ref: r,
|
|
134
|
-
"aria-expanded":
|
|
135
|
-
...C({ onClick:
|
|
134
|
+
"aria-expanded": d ? l : void 0,
|
|
135
|
+
...C({ onClick: d, disabled: s }),
|
|
136
136
|
className: o(
|
|
137
137
|
"flex items-center gap-12 p-12",
|
|
138
138
|
i && "cursor-pointer -outline-offset-6 transition-colors hover:bg-surface-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-surface-pressed",
|
|
@@ -141,9 +141,9 @@ const k = ({
|
|
|
141
141
|
...e,
|
|
142
142
|
children: [
|
|
143
143
|
t,
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
!
|
|
144
|
+
d && /* @__PURE__ */ f(b, { children: [
|
|
145
|
+
l && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
|
|
146
|
+
!l && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
|
|
147
147
|
] })
|
|
148
148
|
]
|
|
149
149
|
}
|
|
@@ -296,7 +296,7 @@ const k = ({
|
|
|
296
296
|
appearance: e = "plain",
|
|
297
297
|
...s
|
|
298
298
|
}) => {
|
|
299
|
-
const { disabled: i, footerExpanded:
|
|
299
|
+
const { disabled: i, footerExpanded: l } = c({
|
|
300
300
|
consumerName: "CardFooter",
|
|
301
301
|
contextRequired: !1
|
|
302
302
|
});
|
|
@@ -305,7 +305,7 @@ const k = ({
|
|
|
305
305
|
{
|
|
306
306
|
className: o(
|
|
307
307
|
H({ appearance: e }),
|
|
308
|
-
|
|
308
|
+
l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
|
|
309
309
|
),
|
|
310
310
|
children: /* @__PURE__ */ n("div", { className: "overflow-hidden", children: /* @__PURE__ */ n(
|
|
311
311
|
"div",
|
|
@@ -337,7 +337,7 @@ const k = ({
|
|
|
337
337
|
}
|
|
338
338
|
);
|
|
339
339
|
export {
|
|
340
|
-
|
|
340
|
+
D as Card,
|
|
341
341
|
B as CardContent,
|
|
342
342
|
M as CardContentDescription,
|
|
343
343
|
I as CardContentRow,
|
|
@@ -18,31 +18,31 @@ const h = f(
|
|
|
18
18
|
), w = ({
|
|
19
19
|
ref: i,
|
|
20
20
|
className: o,
|
|
21
|
-
appearance:
|
|
22
|
-
icon:
|
|
21
|
+
appearance: d,
|
|
22
|
+
icon: l,
|
|
23
23
|
title: n,
|
|
24
24
|
description: t,
|
|
25
25
|
hideChevron: r,
|
|
26
|
-
disabled:
|
|
27
|
-
...
|
|
26
|
+
disabled: u,
|
|
27
|
+
...b
|
|
28
28
|
}) => {
|
|
29
29
|
const c = m({
|
|
30
30
|
consumerName: "CardButton",
|
|
31
|
-
mergeWith: { disabled:
|
|
32
|
-
}), s =
|
|
31
|
+
mergeWith: { disabled: u }
|
|
32
|
+
}), s = l;
|
|
33
33
|
return /* @__PURE__ */ a(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
36
|
ref: i,
|
|
37
37
|
className: p(
|
|
38
38
|
h({
|
|
39
|
-
appearance:
|
|
39
|
+
appearance: d
|
|
40
40
|
}),
|
|
41
41
|
o
|
|
42
42
|
),
|
|
43
43
|
disabled: c,
|
|
44
44
|
type: "button",
|
|
45
|
-
...
|
|
45
|
+
...b,
|
|
46
46
|
children: [
|
|
47
47
|
s && /* @__PURE__ */ e(s, { size: 24 }),
|
|
48
48
|
/* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as o, jsxs as g } from "react/jsx-runtime";
|
|
2
|
-
import { createSafeContext as
|
|
2
|
+
import { createSafeContext as u, cn as n } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import * as l from "@radix-ui/react-dialog";
|
|
4
|
-
import { cva as
|
|
5
|
-
const [
|
|
4
|
+
import { cva as f } from "class-variance-authority";
|
|
5
|
+
const [m, r] = u("Dialog"), x = f(
|
|
6
6
|
[
|
|
7
7
|
"flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
|
|
8
8
|
"fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
|
|
@@ -21,7 +21,7 @@ const [u, r] = f("Dialog"), x = m(
|
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
23
|
function D({ height: t = "fit", ...a }) {
|
|
24
|
-
return /* @__PURE__ */ o(
|
|
24
|
+
return /* @__PURE__ */ o(m, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
|
|
25
25
|
}
|
|
26
26
|
function C({ ...t }) {
|
|
27
27
|
return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...t });
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cn as
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
const d = ({
|
|
4
4
|
ref: o,
|
|
5
5
|
className: t,
|
|
6
6
|
orientation: r = "horizontal",
|
|
7
7
|
...e
|
|
8
|
-
}) => /* @__PURE__ */
|
|
8
|
+
}) => /* @__PURE__ */ l(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
11
|
ref: o,
|
|
12
12
|
role: "separator",
|
|
13
13
|
"aria-orientation": r,
|
|
14
|
-
className:
|
|
14
|
+
className: a(
|
|
15
15
|
"border-muted-subtle",
|
|
16
16
|
r === "horizontal" ? "w-full border-t" : "h-full border-l",
|
|
17
17
|
t
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
2
2
|
import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
|
-
import { cva as
|
|
3
|
+
import { cva as d } from "class-variance-authority";
|
|
4
4
|
import { useMemo as z } from "react";
|
|
5
|
-
const N =
|
|
5
|
+
const N = d("relative inline-flex w-fit", {
|
|
6
6
|
variants: {
|
|
7
7
|
disabled: {
|
|
8
8
|
true: "opacity-30",
|
|
9
9
|
false: ""
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
}), g =
|
|
12
|
+
}), g = d(
|
|
13
13
|
"absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
|
|
14
14
|
{
|
|
15
15
|
variants: {
|
|
@@ -62,13 +62,13 @@ const N = c("relative inline-flex w-fit", {
|
|
|
62
62
|
appearance: o,
|
|
63
63
|
pin: a = "bottom-end",
|
|
64
64
|
size: r = 20,
|
|
65
|
-
shape:
|
|
65
|
+
shape: c = "circle",
|
|
66
66
|
className: l,
|
|
67
67
|
disabled: m = !1,
|
|
68
68
|
ref: p,
|
|
69
|
-
...
|
|
69
|
+
...u
|
|
70
70
|
}) => {
|
|
71
|
-
const
|
|
71
|
+
const b = z(() => y(a), [a]), f = x({
|
|
72
72
|
consumerName: "DotIcon",
|
|
73
73
|
mergeWith: { disabled: m }
|
|
74
74
|
});
|
|
@@ -77,14 +77,14 @@ const N = c("relative inline-flex w-fit", {
|
|
|
77
77
|
{
|
|
78
78
|
ref: p,
|
|
79
79
|
className: i(N({ disabled: f, className: l })),
|
|
80
|
-
...
|
|
80
|
+
...u,
|
|
81
81
|
children: [
|
|
82
82
|
/* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
|
|
83
83
|
/* @__PURE__ */ e(
|
|
84
84
|
"div",
|
|
85
85
|
{
|
|
86
|
-
className: i(g({ size: r, shape:
|
|
87
|
-
style:
|
|
86
|
+
className: i(g({ size: r, shape: c, pin: a, appearance: o })),
|
|
87
|
+
style: b,
|
|
88
88
|
children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
|
|
89
89
|
}
|
|
90
90
|
)
|
|
@@ -1,11 +1,4 @@
|
|
|
1
1
|
export { DotIcon, dotIconSizeMap } from './DotIcon';
|
|
2
2
|
export * from './getDotIconProps';
|
|
3
3
|
export * from './types';
|
|
4
|
-
export declare const mediaImageDotIconSizeMap: {
|
|
5
|
-
readonly 40: 16;
|
|
6
|
-
readonly 48: 20;
|
|
7
|
-
readonly 56: 24;
|
|
8
|
-
readonly 64: 24;
|
|
9
|
-
readonly 72: 32;
|
|
10
|
-
};
|
|
11
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
|
|
@@ -73,8 +73,8 @@ const D = d("relative inline-flex w-fit", {
|
|
|
73
73
|
imgLoading: l = "eager",
|
|
74
74
|
className: c,
|
|
75
75
|
disabled: m = !1,
|
|
76
|
-
ref:
|
|
77
|
-
...
|
|
76
|
+
ref: u,
|
|
77
|
+
...p
|
|
78
78
|
}) => {
|
|
79
79
|
const b = g(() => j(s, e), [s, e]), [f, i] = q(!1), h = z({
|
|
80
80
|
consumerName: "DotSymbol",
|
|
@@ -85,9 +85,9 @@ const D = d("relative inline-flex w-fit", {
|
|
|
85
85
|
}, [t]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
|
|
86
86
|
"div",
|
|
87
87
|
{
|
|
88
|
-
ref:
|
|
88
|
+
ref: u,
|
|
89
89
|
className: v(D({ disabled: h, className: c })),
|
|
90
|
-
...
|
|
90
|
+
...p,
|
|
91
91
|
children: [
|
|
92
92
|
/* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
|
|
93
93
|
/* @__PURE__ */ a("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ a(
|
|
@@ -1,16 +1,4 @@
|
|
|
1
1
|
export { DotSymbol } from './DotSymbol';
|
|
2
2
|
export * from './getDotSymbolProps';
|
|
3
3
|
export * from './types';
|
|
4
|
-
export declare const mediaImageDotSizeMap: {
|
|
5
|
-
readonly 12: 8;
|
|
6
|
-
readonly 16: 8;
|
|
7
|
-
readonly 20: 8;
|
|
8
|
-
readonly 24: 10;
|
|
9
|
-
readonly 32: 12;
|
|
10
|
-
readonly 40: 16;
|
|
11
|
-
readonly 48: 20;
|
|
12
|
-
readonly 56: 24;
|
|
13
|
-
readonly 64: 24;
|
|
14
|
-
readonly 72: 32;
|
|
15
|
-
};
|
|
16
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o, jsxs as c } from "react/jsx-runtime";
|
|
2
|
-
import { cn as
|
|
3
|
-
import { Tooltip as
|
|
2
|
+
import { cn as u } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { Tooltip as f, TooltipTrigger as h, TooltipContent as d } from "../Tooltip/Tooltip.js";
|
|
4
4
|
import { BaseButton as T } from "../../internal/BaseButton/BaseButton.js";
|
|
5
5
|
const b = ({
|
|
6
6
|
ref: n,
|
|
@@ -18,13 +18,13 @@ const b = ({
|
|
|
18
18
|
{
|
|
19
19
|
ref: n,
|
|
20
20
|
icon: i,
|
|
21
|
-
className:
|
|
21
|
+
className: u("shrink-0", e),
|
|
22
22
|
"aria-label": t,
|
|
23
23
|
...m
|
|
24
24
|
}
|
|
25
25
|
);
|
|
26
|
-
return s ? /* @__PURE__ */ c(
|
|
27
|
-
/* @__PURE__ */ o(
|
|
26
|
+
return s ? /* @__PURE__ */ c(f, { onOpenChange: p, children: [
|
|
27
|
+
/* @__PURE__ */ o(h, { asChild: !0, children: r }),
|
|
28
28
|
/* @__PURE__ */ o(d, { side: l, children: a || t })
|
|
29
29
|
] }) : r;
|
|
30
30
|
};
|
|
@@ -37,10 +37,10 @@ const w = k(
|
|
|
37
37
|
ref: d,
|
|
38
38
|
className: m,
|
|
39
39
|
children: a,
|
|
40
|
-
appearance:
|
|
40
|
+
appearance: u,
|
|
41
41
|
size: i = "inherit",
|
|
42
|
-
underline:
|
|
43
|
-
icon:
|
|
42
|
+
underline: f = !0,
|
|
43
|
+
icon: p,
|
|
44
44
|
isExternal: n = !1,
|
|
45
45
|
asChild: t = !1,
|
|
46
46
|
disabled: b,
|
|
@@ -52,16 +52,16 @@ const w = k(
|
|
|
52
52
|
}), r = i ? {
|
|
53
53
|
sm: 16,
|
|
54
54
|
md: 20
|
|
55
|
-
}[i] : 20, o =
|
|
55
|
+
}[i] : 20, o = p;
|
|
56
56
|
return /* @__PURE__ */ e(
|
|
57
57
|
t ? g : "a",
|
|
58
58
|
{
|
|
59
59
|
ref: d,
|
|
60
60
|
className: h(
|
|
61
61
|
w({
|
|
62
|
-
appearance:
|
|
62
|
+
appearance: u,
|
|
63
63
|
size: i,
|
|
64
|
-
underline:
|
|
64
|
+
underline: f,
|
|
65
65
|
disabled: s
|
|
66
66
|
}),
|
|
67
67
|
m
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
|
|
@@ -59,14 +59,14 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
59
59
|
className: r,
|
|
60
60
|
disabled: n = !1,
|
|
61
61
|
density: f = "expanded",
|
|
62
|
-
priority:
|
|
62
|
+
priority: v = "end",
|
|
63
63
|
active: u = !1,
|
|
64
|
-
...
|
|
64
|
+
...x
|
|
65
65
|
} = s, c = d({
|
|
66
66
|
consumerName: "ListItem",
|
|
67
67
|
mergeWith: { disabled: n }
|
|
68
68
|
});
|
|
69
|
-
return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority:
|
|
69
|
+
return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
|
|
70
70
|
"div",
|
|
71
71
|
{
|
|
72
72
|
ref: t,
|
|
@@ -81,11 +81,11 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
81
81
|
}),
|
|
82
82
|
r
|
|
83
83
|
),
|
|
84
|
-
...
|
|
84
|
+
...x,
|
|
85
85
|
children: i
|
|
86
86
|
}
|
|
87
87
|
) }) });
|
|
88
|
-
},
|
|
88
|
+
}, P = ({
|
|
89
89
|
ref: e,
|
|
90
90
|
children: t,
|
|
91
91
|
className: s,
|
|
@@ -108,7 +108,7 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
108
108
|
children: t
|
|
109
109
|
}
|
|
110
110
|
);
|
|
111
|
-
},
|
|
111
|
+
}, q = ({
|
|
112
112
|
ref: e,
|
|
113
113
|
children: t,
|
|
114
114
|
className: s,
|
|
@@ -238,10 +238,10 @@ const [L, l] = b("ListItemTrailing", {
|
|
|
238
238
|
};
|
|
239
239
|
export {
|
|
240
240
|
R as ListItem,
|
|
241
|
-
|
|
241
|
+
q as ListItemContent,
|
|
242
242
|
C as ListItemContentRow,
|
|
243
243
|
D as ListItemDescription,
|
|
244
|
-
|
|
244
|
+
P as ListItemLeading,
|
|
245
245
|
j as ListItemTitle,
|
|
246
246
|
k as ListItemTrailing
|
|
247
247
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as n, getButtonA11yProps as v } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { cva as b } from "class-variance-authority";
|
|
4
|
-
import { useState as
|
|
5
|
-
import { useCommonTranslation as
|
|
4
|
+
import { useState as g, useEffect as h } from "react";
|
|
5
|
+
import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
|
|
6
6
|
import { Close as N } from "../../symbols/icons/Close.js";
|
|
7
7
|
import { InteractiveIcon as w } from "../InteractiveIcon/InteractiveIcon.js";
|
|
8
8
|
const y = b(
|
|
@@ -26,8 +26,8 @@ const y = b(
|
|
|
26
26
|
onClick: o,
|
|
27
27
|
...m
|
|
28
28
|
}) => {
|
|
29
|
-
const { t: u } =
|
|
30
|
-
|
|
29
|
+
const { t: u } = x(), [f, l] = g(!1);
|
|
30
|
+
h(() => {
|
|
31
31
|
l(!1);
|
|
32
32
|
}, [t]);
|
|
33
33
|
const p = t && !f;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
const o = ({
|
|
4
4
|
ref: s,
|
|
5
5
|
ticker: t,
|
|
6
6
|
leadingContent: n,
|
|
7
|
-
className:
|
|
8
|
-
}) => /* @__PURE__ */
|
|
7
|
+
className: r
|
|
8
|
+
}) => /* @__PURE__ */ a(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
11
|
ref: s,
|
|
12
12
|
className: c(
|
|
13
13
|
"flex items-center gap-8 rounded-full bg-muted-transparent p-8 pr-12",
|
|
14
|
-
|
|
14
|
+
r
|
|
15
15
|
),
|
|
16
16
|
"data-slot": "coin-capsule",
|
|
17
17
|
children: [
|
|
@@ -3,8 +3,8 @@ import { createSafeContext as l, cn as p } from "../../../../libs/utils-shared/d
|
|
|
3
3
|
import { cva as v } from "class-variance-authority";
|
|
4
4
|
import { createPopoverHandle as c } from "../../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
|
|
5
5
|
import { PopoverRoot as f } from "../../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
|
|
6
|
-
import { PopoverTrigger as
|
|
7
|
-
import { PopoverPortal as
|
|
6
|
+
import { PopoverTrigger as u } from "../../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
|
|
7
|
+
import { PopoverPortal as P } from "../../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
|
|
8
8
|
import { PopoverBackdrop as g } from "../../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
|
|
9
9
|
import { PopoverPositioner as h } from "../../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
|
|
10
10
|
import { PopoverPopup as x } from "../../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
|
|
@@ -67,7 +67,7 @@ const [b, y] = l("Popover"), C = v(
|
|
|
67
67
|
className: e,
|
|
68
68
|
...n
|
|
69
69
|
}) => /* @__PURE__ */ t(
|
|
70
|
-
|
|
70
|
+
u,
|
|
71
71
|
{
|
|
72
72
|
"data-slot": "popover-trigger",
|
|
73
73
|
handle: o,
|
|
@@ -89,7 +89,7 @@ const [b, y] = l("Popover"), C = v(
|
|
|
89
89
|
consumerName: "PopoverContent",
|
|
90
90
|
contextRequired: !0
|
|
91
91
|
});
|
|
92
|
-
return /* @__PURE__ */ m(
|
|
92
|
+
return /* @__PURE__ */ m(P, { children: [
|
|
93
93
|
d && /* @__PURE__ */ t(
|
|
94
94
|
g,
|
|
95
95
|
{
|