@ledgerhq/lumen-ui-react 0.1.20 → 0.1.21
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/lib/Components/Banner/Banner.js +1 -1
- package/dist/lib/Components/CardButton/CardButton.js +2 -2
- package/dist/lib/Components/Dialog/Dialog.d.ts +1 -1
- package/dist/lib/Components/Dialog/Dialog.js +4 -4
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts +1 -1
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +31 -31
- package/dist/lib/Components/Dialog/types.d.ts +3 -2
- package/dist/lib/Components/Dialog/types.d.ts.map +1 -1
- package/dist/lib/Components/Icon/Icon.js +1 -1
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +2 -2
- package/dist/lib/Components/Link/Link.js +2 -2
- package/dist/lib/Components/Spot/Spot.js +2 -2
- package/dist/lib/Components/Switch/Switch.js +1 -1
- package/dist/lib/Components/Tag/Tag.js +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -19,7 +19,7 @@ import { DialogBodyProps, DialogBodyStickyContentProps, DialogContentProps, Dial
|
|
|
19
19
|
* </DialogTrigger>
|
|
20
20
|
* <DialogContent>
|
|
21
21
|
* <DialogHeader
|
|
22
|
-
*
|
|
22
|
+
* density='compact'
|
|
23
23
|
* title='Dialog Title'
|
|
24
24
|
* description='Dialog Description'
|
|
25
25
|
* onBack={() => {}}
|
|
@@ -37,8 +37,8 @@ const p = ({ ref: t, className: a, ...e }) => /* @__PURE__ */ o(
|
|
|
37
37
|
ref: t,
|
|
38
38
|
"data-slot": "dialog-overlay",
|
|
39
39
|
className: i(
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
"fixed inset-0 z-dialog-overlay bg-canvas-overlay backdrop-blur-sm data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
|
|
41
|
+
a
|
|
42
42
|
),
|
|
43
43
|
...e
|
|
44
44
|
}
|
|
@@ -86,8 +86,8 @@ const w = ({
|
|
|
86
86
|
className: i(
|
|
87
87
|
"-mb-24 flex min-h-0 grow flex-col overflow-y-auto px-24 pb-24",
|
|
88
88
|
c === "fit" ? "basis-auto" : "basis-0",
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
n === "auto" ? "scrollbar-custom" : "scrollbar-none",
|
|
90
|
+
a
|
|
91
91
|
),
|
|
92
92
|
...d,
|
|
93
93
|
children: e
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { DialogHeaderProps } from '../types';
|
|
2
|
-
export declare const DialogHeader: ({ ref, title, description,
|
|
2
|
+
export declare const DialogHeader: ({ ref, title, description, density, ...props }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=DialogHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAiJ7C,eAAO,MAAM,YAAY,GAAI,
|
|
1
|
+
{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAiJ7C,eAAO,MAAM,YAAY,GAAI,gDAM1B,iBAAiB,4CAqBnB,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { cn as
|
|
3
|
-
import * as
|
|
1
|
+
import { jsxs as n, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { cn as s } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import * as h from "@radix-ui/react-dialog";
|
|
4
4
|
import { cva as u } from "class-variance-authority";
|
|
5
5
|
import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
|
|
6
6
|
import { IconButton as f } from "../../IconButton/IconButton.js";
|
|
@@ -9,7 +9,7 @@ import { DialogClose as b } from "../DialogClose/DialogClose.js";
|
|
|
9
9
|
import { Close as v } from "../../../Symbols/Icons/Close.js";
|
|
10
10
|
const D = u("flex px-24 text-base", {
|
|
11
11
|
variants: {
|
|
12
|
-
|
|
12
|
+
density: {
|
|
13
13
|
compact: "mb-12 h-64 min-h-64 flex-row items-center gap-12",
|
|
14
14
|
expanded: "flex-col gap-16 pb-12 pt-10"
|
|
15
15
|
}
|
|
@@ -27,7 +27,7 @@ const D = u("flex px-24 text-base", {
|
|
|
27
27
|
"aria-label": a("components.dialogHeader.goBackAriaLabel")
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
|
-
},
|
|
30
|
+
}, p = ({ onClose: r }) => {
|
|
31
31
|
const { t: a } = x();
|
|
32
32
|
return /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
|
|
33
33
|
f,
|
|
@@ -41,42 +41,42 @@ const D = u("flex px-24 text-base", {
|
|
|
41
41
|
}
|
|
42
42
|
) });
|
|
43
43
|
}, C = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
|
|
44
|
-
|
|
44
|
+
h.Title,
|
|
45
45
|
{
|
|
46
46
|
"data-slot": "dialog-title",
|
|
47
|
-
className:
|
|
47
|
+
className: s(r && "sr-only", a),
|
|
48
48
|
...o
|
|
49
49
|
}
|
|
50
|
-
),
|
|
51
|
-
|
|
50
|
+
), H = ({ hidden: r, className: a, ...o }) => /* @__PURE__ */ e(
|
|
51
|
+
h.Description,
|
|
52
52
|
{
|
|
53
53
|
"data-slot": "dialog-description",
|
|
54
|
-
className:
|
|
54
|
+
className: s(r && "sr-only", a),
|
|
55
55
|
...o
|
|
56
56
|
}
|
|
57
|
-
),
|
|
57
|
+
), w = ({
|
|
58
58
|
ref: r,
|
|
59
59
|
className: a,
|
|
60
|
-
|
|
60
|
+
density: o = "compact",
|
|
61
61
|
title: l,
|
|
62
62
|
description: t,
|
|
63
63
|
onClose: m,
|
|
64
|
-
onBack:
|
|
64
|
+
onBack: i,
|
|
65
65
|
...g
|
|
66
|
-
}) => /* @__PURE__ */
|
|
66
|
+
}) => /* @__PURE__ */ n(
|
|
67
67
|
"div",
|
|
68
68
|
{
|
|
69
69
|
ref: r,
|
|
70
|
-
className: D({
|
|
70
|
+
className: D({ density: o, className: a }),
|
|
71
71
|
...g,
|
|
72
72
|
children: [
|
|
73
|
-
o === "compact" && /* @__PURE__ */
|
|
74
|
-
|
|
75
|
-
/* @__PURE__ */
|
|
73
|
+
o === "compact" && /* @__PURE__ */ n(c, { children: [
|
|
74
|
+
i && /* @__PURE__ */ e(d, { onBack: i }),
|
|
75
|
+
/* @__PURE__ */ n(
|
|
76
76
|
"div",
|
|
77
77
|
{
|
|
78
|
-
className:
|
|
79
|
-
"pl-40": !
|
|
78
|
+
className: s("flex min-w-0 flex-1 flex-col", {
|
|
79
|
+
"pl-40": !i
|
|
80
80
|
}),
|
|
81
81
|
children: [
|
|
82
82
|
l && /* @__PURE__ */ e("div", { className: "truncate text-center heading-5-semi-bold", children: l }),
|
|
@@ -84,14 +84,14 @@ const D = u("flex px-24 text-base", {
|
|
|
84
84
|
]
|
|
85
85
|
}
|
|
86
86
|
),
|
|
87
|
-
/* @__PURE__ */ e(
|
|
87
|
+
/* @__PURE__ */ e(p, { onClose: m })
|
|
88
88
|
] }),
|
|
89
|
-
o === "expanded" && /* @__PURE__ */
|
|
90
|
-
/* @__PURE__ */
|
|
91
|
-
|
|
92
|
-
/* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(
|
|
89
|
+
o === "expanded" && /* @__PURE__ */ n(c, { children: [
|
|
90
|
+
/* @__PURE__ */ n("div", { className: "flex h-40 flex-row items-center", children: [
|
|
91
|
+
i && /* @__PURE__ */ e(d, { onBack: i }),
|
|
92
|
+
/* @__PURE__ */ e("div", { className: "ml-auto", children: /* @__PURE__ */ e(p, { onClose: m }) })
|
|
93
93
|
] }),
|
|
94
|
-
(l || t) && /* @__PURE__ */
|
|
94
|
+
(l || t) && /* @__PURE__ */ n("div", { className: "flex flex-col gap-4", children: [
|
|
95
95
|
l && /* @__PURE__ */ e("div", { className: "heading-3-semi-bold", children: l }),
|
|
96
96
|
t && /* @__PURE__ */ e("div", { className: "body-2 text-muted", children: t })
|
|
97
97
|
] })
|
|
@@ -102,21 +102,21 @@ const D = u("flex px-24 text-base", {
|
|
|
102
102
|
ref: r,
|
|
103
103
|
title: a = "",
|
|
104
104
|
description: o,
|
|
105
|
-
|
|
105
|
+
density: l = "compact",
|
|
106
106
|
...t
|
|
107
|
-
}) => /* @__PURE__ */
|
|
107
|
+
}) => /* @__PURE__ */ n(c, { children: [
|
|
108
108
|
/* @__PURE__ */ e(
|
|
109
|
-
|
|
109
|
+
w,
|
|
110
110
|
{
|
|
111
111
|
ref: r,
|
|
112
112
|
title: a,
|
|
113
113
|
description: o,
|
|
114
|
-
|
|
114
|
+
density: l,
|
|
115
115
|
...t
|
|
116
116
|
}
|
|
117
117
|
),
|
|
118
118
|
/* @__PURE__ */ e(C, { hidden: !0, children: a }),
|
|
119
|
-
o && /* @__PURE__ */ e(
|
|
119
|
+
o && /* @__PURE__ */ e(H, { hidden: !0, children: o })
|
|
120
120
|
] });
|
|
121
121
|
export {
|
|
122
122
|
F as DialogHeader
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Density } from '@ledgerhq/lumen-utils-shared';
|
|
1
2
|
import { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
3
|
export type DialogHeight = 'fit' | 'fixed';
|
|
3
4
|
export type DialogProps = {
|
|
@@ -95,10 +96,10 @@ export type DialogContentProps = {
|
|
|
95
96
|
};
|
|
96
97
|
export type DialogHeaderProps = {
|
|
97
98
|
/**
|
|
98
|
-
* The
|
|
99
|
+
* The density variant of the header.
|
|
99
100
|
* @default 'compact'
|
|
100
101
|
*/
|
|
101
|
-
|
|
102
|
+
density?: Density;
|
|
102
103
|
/**
|
|
103
104
|
* The main title to display in the header.
|
|
104
105
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD;;;OAGG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Dialog/types.ts"],"names":[],"mappings":"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"}
|
package/dist/package.json
CHANGED