@ledgerhq/lumen-ui-react 0.0.86 → 0.0.87
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 +141 -136
- package/dist/lib/Components/ContentBanner/ContentBanner.d.ts +42 -0
- package/dist/lib/Components/ContentBanner/ContentBanner.d.ts.map +1 -0
- package/dist/lib/Components/ContentBanner/ContentBanner.js +93 -0
- package/dist/lib/Components/ContentBanner/index.d.ts +3 -0
- package/dist/lib/Components/ContentBanner/index.d.ts.map +1 -0
- package/dist/lib/Components/ContentBanner/types.d.ts +62 -0
- package/dist/lib/Components/ContentBanner/types.d.ts.map +1 -0
- package/dist/lib/Components/index.d.ts +1 -0
- package/dist/lib/Components/index.d.ts.map +1 -1
- package/dist/lib/Symbols/Icons/Csv.d.ts +29 -0
- package/dist/lib/Symbols/Icons/Csv.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Csv.js +37 -0
- package/dist/lib/Symbols/Icons/Invoice.d.ts +29 -0
- package/dist/lib/Symbols/Icons/Invoice.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Invoice.js +28 -0
- package/dist/lib/Symbols/Icons/Mailbox.d.ts +29 -0
- package/dist/lib/Symbols/Icons/Mailbox.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Mailbox.js +28 -0
- package/dist/lib/Symbols/Icons/PenEditWriting.d.ts +29 -0
- package/dist/lib/Symbols/Icons/PenEditWriting.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/PenEditWriting.js +28 -0
- package/dist/lib/Symbols/Icons/Unlink.d.ts +29 -0
- package/dist/lib/Symbols/Icons/Unlink.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Unlink.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 +382 -372
- package/dist/package.json +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6,149 +6,154 @@ import { Avatar as T } from "./lib/Components/Avatar/Avatar.js";
|
|
|
6
6
|
import { Banner as x } from "./lib/Components/Banner/Banner.js";
|
|
7
7
|
import { BaseInput as S } from "./lib/Components/BaseInput/BaseInput.js";
|
|
8
8
|
import { Button as d } from "./lib/Components/Button/Button.js";
|
|
9
|
-
import { BaseButton as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
9
|
+
import { BaseButton as g } from "./lib/Components/Button/BaseButton.js";
|
|
10
|
+
import { ContentBanner as I, ContentBannerContent as C, ContentBannerDescription as s, ContentBannerTitle as L } from "./lib/Components/ContentBanner/ContentBanner.js";
|
|
11
|
+
import { CardButton as D } from "./lib/Components/CardButton/CardButton.js";
|
|
12
|
+
import { Checkbox as v } from "./lib/Components/Checkbox/Checkbox.js";
|
|
13
|
+
import { DataTable as R, DataTableGlobalSearchInput as w, DataTableRoot as k } from "./lib/Components/DataTable/DataTable.js";
|
|
14
|
+
import { useLumenDataTable as H } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
|
|
15
|
+
import { Dialog as y, DialogBody as P, DialogContent as F, DialogFooter as j, DialogTrigger as q } from "./lib/Components/Dialog/Dialog.js";
|
|
16
|
+
import { DialogHeader as E } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
|
|
17
|
+
import { Divider as K } from "./lib/Components/Divider/Divider.js";
|
|
18
|
+
import { IconButton as Q } from "./lib/Components/IconButton/IconButton.js";
|
|
19
|
+
import { InteractiveIcon as V } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
|
|
20
|
+
import { Link as X } from "./lib/Components/Link/Link.js";
|
|
21
|
+
import { ListItem as Z, ListItemContent as _, ListItemDescription as $, ListItemIcon as ee, ListItemLeading as oe, ListItemSpot as te, ListItemTitle as re, ListItemTrailing as ae, ListItemTruncate as ne } from "./lib/Components/ListItem/ListItem.js";
|
|
22
|
+
import { Menu as le, MenuCheckboxItem as pe, MenuContent as me, MenuGroup as Te, MenuItem as ue, MenuLabel as xe, MenuPortal as fe, MenuRadioGroup as Se, MenuRadioItem as be, MenuSeparator as de, MenuSub as ce, MenuSubContent as ge, MenuSubTrigger as Be, MenuTrigger as Ie } from "./lib/Components/Menu/Menu.js";
|
|
23
|
+
import { NavBar as se, NavBarBackButton as Le, NavBarCoinCapsule as he, NavBarTitle as De, NavBarTrailing as Me } from "./lib/Components/NavBar/NavBar.js";
|
|
24
|
+
import { PageIndicator as Ae } from "./lib/Components/PageIndicator/PageIndicator.js";
|
|
25
|
+
import { SearchInput as we } from "./lib/Components/SearchInput/SearchInput.js";
|
|
26
|
+
import { Select as Ge, SelectContent as He, SelectGroup as Ne, SelectItem as ye, SelectItemText as Pe, SelectLabel as Fe, SelectSeparator as je, SelectTrigger as qe } from "./lib/Components/Select/Select.js";
|
|
27
|
+
import { SideBar as Ee, SideBarCollapseToggle as Je, SideBarItem as Ke, SideBarLeading as Oe, SideBarTrailing as Qe } from "./lib/Components/SideBar/SideBar.js";
|
|
28
|
+
import { Skeleton as Ve } from "./lib/Components/Skeleton/Skeleton.js";
|
|
29
|
+
import { Spinner as Xe } from "./lib/Components/Spinner/Spinner.js";
|
|
30
|
+
import { Spot as Ze } from "./lib/Components/Spot/Spot.js";
|
|
31
|
+
import { Stepper as $e } from "./lib/Components/Stepper/Stepper.js";
|
|
32
|
+
import { Subheader as oo, SubheaderAction as to, SubheaderCount as ro, SubheaderDescription as ao, SubheaderInfo as no, SubheaderRow as io, SubheaderShowMore as lo, SubheaderTitle as po } from "./lib/Components/Subheader/Subheader.js";
|
|
33
|
+
import { Switch as To } from "./lib/Components/Switch/Switch.js";
|
|
34
|
+
import { Table as xo, TableActionBar as fo, TableActionBarLeading as So, TableActionBarTrailing as bo, TableBody as co, TableCell as go, TableCellContent as Bo, TableGroupHeaderRow as Io, TableHeader as Co, TableHeaderCell as so, TableHeaderRow as Lo, TableInfoIcon as ho, TableLoadingRow as Do, TableRoot as Mo, TableRow as vo, TableSortButton as Ao } from "./lib/Components/Table/Table.js";
|
|
35
|
+
import { Tag as wo } from "./lib/Components/Tag/Tag.js";
|
|
36
|
+
import { TextInput as Go } from "./lib/Components/TextInput/TextInput.js";
|
|
37
|
+
import { Tile as No, TileContent as yo, TileDescription as Po, TileSecondaryAction as Fo, TileSpot as jo, TileTitle as qo, TileTrailingContent as zo } from "./lib/Components/Tile/Tile.js";
|
|
38
|
+
import { TileButton as Jo } from "./lib/Components/TileButton/TileButton.js";
|
|
39
|
+
import { Tooltip as Oo, TooltipContent as Qo, TooltipProvider as Uo, TooltipTrigger as Vo } from "./lib/Components/Tooltip/Tooltip.js";
|
|
40
|
+
import { ThemeProvider as Xo, useTheme as Yo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
|
|
40
41
|
export {
|
|
41
42
|
a as AddressInput,
|
|
42
43
|
p as AmountDisplay,
|
|
43
44
|
i as AmountInput,
|
|
44
45
|
T as Avatar,
|
|
45
46
|
x as Banner,
|
|
46
|
-
|
|
47
|
+
g as BaseButton,
|
|
47
48
|
S as BaseInput,
|
|
48
49
|
d as Button,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
50
|
+
D as CardButton,
|
|
51
|
+
v as Checkbox,
|
|
52
|
+
I as ContentBanner,
|
|
53
|
+
C as ContentBannerContent,
|
|
54
|
+
s as ContentBannerDescription,
|
|
55
|
+
L as ContentBannerTitle,
|
|
56
|
+
R as DataTable,
|
|
57
|
+
w as DataTableGlobalSearchInput,
|
|
58
|
+
k as DataTableRoot,
|
|
59
|
+
y as Dialog,
|
|
60
|
+
P as DialogBody,
|
|
61
|
+
F as DialogContent,
|
|
62
|
+
j as DialogFooter,
|
|
63
|
+
E as DialogHeader,
|
|
64
|
+
q as DialogTrigger,
|
|
65
|
+
K as Divider,
|
|
66
|
+
Q as IconButton,
|
|
67
|
+
V as InteractiveIcon,
|
|
63
68
|
t as Languages,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
69
|
+
X as Link,
|
|
70
|
+
Z as ListItem,
|
|
71
|
+
_ as ListItemContent,
|
|
72
|
+
$ as ListItemDescription,
|
|
73
|
+
ee as ListItemIcon,
|
|
74
|
+
oe as ListItemLeading,
|
|
75
|
+
te as ListItemSpot,
|
|
76
|
+
re as ListItemTitle,
|
|
77
|
+
ae as ListItemTrailing,
|
|
78
|
+
ne as ListItemTruncate,
|
|
79
|
+
le as Menu,
|
|
80
|
+
pe as MenuCheckboxItem,
|
|
81
|
+
me as MenuContent,
|
|
82
|
+
Te as MenuGroup,
|
|
83
|
+
ue as MenuItem,
|
|
84
|
+
xe as MenuLabel,
|
|
85
|
+
fe as MenuPortal,
|
|
86
|
+
Se as MenuRadioGroup,
|
|
87
|
+
be as MenuRadioItem,
|
|
88
|
+
de as MenuSeparator,
|
|
89
|
+
ce as MenuSub,
|
|
90
|
+
ge as MenuSubContent,
|
|
91
|
+
Be as MenuSubTrigger,
|
|
92
|
+
Ie as MenuTrigger,
|
|
93
|
+
se as NavBar,
|
|
94
|
+
Le as NavBarBackButton,
|
|
95
|
+
he as NavBarCoinCapsule,
|
|
96
|
+
De as NavBarTitle,
|
|
97
|
+
Me as NavBarTrailing,
|
|
98
|
+
Ae as PageIndicator,
|
|
99
|
+
we as SearchInput,
|
|
100
|
+
Ge as Select,
|
|
101
|
+
He as SelectContent,
|
|
102
|
+
Ne as SelectGroup,
|
|
103
|
+
ye as SelectItem,
|
|
104
|
+
Pe as SelectItemText,
|
|
105
|
+
Fe as SelectLabel,
|
|
106
|
+
je as SelectSeparator,
|
|
107
|
+
qe as SelectTrigger,
|
|
108
|
+
Ee as SideBar,
|
|
109
|
+
Je as SideBarCollapseToggle,
|
|
110
|
+
Ke as SideBarItem,
|
|
111
|
+
Oe as SideBarLeading,
|
|
112
|
+
Qe as SideBarTrailing,
|
|
113
|
+
Ve as Skeleton,
|
|
114
|
+
Xe as Spinner,
|
|
115
|
+
Ze as Spot,
|
|
116
|
+
$e as Stepper,
|
|
117
|
+
oo as Subheader,
|
|
118
|
+
to as SubheaderAction,
|
|
119
|
+
ro as SubheaderCount,
|
|
120
|
+
ao as SubheaderDescription,
|
|
121
|
+
no as SubheaderInfo,
|
|
122
|
+
io as SubheaderRow,
|
|
123
|
+
lo as SubheaderShowMore,
|
|
124
|
+
po as SubheaderTitle,
|
|
125
|
+
To as Switch,
|
|
126
|
+
xo as Table,
|
|
127
|
+
fo as TableActionBar,
|
|
128
|
+
So as TableActionBarLeading,
|
|
129
|
+
bo as TableActionBarTrailing,
|
|
130
|
+
co as TableBody,
|
|
131
|
+
go as TableCell,
|
|
132
|
+
Bo as TableCellContent,
|
|
133
|
+
Io as TableGroupHeaderRow,
|
|
134
|
+
Co as TableHeader,
|
|
135
|
+
so as TableHeaderCell,
|
|
136
|
+
Lo as TableHeaderRow,
|
|
137
|
+
ho as TableInfoIcon,
|
|
138
|
+
Do as TableLoadingRow,
|
|
139
|
+
Mo as TableRoot,
|
|
140
|
+
vo as TableRow,
|
|
141
|
+
Ao as TableSortButton,
|
|
142
|
+
wo as Tag,
|
|
143
|
+
Go as TextInput,
|
|
144
|
+
Xo as ThemeProvider,
|
|
145
|
+
No as Tile,
|
|
146
|
+
Jo as TileButton,
|
|
147
|
+
yo as TileContent,
|
|
148
|
+
Po as TileDescription,
|
|
149
|
+
Fo as TileSecondaryAction,
|
|
150
|
+
jo as TileSpot,
|
|
151
|
+
qo as TileTitle,
|
|
152
|
+
zo as TileTrailingContent,
|
|
153
|
+
Oo as Tooltip,
|
|
154
|
+
Qo as TooltipContent,
|
|
155
|
+
Uo as TooltipProvider,
|
|
156
|
+
Vo as TooltipTrigger,
|
|
157
|
+
H as useLumenDataTable,
|
|
158
|
+
Yo as useTheme
|
|
154
159
|
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ContentBannerContentProps, ContentBannerDescriptionProps, ContentBannerProps, ContentBannerTitleProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Container for the text content (title and description) within the content banner.
|
|
4
|
+
*/
|
|
5
|
+
export declare const ContentBannerContent: {
|
|
6
|
+
({ ref, children, className, ...props }: ContentBannerContentProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
displayName: string;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* The main title of the content banner.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ContentBannerTitle: {
|
|
13
|
+
({ ref, children, className, ...props }: ContentBannerTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Optional description text below the title.
|
|
18
|
+
*/
|
|
19
|
+
export declare const ContentBannerDescription: {
|
|
20
|
+
({ ref, children, className, ...props }: ContentBannerDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* A content banner component for displaying a composable banner with an optional
|
|
25
|
+
* leading visual, title, description, and close button.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription } from '@ledgerhq/lumen-ui-react';
|
|
29
|
+
*
|
|
30
|
+
* <ContentBanner onClose={() => {}}>
|
|
31
|
+
* <Spot appearance="icon" icon={Wallet} size={48} />
|
|
32
|
+
* <ContentBannerContent>
|
|
33
|
+
* <ContentBannerTitle>Title</ContentBannerTitle>
|
|
34
|
+
* <ContentBannerDescription>Description text</ContentBannerDescription>
|
|
35
|
+
* </ContentBannerContent>
|
|
36
|
+
* </ContentBanner>
|
|
37
|
+
*/
|
|
38
|
+
export declare const ContentBanner: {
|
|
39
|
+
({ ref, children, className, onClose, closeAriaLabel, ...props }: ContentBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
displayName: string;
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=ContentBanner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentBanner.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/ContentBanner.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,yBAAyB,EACzB,6BAA6B,EAC7B,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,eAAO,MAAM,oBAAoB;6CAK9B,yBAAyB;;CAU3B,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,kBAAkB;6CAK5B,uBAAuB;;CAUzB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,wBAAwB;6CAKlC,6BAA6B;;CAU/B,CAAC;AAIF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa;sEAOvB,kBAAkB;;CA2BpB,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { jsx as o, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { cn as r } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { useCommonTranslation as c } from "../../../i18n/useCommonTranslation.js";
|
|
4
|
+
import { Close as p } from "../../Symbols/Icons/Close.js";
|
|
5
|
+
import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
|
|
6
|
+
const f = ({
|
|
7
|
+
ref: n,
|
|
8
|
+
children: t,
|
|
9
|
+
className: a,
|
|
10
|
+
...e
|
|
11
|
+
}) => /* @__PURE__ */ o(
|
|
12
|
+
"div",
|
|
13
|
+
{
|
|
14
|
+
ref: n,
|
|
15
|
+
className: r("flex min-w-0 flex-1 flex-col gap-4", a),
|
|
16
|
+
...e,
|
|
17
|
+
children: t
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
f.displayName = "ContentBannerContent";
|
|
21
|
+
const u = ({
|
|
22
|
+
ref: n,
|
|
23
|
+
children: t,
|
|
24
|
+
className: a,
|
|
25
|
+
...e
|
|
26
|
+
}) => /* @__PURE__ */ o(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
ref: n,
|
|
30
|
+
className: r("line-clamp-1 body-2-semi-bold", a),
|
|
31
|
+
...e,
|
|
32
|
+
children: t
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
u.displayName = "ContentBannerTitle";
|
|
36
|
+
const C = ({
|
|
37
|
+
ref: n,
|
|
38
|
+
children: t,
|
|
39
|
+
className: a,
|
|
40
|
+
...e
|
|
41
|
+
}) => /* @__PURE__ */ o(
|
|
42
|
+
"div",
|
|
43
|
+
{
|
|
44
|
+
ref: n,
|
|
45
|
+
className: r("line-clamp-2 body-3 text-muted", a),
|
|
46
|
+
...e,
|
|
47
|
+
children: t
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
C.displayName = "ContentBannerDescription";
|
|
51
|
+
const b = ({
|
|
52
|
+
ref: n,
|
|
53
|
+
children: t,
|
|
54
|
+
className: a,
|
|
55
|
+
onClose: e,
|
|
56
|
+
closeAriaLabel: i,
|
|
57
|
+
...s
|
|
58
|
+
}) => {
|
|
59
|
+
const { t: l } = c();
|
|
60
|
+
return /* @__PURE__ */ m(
|
|
61
|
+
"div",
|
|
62
|
+
{
|
|
63
|
+
ref: n,
|
|
64
|
+
className: r(
|
|
65
|
+
"relative flex w-full items-center gap-12 rounded-md bg-surface p-12",
|
|
66
|
+
e && "pr-48",
|
|
67
|
+
a
|
|
68
|
+
),
|
|
69
|
+
...s,
|
|
70
|
+
children: [
|
|
71
|
+
t,
|
|
72
|
+
e && /* @__PURE__ */ o(
|
|
73
|
+
d,
|
|
74
|
+
{
|
|
75
|
+
type: "button",
|
|
76
|
+
iconType: "stroked",
|
|
77
|
+
className: "absolute top-8 right-8",
|
|
78
|
+
onClick: () => e(),
|
|
79
|
+
"aria-label": i || l("components.banner.closeAriaLabel"),
|
|
80
|
+
children: /* @__PURE__ */ o(p, { size: 16 })
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
]
|
|
84
|
+
}
|
|
85
|
+
);
|
|
86
|
+
};
|
|
87
|
+
b.displayName = "ContentBanner";
|
|
88
|
+
export {
|
|
89
|
+
b as ContentBanner,
|
|
90
|
+
f as ContentBannerContent,
|
|
91
|
+
C as ContentBannerDescription,
|
|
92
|
+
u as ContentBannerTitle
|
|
93
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ComponentPropsWithRef, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ContentBanner root component
|
|
4
|
+
*/
|
|
5
|
+
export type ContentBannerProps = {
|
|
6
|
+
/**
|
|
7
|
+
* The content of the content banner (ContentBannerContent, ContentBannerTitle, ContentBannerDescription, or any leading element)
|
|
8
|
+
*/
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Custom classname
|
|
12
|
+
*/
|
|
13
|
+
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Optional close action.
|
|
16
|
+
*/
|
|
17
|
+
onClose?: () => void;
|
|
18
|
+
/**
|
|
19
|
+
* Optional aria label for the close button.
|
|
20
|
+
*/
|
|
21
|
+
closeAriaLabel?: string;
|
|
22
|
+
} & Omit<ComponentPropsWithRef<'div'>, 'children'>;
|
|
23
|
+
/**
|
|
24
|
+
* Props for the ContentBannerContent component
|
|
25
|
+
*/
|
|
26
|
+
export type ContentBannerContentProps = {
|
|
27
|
+
/**
|
|
28
|
+
* The content (ContentBannerTitle, ContentBannerDescription)
|
|
29
|
+
*/
|
|
30
|
+
children: ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* Custom classname
|
|
33
|
+
*/
|
|
34
|
+
className?: string;
|
|
35
|
+
} & ComponentPropsWithRef<'div'>;
|
|
36
|
+
/**
|
|
37
|
+
* Props for the ContentBannerTitle component
|
|
38
|
+
*/
|
|
39
|
+
export type ContentBannerTitleProps = {
|
|
40
|
+
/**
|
|
41
|
+
* The title text or custom content
|
|
42
|
+
*/
|
|
43
|
+
children: ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Custom classname
|
|
46
|
+
*/
|
|
47
|
+
className?: string;
|
|
48
|
+
} & ComponentPropsWithRef<'div'>;
|
|
49
|
+
/**
|
|
50
|
+
* Props for the ContentBannerDescription component
|
|
51
|
+
*/
|
|
52
|
+
export type ContentBannerDescriptionProps = {
|
|
53
|
+
/**
|
|
54
|
+
* The description text or custom content
|
|
55
|
+
*/
|
|
56
|
+
children: ReactNode;
|
|
57
|
+
/**
|
|
58
|
+
* Custom classname
|
|
59
|
+
*/
|
|
60
|
+
className?: string;
|
|
61
|
+
} & ComponentPropsWithRef<'div'>;
|
|
62
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ContentBanner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
|
|
@@ -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,aAAa,CAAC;AAC5B,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,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,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,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,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,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,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,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Csv 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:Csv 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 { Csv } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <Csv />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <Csv size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const Csv: {
|
|
26
|
+
({ ref, className, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Csv.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Csv.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Csv.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,GAAG;;;CAqBf,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsxs as o, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import a from "../../Components/Icon/createIcon.js";
|
|
3
|
+
const h = a(
|
|
4
|
+
"Csv",
|
|
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 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: "M10.333 14h1a2 2 0 0 0 2-2V5.673a2 2 0 0 0-.585-1.414l-1.673-1.673A2 2 0 0 0 9.66 2H4.667a2 2 0 0 0-2 2v4.667m10.666-3H11a1.333 1.333 0 0 1-1.333-1.334V2M8 6v3.333m0 0L9.333 8M8 9.333 6.667 8"
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
/* @__PURE__ */ r(
|
|
25
|
+
"path",
|
|
26
|
+
{
|
|
27
|
+
fill: "currentColor",
|
|
28
|
+
d: "M1.86 13.656a.467.467 0 0 1 .641.156.13.13 0 0 0 .043.044q.015.01.04.01h.426a.08.08 0 0 0 .079-.078.08.08 0 0 0-.062-.078l-.728-.183a1.012 1.012 0 0 1 .247-1.994h.426c.39 0 .704.217.878.502a.467.467 0 0 1-.797.486.13.13 0 0 0-.042-.044.1.1 0 0 0-.039-.01h-.426a.079.079 0 0 0-.02.155l.73.183A1.012 1.012 0 0 1 3.01 14.8h-.426c-.391 0-.705-.217-.879-.503a.467.467 0 0 1 .156-.64m2.34.01v-1c0-.625.507-1.133 1.133-1.133H6a.467.467 0 0 1 0 .934h-.667a.2.2 0 0 0-.2.2v1c0 .11.09.2.2.2H6a.467.467 0 0 1 0 .933h-.667A1.134 1.134 0 0 1 4.2 13.667m5.01-2.115c.248.07.392.327.323.575l-.656 2.334a.47.47 0 0 1-.45.34H7.99a.47.47 0 0 1-.45-.34l-.656-2.334a.467.467 0 0 1 .899-.252l.425 1.514.426-1.514a.467.467 0 0 1 .576-.323"
|
|
29
|
+
}
|
|
30
|
+
)
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
);
|
|
35
|
+
export {
|
|
36
|
+
h as Csv
|
|
37
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Invoice 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:Invoice 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 { Invoice } from '@ledgerhq/lumen-ui-react/symbols';
|
|
18
|
+
*
|
|
19
|
+
* <Invoice />
|
|
20
|
+
*
|
|
21
|
+
* @example
|
|
22
|
+
* // With custom size and className
|
|
23
|
+
* <Invoice size={40} className="text-warning" />
|
|
24
|
+
*/
|
|
25
|
+
export declare const Invoice: {
|
|
26
|
+
({ ref, className, ...props }: Omit<import('../../Components/Icon').IconProps, "children">): import('react').FunctionComponentElement<import('../../Components/Icon').IconProps>;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Invoice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Invoice.d.ts","sourceRoot":"","sources":["../../../../src/lib/Symbols/Icons/Invoice.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,OAAO;;;CAiBnB,CAAC"}
|