@ledgerhq/lumen-ui-react 0.0.78 → 0.0.80
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/ai-rules/RULES.md +0 -80
- package/dist/i18n/locales/de.json.d.ts +4 -0
- package/dist/i18n/locales/de.json.js +4 -4
- package/dist/i18n/locales/en.json.d.ts +4 -0
- package/dist/i18n/locales/en.json.js +1 -1
- package/dist/i18n/locales/es.json.d.ts +4 -0
- package/dist/i18n/locales/es.json.js +1 -1
- package/dist/i18n/locales/fr.json.d.ts +4 -0
- package/dist/i18n/locales/fr.json.js +1 -1
- package/dist/i18n/locales/ja.json.d.ts +4 -0
- package/dist/i18n/locales/ja.json.js +1 -1
- package/dist/i18n/locales/ko.json.d.ts +4 -0
- package/dist/i18n/locales/ko.json.js +1 -1
- package/dist/i18n/locales/pt.json.d.ts +4 -0
- package/dist/i18n/locales/pt.json.js +1 -1
- package/dist/i18n/locales/ru.json.d.ts +4 -0
- package/dist/i18n/locales/ru.json.js +1 -1
- package/dist/i18n/locales/th.json.d.ts +4 -0
- package/dist/i18n/locales/th.json.js +1 -1
- package/dist/i18n/locales/tr.json.d.ts +4 -0
- package/dist/i18n/locales/tr.json.js +1 -1
- package/dist/i18n/locales/zh.json.d.ts +4 -0
- package/dist/i18n/locales/zh.json.js +1 -1
- package/dist/index.js +62 -60
- package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +50 -33
- package/dist/lib/Components/Avatar/types.d.ts +0 -1
- package/dist/lib/Components/Avatar/types.d.ts.map +1 -1
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts +11 -0
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -0
- package/dist/lib/Components/PageIndicator/PageIndicator.js +88 -0
- package/dist/lib/Components/PageIndicator/index.d.ts +3 -0
- package/dist/lib/Components/PageIndicator/index.d.ts.map +1 -0
- package/dist/lib/Components/PageIndicator/types.d.ts +12 -0
- package/dist/lib/Components/PageIndicator/types.d.ts.map +1 -0
- package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/lib/Components/Subheader/Subheader.js +39 -39
- package/dist/lib/Components/index.d.ts +1 -0
- package/dist/lib/Components/index.d.ts.map +1 -1
- package/dist/lib/Symbols/Icons/Chart5.d.ts +26 -0
- package/dist/lib/Symbols/Icons/Chart5.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Chart5.js +39 -0
- package/dist/lib/Symbols/Icons/Chart5Fill.d.ts +26 -0
- package/dist/lib/Symbols/Icons/Chart5Fill.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Chart5Fill.js +25 -0
- package/dist/lib/Symbols/Icons/CurveDown.d.ts +26 -0
- package/dist/lib/Symbols/Icons/CurveDown.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/CurveDown.js +63 -0
- package/dist/lib/Symbols/Icons/CurveUp.d.ts +26 -0
- package/dist/lib/Symbols/Icons/CurveUp.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/CurveUp.js +62 -0
- package/dist/lib/Symbols/Icons/Target.d.ts +26 -0
- package/dist/lib/Symbols/Icons/Target.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Target.js +28 -0
- package/dist/lib/Symbols/index.d.ts +5 -0
- package/dist/lib/Symbols/index.d.ts.map +1 -1
- package/dist/lib/Symbols/index.js +448 -438
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { cn as x } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { forwardRef as k, useMemo as _, useRef as N, useEffect as S, useCallback as p } from "react";
|
|
4
|
+
const I = 4, v = 6, A = 4, D = v + A, X = 200, y = ({ isActive: n, isShrunk: t }) => /* @__PURE__ */ c(
|
|
5
|
+
"span",
|
|
6
|
+
{
|
|
7
|
+
className: x(
|
|
8
|
+
"shrink-0 rounded-full transition-all duration-200",
|
|
9
|
+
n ? "bg-muted-strong" : "bg-muted",
|
|
10
|
+
t ? "size-4" : "size-6"
|
|
11
|
+
)
|
|
12
|
+
}
|
|
13
|
+
), T = ({
|
|
14
|
+
currentPage: n,
|
|
15
|
+
totalPages: t
|
|
16
|
+
}) => {
|
|
17
|
+
const i = N(n), d = n > i.current ? "forward" : "backward";
|
|
18
|
+
S(() => {
|
|
19
|
+
i.current = n;
|
|
20
|
+
}, [n]);
|
|
21
|
+
const f = I - 2, l = d === "forward" ? f : 1, m = t - 1, s = Math.min(t, I), e = Math.max(
|
|
22
|
+
0,
|
|
23
|
+
Math.min(n - l, m - (s - 1))
|
|
24
|
+
), h = s * v + (s - 1) * A, r = -e * D, o = e, u = e + s - 1, b = p(
|
|
25
|
+
(a) => a === n,
|
|
26
|
+
[n]
|
|
27
|
+
), M = p(
|
|
28
|
+
(a) => t <= I ? !1 : a === o && o > 0 || a === u && u < t - 1,
|
|
29
|
+
[t, o, u]
|
|
30
|
+
);
|
|
31
|
+
return {
|
|
32
|
+
viewportWidth: h,
|
|
33
|
+
translateX: r,
|
|
34
|
+
isActive: b,
|
|
35
|
+
isShrunk: M
|
|
36
|
+
};
|
|
37
|
+
}, O = k(
|
|
38
|
+
({ currentPage: n, totalPages: t, className: i, ...d }, f) => {
|
|
39
|
+
const w = Math.max(
|
|
40
|
+
0,
|
|
41
|
+
Math.min(t - 1, n - 1)
|
|
42
|
+
), { viewportWidth: l, translateX: m, isActive: s, isShrunk: e } = T({
|
|
43
|
+
currentPage: w,
|
|
44
|
+
totalPages: t
|
|
45
|
+
}), h = _(
|
|
46
|
+
() => Array.from({ length: t }, (r, o) => o),
|
|
47
|
+
[t]
|
|
48
|
+
);
|
|
49
|
+
return /* @__PURE__ */ c(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
ref: f,
|
|
53
|
+
role: "none",
|
|
54
|
+
className: x("flex items-center justify-center", i),
|
|
55
|
+
...d,
|
|
56
|
+
children: /* @__PURE__ */ c(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
className: "flex flex-row items-center overflow-hidden",
|
|
60
|
+
style: { width: l },
|
|
61
|
+
children: /* @__PURE__ */ c(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
className: "flex flex-row items-center gap-4",
|
|
65
|
+
style: {
|
|
66
|
+
transform: `translateX(${m}px)`,
|
|
67
|
+
transition: `transform ${X}ms ease-out`
|
|
68
|
+
},
|
|
69
|
+
children: h.map((r) => /* @__PURE__ */ c(
|
|
70
|
+
y,
|
|
71
|
+
{
|
|
72
|
+
isActive: s(r),
|
|
73
|
+
isShrunk: e(r)
|
|
74
|
+
},
|
|
75
|
+
r
|
|
76
|
+
))
|
|
77
|
+
}
|
|
78
|
+
)
|
|
79
|
+
}
|
|
80
|
+
)
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
O.displayName = "PageIndicator";
|
|
86
|
+
export {
|
|
87
|
+
O as PageIndicator
|
|
88
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type PageIndicatorProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The currently active page. 1-based (first page is 1, second is 2, etc.).
|
|
5
|
+
*/
|
|
6
|
+
currentPage: number;
|
|
7
|
+
/**
|
|
8
|
+
* The total number of pages to display.
|
|
9
|
+
*/
|
|
10
|
+
totalPages: number;
|
|
11
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
12
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,qDAKxB,mBAAmB,4CAYrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAKtB,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,2CAKxB,mBAAmB,4CAUrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,4BAG3B,sBAAsB,4CAMxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,sCAI9B,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAKzB,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,sCAInB,cAAc,4CAMhB,CAAC"}
|
|
@@ -1,104 +1,104 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cn as
|
|
3
|
-
import
|
|
4
|
-
import { Information as
|
|
5
|
-
import { ChevronRight as
|
|
6
|
-
import { InteractiveIcon as
|
|
7
|
-
const
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { cn as a } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import c from "react";
|
|
4
|
+
import { Information as m } from "../../Symbols/Icons/Information.js";
|
|
5
|
+
import { ChevronRight as d } from "../../Symbols/Icons/ChevronRight.js";
|
|
6
|
+
import { InteractiveIcon as i } from "../InteractiveIcon/InteractiveIcon.js";
|
|
7
|
+
const N = ({
|
|
8
8
|
children: t,
|
|
9
9
|
as: e = "h2",
|
|
10
10
|
className: r,
|
|
11
|
-
...
|
|
12
|
-
}) => /* @__PURE__ */
|
|
11
|
+
...n
|
|
12
|
+
}) => /* @__PURE__ */ o(
|
|
13
13
|
e,
|
|
14
14
|
{
|
|
15
|
-
className:
|
|
15
|
+
className: a(
|
|
16
16
|
"min-w-0 truncate heading-4-semi-bold text-base",
|
|
17
17
|
r
|
|
18
18
|
),
|
|
19
|
-
...
|
|
19
|
+
...n,
|
|
20
20
|
children: t
|
|
21
21
|
}
|
|
22
|
-
),
|
|
22
|
+
), S = ({
|
|
23
23
|
children: t,
|
|
24
24
|
onClick: e,
|
|
25
25
|
className: r,
|
|
26
|
-
...
|
|
27
|
-
}) => /* @__PURE__ */
|
|
26
|
+
...n
|
|
27
|
+
}) => /* @__PURE__ */ o(
|
|
28
28
|
e ? "button" : "div",
|
|
29
29
|
{
|
|
30
|
-
className:
|
|
30
|
+
className: a(
|
|
31
31
|
"flex items-center gap-4",
|
|
32
32
|
e && "cursor-pointer",
|
|
33
33
|
r
|
|
34
34
|
),
|
|
35
35
|
onClick: e,
|
|
36
|
-
...
|
|
36
|
+
...n,
|
|
37
37
|
children: t
|
|
38
38
|
}
|
|
39
39
|
), y = ({
|
|
40
40
|
value: t,
|
|
41
41
|
format: e,
|
|
42
42
|
className: r,
|
|
43
|
-
...
|
|
43
|
+
...n
|
|
44
44
|
}) => {
|
|
45
|
-
const
|
|
46
|
-
return /* @__PURE__ */
|
|
47
|
-
|
|
48
|
-
|
|
45
|
+
const s = e ? e(t) : `(${t})`;
|
|
46
|
+
return /* @__PURE__ */ o(
|
|
47
|
+
"span",
|
|
48
|
+
{
|
|
49
|
+
className: a("shrink-0 pl-2 body-2 text-muted", r),
|
|
50
|
+
...n,
|
|
51
|
+
children: s
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
}, u = c.forwardRef(({ iconType: t = "stroked", className: e, ...r }, n) => /* @__PURE__ */ o("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ o(
|
|
55
|
+
i,
|
|
49
56
|
{
|
|
50
|
-
ref:
|
|
57
|
+
ref: n,
|
|
51
58
|
iconType: t,
|
|
52
59
|
className: e,
|
|
53
60
|
"aria-label": "More information",
|
|
54
61
|
...r,
|
|
55
|
-
children: /* @__PURE__ */
|
|
62
|
+
children: /* @__PURE__ */ o(m, { size: 16 })
|
|
56
63
|
}
|
|
57
64
|
) }));
|
|
58
65
|
u.displayName = "SubheaderInfo";
|
|
59
66
|
const I = ({
|
|
60
67
|
className: t,
|
|
61
68
|
...e
|
|
62
|
-
}) => /* @__PURE__ */
|
|
63
|
-
"span",
|
|
64
|
-
{
|
|
65
|
-
className: s("shrink-0 self-center text-muted", t),
|
|
66
|
-
...e,
|
|
67
|
-
children: /* @__PURE__ */ n(m, { size: 16 })
|
|
68
|
-
}
|
|
69
|
-
), g = ({
|
|
69
|
+
}) => /* @__PURE__ */ o(i, { className: "-ml-2", iconType: "stroked", ...e, children: /* @__PURE__ */ o(d, { size: 20 }) }), g = ({
|
|
70
70
|
children: t,
|
|
71
71
|
className: e,
|
|
72
72
|
...r
|
|
73
|
-
}) => /* @__PURE__ */
|
|
73
|
+
}) => /* @__PURE__ */ o("p", { className: a("body-3 text-muted", e), ...r, children: t }), v = ({
|
|
74
74
|
children: t,
|
|
75
75
|
onClick: e,
|
|
76
76
|
className: r,
|
|
77
|
-
...
|
|
78
|
-
}) => /* @__PURE__ */
|
|
77
|
+
...n
|
|
78
|
+
}) => /* @__PURE__ */ o(
|
|
79
79
|
"button",
|
|
80
80
|
{
|
|
81
81
|
type: "button",
|
|
82
82
|
onClick: e,
|
|
83
|
-
className:
|
|
83
|
+
className: a(
|
|
84
84
|
"ml-auto shrink-0 cursor-pointer pl-8 body-2 text-interactive",
|
|
85
85
|
r
|
|
86
86
|
),
|
|
87
|
-
...
|
|
87
|
+
...n,
|
|
88
88
|
children: t
|
|
89
89
|
}
|
|
90
90
|
), w = ({
|
|
91
91
|
className: t,
|
|
92
92
|
children: e,
|
|
93
93
|
...r
|
|
94
|
-
}) => /* @__PURE__ */
|
|
94
|
+
}) => /* @__PURE__ */ o("div", { className: a("flex flex-col gap-4", t), ...r, children: e });
|
|
95
95
|
export {
|
|
96
96
|
w as Subheader,
|
|
97
97
|
v as SubheaderAction,
|
|
98
98
|
y as SubheaderCount,
|
|
99
99
|
g as SubheaderDescription,
|
|
100
100
|
u as SubheaderInfo,
|
|
101
|
-
|
|
101
|
+
S as SubheaderRow,
|
|
102
102
|
I as SubheaderShowMore,
|
|
103
|
-
|
|
103
|
+
N as SubheaderTitle
|
|
104
104
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Chart5 icon component.
|
|
3
|
+
*
|
|
4
|
+
* This icon component is automatically generated from SVG files and uses the createIcon utility
|
|
5
|
+
* to create a consistent icon interface. It supports all standard SVG props and additional
|
|
6
|
+
* size variants defined in the Icon component.
|
|
7
|
+
*
|
|
8
|
+
* @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Chart5 Storybook}
|
|
9
|
+
*
|
|
10
|
+
* @component
|
|
11
|
+
* @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
|
|
12
|
+
* @param {string} [className] - Additional CSS classes to apply to the icon.
|
|
13
|
+
* @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // Basic usage with default size (24px)
|
|
17
|
+
* import { Chart5 } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <Chart5 />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <Chart5 size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const Chart5: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
26
|
+
//# sourceMappingURL=Chart5.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chart5.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Chart5.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,oKAyBlB,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import h from "../../Components/Icon/createIcon.js";
|
|
3
|
+
const e = h(
|
|
4
|
+
"Chart5",
|
|
5
|
+
/* @__PURE__ */ a(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "1em",
|
|
10
|
+
height: "1em",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
viewBox: "0 0 16 16",
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ r(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeLinecap: "round",
|
|
19
|
+
strokeLinejoin: "round",
|
|
20
|
+
strokeWidth: 1.3,
|
|
21
|
+
d: "m3.96 10.313 2.562-2.639a.485.485 0 0 1 .712 0l1.082 1.114a.493.493 0 0 0 .713 0l3.012-3.101m-1.345.005h1.344v1.385"
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
/* @__PURE__ */ r("mask", { id: "path-2-inside-1_8174_813", fill: "#fff", children: /* @__PURE__ */ r("path", { d: "M.9 3.672a2 2 0 0 1 2-2h10.2a2 2 0 0 1 2 2v8.656a2 2 0 0 1-2 2H2.9a2 2 0 0 1-2-2z" }) }),
|
|
25
|
+
/* @__PURE__ */ r(
|
|
26
|
+
"path",
|
|
27
|
+
{
|
|
28
|
+
fill: "currentColor",
|
|
29
|
+
d: "M2.9 1.672v1.3h10.2v-2.6H2.9zm12.2 2h-1.3v8.656h2.6V3.672zm-2 10.656v-1.3H2.9v2.6h10.2zm-12.2-2h1.3V3.672H-.4v8.656zm2 2v-1.3a.7.7 0 0 1-.7-.7H-.4a3.3 3.3 0 0 0 3.3 3.3zm12.2-2h-1.3a.7.7 0 0 1-.7.7v2.6a3.3 3.3 0 0 0 3.3-3.3zm-2-10.656v1.3a.7.7 0 0 1 .7.7h2.6a3.3 3.3 0 0 0-3.3-3.3zm-10.2 0v-1.3a3.3 3.3 0 0 0-3.3 3.3h2.6a.7.7 0 0 1 .7-.7z",
|
|
30
|
+
mask: "url(#path-2-inside-1_8174_813)"
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
)
|
|
36
|
+
);
|
|
37
|
+
export {
|
|
38
|
+
e as Chart5
|
|
39
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Chart5Fill icon component.
|
|
3
|
+
*
|
|
4
|
+
* This icon component is automatically generated from SVG files and uses the createIcon utility
|
|
5
|
+
* to create a consistent icon interface. It supports all standard SVG props and additional
|
|
6
|
+
* size variants defined in the Icon component.
|
|
7
|
+
*
|
|
8
|
+
* @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Chart5Fill Storybook}
|
|
9
|
+
*
|
|
10
|
+
* @component
|
|
11
|
+
* @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
|
|
12
|
+
* @param {string} [className] - Additional CSS classes to apply to the icon.
|
|
13
|
+
* @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // Basic usage with default size (24px)
|
|
17
|
+
* import { Chart5Fill } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <Chart5Fill />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <Chart5Fill size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const Chart5Fill: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
26
|
+
//# sourceMappingURL=Chart5Fill.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chart5Fill.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Chart5Fill.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,UAAU,oKActB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import l from "../../Components/Icon/createIcon.js";
|
|
3
|
+
const o = l(
|
|
4
|
+
"Chart5Fill",
|
|
5
|
+
/* @__PURE__ */ r(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "1em",
|
|
10
|
+
height: "1em",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
viewBox: "0 0 16 16",
|
|
13
|
+
children: /* @__PURE__ */ r(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
fill: "currentColor",
|
|
17
|
+
d: "M13.1 1.662a2 2 0 0 1 2 2v8.66a2 2 0 0 1-2 2H2.9a2 2 0 0 1-2-2v-8.66a2 2 0 0 1 2-2zm-2.404 3.379a.648.648 0 0 0-.173 1.273L8.672 8.22l-.97-1a1.134 1.134 0 0 0-1.646 0L3.493 9.86a.65.65 0 0 0 .934.905l2.45-2.527.974 1.002.088.082c.456.381 1.132.355 1.556-.082l1.925-1.982a.648.648 0 0 0 1.27-.183V5.691a.647.647 0 0 0-.709-.65z"
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
)
|
|
22
|
+
);
|
|
23
|
+
export {
|
|
24
|
+
o as Chart5Fill
|
|
25
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CurveDown icon component.
|
|
3
|
+
*
|
|
4
|
+
* This icon component is automatically generated from SVG files and uses the createIcon utility
|
|
5
|
+
* to create a consistent icon interface. It supports all standard SVG props and additional
|
|
6
|
+
* size variants defined in the Icon component.
|
|
7
|
+
*
|
|
8
|
+
* @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:CurveDown Storybook}
|
|
9
|
+
*
|
|
10
|
+
* @component
|
|
11
|
+
* @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
|
|
12
|
+
* @param {string} [className] - Additional CSS classes to apply to the icon.
|
|
13
|
+
* @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // Basic usage with default size (24px)
|
|
17
|
+
* import { CurveDown } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <CurveDown />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <CurveDown size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const CurveDown: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
26
|
+
//# sourceMappingURL=CurveDown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurveDown.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/CurveDown.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,oKAyCrB,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import t from "../../Components/Icon/createIcon.js";
|
|
3
|
+
const s = t(
|
|
4
|
+
"CurveDown",
|
|
5
|
+
/* @__PURE__ */ o(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "1em",
|
|
10
|
+
height: "1em",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
viewBox: "0 0 17 16",
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ r(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeDasharray: "1 2.2",
|
|
19
|
+
strokeLinecap: "round",
|
|
20
|
+
strokeLinejoin: "round",
|
|
21
|
+
strokeWidth: 1.3,
|
|
22
|
+
d: "M1.52 11.793H10.2"
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ r(
|
|
26
|
+
"path",
|
|
27
|
+
{
|
|
28
|
+
stroke: "currentColor",
|
|
29
|
+
strokeDasharray: "1 2",
|
|
30
|
+
strokeLinecap: "round",
|
|
31
|
+
strokeLinejoin: "round",
|
|
32
|
+
strokeWidth: 1.3,
|
|
33
|
+
d: "M13.235 11.793h2.393"
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
/* @__PURE__ */ r(
|
|
37
|
+
"path",
|
|
38
|
+
{
|
|
39
|
+
stroke: "currentColor",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeLinejoin: "round",
|
|
42
|
+
strokeWidth: 1.3,
|
|
43
|
+
d: "M2.264 2.099C2.156 3.302 2.711 5.404 5.5 6.03c2.719.611 5.44 1.397 5.912 4.106"
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
/* @__PURE__ */ r(
|
|
47
|
+
"circle",
|
|
48
|
+
{
|
|
49
|
+
cx: 2.108,
|
|
50
|
+
cy: 2.108,
|
|
51
|
+
r: 1.458,
|
|
52
|
+
stroke: "currentColor",
|
|
53
|
+
strokeWidth: 1.3,
|
|
54
|
+
transform: "matrix(1 0 0 -1 9.601 13.901)"
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
)
|
|
60
|
+
);
|
|
61
|
+
export {
|
|
62
|
+
s as CurveDown
|
|
63
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CurveUp icon component.
|
|
3
|
+
*
|
|
4
|
+
* This icon component is automatically generated from SVG files and uses the createIcon utility
|
|
5
|
+
* to create a consistent icon interface. It supports all standard SVG props and additional
|
|
6
|
+
* size variants defined in the Icon component.
|
|
7
|
+
*
|
|
8
|
+
* @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:CurveUp Storybook}
|
|
9
|
+
*
|
|
10
|
+
* @component
|
|
11
|
+
* @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
|
|
12
|
+
* @param {string} [className] - Additional CSS classes to apply to the icon.
|
|
13
|
+
* @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // Basic usage with default size (24px)
|
|
17
|
+
* import { CurveUp } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <CurveUp />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <CurveUp size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const CurveUp: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
26
|
+
//# sourceMappingURL=CurveUp.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurveUp.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/CurveUp.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO,oKAwCnB,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import e from "../../Components/Icon/createIcon.js";
|
|
3
|
+
const n = e(
|
|
4
|
+
"CurveUp",
|
|
5
|
+
/* @__PURE__ */ o(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "1em",
|
|
10
|
+
height: "1em",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
viewBox: "0 0 17 16",
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ r(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
stroke: "currentColor",
|
|
18
|
+
strokeDasharray: "1 2.2",
|
|
19
|
+
strokeLinecap: "round",
|
|
20
|
+
strokeLinejoin: "round",
|
|
21
|
+
strokeWidth: 1.3,
|
|
22
|
+
d: "M1.52 4.208H10.2"
|
|
23
|
+
}
|
|
24
|
+
),
|
|
25
|
+
/* @__PURE__ */ r(
|
|
26
|
+
"path",
|
|
27
|
+
{
|
|
28
|
+
stroke: "currentColor",
|
|
29
|
+
strokeDasharray: "1 2",
|
|
30
|
+
strokeLinecap: "round",
|
|
31
|
+
strokeLinejoin: "round",
|
|
32
|
+
strokeWidth: 1.3,
|
|
33
|
+
d: "M13.235 4.207h2.393"
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
/* @__PURE__ */ r(
|
|
37
|
+
"path",
|
|
38
|
+
{
|
|
39
|
+
stroke: "currentColor",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeLinejoin: "round",
|
|
42
|
+
strokeWidth: 1.3,
|
|
43
|
+
d: "M2.264 13.901c-.108-1.203.447-3.305 3.236-3.932 2.719-.611 5.44-1.397 5.912-4.106"
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
/* @__PURE__ */ r(
|
|
47
|
+
"circle",
|
|
48
|
+
{
|
|
49
|
+
cx: 11.71,
|
|
50
|
+
cy: 4.207,
|
|
51
|
+
r: 1.458,
|
|
52
|
+
stroke: "currentColor",
|
|
53
|
+
strokeWidth: 1.3
|
|
54
|
+
}
|
|
55
|
+
)
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
)
|
|
59
|
+
);
|
|
60
|
+
export {
|
|
61
|
+
n as CurveUp
|
|
62
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Target icon component.
|
|
3
|
+
*
|
|
4
|
+
* This icon component is automatically generated from SVG files and uses the createIcon utility
|
|
5
|
+
* to create a consistent icon interface. It supports all standard SVG props and additional
|
|
6
|
+
* size variants defined in the Icon component.
|
|
7
|
+
*
|
|
8
|
+
* @see {@link https://ldls.vercel.app/?path=/story/symbols-interface-icons--icon&args=name:Target Storybook}
|
|
9
|
+
*
|
|
10
|
+
* @component
|
|
11
|
+
* @param {16 | 20 | 24 | 40 | 48 | 56} [size=24] - The size of the icon in pixels.
|
|
12
|
+
* @param {string} [className] - Additional CSS classes to apply to the icon.
|
|
13
|
+
* @param {React.SVGProps<SVGSVGElement>} [...props] - All standard SVG element props.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* // Basic usage with default size (24px)
|
|
17
|
+
* import { Target } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <Target />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <Target size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const Target: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../Components/Icon').IconProps, "children">, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
|
|
26
|
+
//# sourceMappingURL=Target.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Target.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Target.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,oKAiBlB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import o from "../../Components/Icon/createIcon.js";
|
|
3
|
+
const i = o(
|
|
4
|
+
"Target",
|
|
5
|
+
/* @__PURE__ */ r(
|
|
6
|
+
"svg",
|
|
7
|
+
{
|
|
8
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9
|
+
width: "1em",
|
|
10
|
+
height: "1em",
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
viewBox: "0 0 16 16",
|
|
13
|
+
children: /* @__PURE__ */ r(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
stroke: "currentColor",
|
|
17
|
+
strokeLinecap: "round",
|
|
18
|
+
strokeLinejoin: "round",
|
|
19
|
+
strokeWidth: 1.3,
|
|
20
|
+
d: "M13.818 8.316a5.684 5.684 0 1 1-5.685-5.684m3.158 5.684a3.158 3.158 0 1 1-3.158-3.158m2.53.629L8.136 8.313M12.555 2 10.66 3.895v1.894h1.895l1.894-1.894-1.263-.632z"
|
|
21
|
+
}
|
|
22
|
+
)
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
export {
|
|
27
|
+
i as Target
|
|
28
|
+
};
|