@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
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { useControllableState as a } from "./utils/useControllableState/useContr
|
|
|
3
3
|
import { AddressInput as i } from "./lib/Components/core/AddressInput/AddressInput.js";
|
|
4
4
|
import { AmountInput as p } from "./lib/Components/core/AmountInput/AmountInput.js";
|
|
5
5
|
import { AmountDisplay as d } from "./lib/Components/core/AmountDisplay/AmountDisplay.js";
|
|
6
|
-
import { Avatar as
|
|
6
|
+
import { Avatar as x } from "./lib/Components/core/Avatar/Avatar.js";
|
|
7
7
|
import { resolveAvatarColor as C } from "./lib/Components/core/Avatar/resolveAvatarColor.js";
|
|
8
8
|
import { AvatarButton as S } from "./lib/Components/core/AvatarButton/AvatarButton.js";
|
|
9
9
|
import { Banner as g } from "./lib/Components/core/Banner/Banner.js";
|
|
@@ -11,66 +11,64 @@ import { Button as I } from "./lib/Components/core/Button/Button.js";
|
|
|
11
11
|
import { Card as B, CardContent as D, CardContentDescription as M, CardContentRow as L, CardContentTitle as v, CardFooter as h, CardFooterActions as R, CardHeader as A, CardLeading as H, CardTrailing as P } from "./lib/Components/core/Card/Card.js";
|
|
12
12
|
import { CardButton as y } from "./lib/Components/core/CardButton/CardButton.js";
|
|
13
13
|
import { Checkbox as k } from "./lib/Components/core/Checkbox/Checkbox.js";
|
|
14
|
-
import { ContentBanner as
|
|
14
|
+
import { ContentBanner as E, ContentBannerContent as F, ContentBannerDescription as O, ContentBannerTitle as z } from "./lib/Components/core/ContentBanner/ContentBanner.js";
|
|
15
15
|
import { DataTable as _, DataTableGlobalSearchInput as j, DataTableRoot as q } from "./lib/Components/core/DataTable/DataTable.js";
|
|
16
16
|
import { useLumenDataTable as K } from "./lib/Components/core/DataTable/useLumenDataTable/useLumenDataTable.js";
|
|
17
17
|
import { DescriptionItem as U, DescriptionItemLabel as W, DescriptionItemLeading as X, DescriptionItemTrailing as Y, DescriptionItemValue as Z } from "./lib/Components/core/DescriptionItem/DescriptionItem.js";
|
|
18
18
|
import { DialogClose as ee } from "./lib/Components/core/Dialog/DialogClose/DialogClose.js";
|
|
19
19
|
import { Dialog as te, DialogBody as re, DialogBodyStickyContent as ae, DialogContent as ne, DialogFooter as ie, DialogTrigger as le } from "./lib/Components/core/Dialog/Dialog.js";
|
|
20
20
|
import { DialogHeader as me } from "./lib/Components/core/Dialog/DialogHeader/DialogHeader.js";
|
|
21
|
-
import { Divider as
|
|
21
|
+
import { Divider as Te } from "./lib/Components/core/Divider/Divider.js";
|
|
22
22
|
import { DotCount as fe } from "./lib/Components/core/DotCount/DotCount.js";
|
|
23
23
|
import { DotIcon as ce, dotIconSizeMap as Se } from "./lib/Components/core/DotIcon/DotIcon.js";
|
|
24
24
|
import { getDotIconProps as ge } from "./lib/Components/core/DotIcon/getDotIconProps.js";
|
|
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 {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import { ThemeProvider as sr, useTheme as Br } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
|
|
64
|
-
import { COLOR_SCHEMES as Mr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
|
|
25
|
+
import { DotIndicator as Ie } from "./lib/Components/core/DotIndicator/DotIndicator.js";
|
|
26
|
+
import { getDotIndicatorProps as Be } from "./lib/Components/core/DotIndicator/getDotIndicatorProps.js";
|
|
27
|
+
import { DotSymbol as Me } from "./lib/Components/core/DotSymbol/DotSymbol.js";
|
|
28
|
+
import { getDotSymbolProps as ve } from "./lib/Components/core/DotSymbol/getDotSymbolProps.js";
|
|
29
|
+
import { IconButton as Re } from "./lib/Components/core/IconButton/IconButton.js";
|
|
30
|
+
import { InteractiveIcon as He } from "./lib/Components/core/InteractiveIcon/InteractiveIcon.js";
|
|
31
|
+
import { Link as we } from "./lib/Components/core/Link/Link.js";
|
|
32
|
+
import { ListItem as Ne, ListItemContent as ke, ListItemContentRow as Ge, ListItemDescription as Ee, ListItemLeading as Fe, ListItemTitle as Oe, ListItemTrailing as ze } from "./lib/Components/core/ListItem/ListItem.js";
|
|
33
|
+
import { MediaBanner as _e, MediaBannerDescription as je, MediaBannerTitle as qe } from "./lib/Components/core/MediaBanner/MediaBanner.js";
|
|
34
|
+
import { MediaButton as Ke } from "./lib/Components/core/MediaButton/MediaButton.js";
|
|
35
|
+
import { MediaCard as Ue, MediaCardTitle as We } from "./lib/Components/core/MediaCard/MediaCard.js";
|
|
36
|
+
import { MediaImage as Ye } from "./lib/Components/core/MediaImage/MediaImage.js";
|
|
37
|
+
import { MediaTag as $e } from "./lib/Components/core/MediaTag/MediaTag.js";
|
|
38
|
+
import { Menu as oo, MenuCheckboxItem as to, MenuContent as ro, MenuGroup as ao, MenuItem as no, MenuLabel as io, MenuRadioGroup as lo, MenuRadioItem as po, MenuSeparator as mo, MenuSub as To, MenuSubContent as xo, MenuSubTrigger as fo, MenuTrigger as Co, createMenuRadioGroup as co } from "./lib/Components/core/Menu/Menu.js";
|
|
39
|
+
import { NavBar as uo, NavBarBackButton as go, NavBarCoinCapsule as bo, NavBarDescription as Io, NavBarLeading as so, NavBarTitle as Bo, NavBarTrailing as Do } from "./lib/Components/core/NavBar/NavBar.js";
|
|
40
|
+
import { Popover as Lo, PopoverContent as vo, PopoverTrigger as ho, createPopoverHandle as Ro } from "./lib/Components/core/Popover/Popover.js";
|
|
41
|
+
import { PageIndicator as Ho } from "./lib/Components/core/PageIndicator/PageIndicator.js";
|
|
42
|
+
import { Pagination as wo } from "./lib/Components/core/Pagination/Pagination.js";
|
|
43
|
+
import { SearchInput as No } from "./lib/Components/core/SearchInput/SearchInput.js";
|
|
44
|
+
import { SectionHeader as Go, SectionHeaderLeading as Eo, SectionHeaderTitle as Fo } from "./lib/Components/core/SectionHeader/SectionHeader.js";
|
|
45
|
+
import { SegmentedControl as zo, SegmentedControlButton as Vo, createSegmentedControl as _o } from "./lib/Components/core/SegmentedControl/SegmentedControl.js";
|
|
46
|
+
import { Select as qo, SelectContent as Jo, SelectEmptyState as Ko, SelectItem as Qo, SelectItemContent as Uo, SelectItemDescription as Wo, SelectItemText as Xo, SelectList as Yo, SelectSearch as Zo, SelectSeparator as $o, SelectTrigger as et, createSelect as ot } from "./lib/Components/core/Select/Select.js";
|
|
47
|
+
import { SideBar as rt, SideBarCollapseToggle as at, SideBarItem as nt, SideBarLeading as it, SideBarTrailing as lt, createSideBar as pt } from "./lib/Components/core/SideBar/SideBar.js";
|
|
48
|
+
import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
|
|
49
|
+
import { Spinner as xt } from "./lib/Components/core/Spinner/Spinner.js";
|
|
50
|
+
import { Spot as Ct } from "./lib/Components/core/Spot/Spot.js";
|
|
51
|
+
import { Stepper as St } from "./lib/Components/core/Stepper/Stepper.js";
|
|
52
|
+
import { Subheader as gt, SubheaderCount as bt, SubheaderDescription as It, SubheaderInfo as st, SubheaderRow as Bt, SubheaderShowMore as Dt, SubheaderTitle as Mt } from "./lib/Components/core/Subheader/Subheader.js";
|
|
53
|
+
import { Switch as vt } from "./lib/Components/core/Switch/Switch.js";
|
|
54
|
+
import { Table as Rt, TableActionBar as At, TableActionBarLeading as Ht, TableActionBarTrailing as Pt, TableBody as wt, TableCell as yt, TableCellContent as Nt, TableCellContentDescription as kt, TableCellContentRow as Gt, TableCellContentTitle as Et, TableCellItem as Ft, TableCol as Ot, TableColGroup as zt, TableGroupHeaderRow as Vt, TableHeader as _t, TableHeaderCell as jt, TableHeaderRow as qt, TableInfoIcon as Jt, TableLoadingRow as Kt, TableRoot as Qt, TableRow as Ut, TableSortButton as Wt } from "./lib/Components/core/Table/Table.js";
|
|
55
|
+
import { Tag as Yt } from "./lib/Components/core/Tag/Tag.js";
|
|
56
|
+
import { TextInput as $t } from "./lib/Components/core/TextInput/TextInput.js";
|
|
57
|
+
import { Tile as or, TileContent as tr, TileDescription as rr, TileSecondaryAction as ar, TileTitle as nr, TileTrailingContent as ir } from "./lib/Components/core/Tile/Tile.js";
|
|
58
|
+
import { TileButton as pr } from "./lib/Components/core/TileButton/TileButton.js";
|
|
59
|
+
import { Tooltip as dr, TooltipContent as Tr, TooltipProvider as xr, TooltipTrigger as fr } from "./lib/Components/core/Tooltip/Tooltip.js";
|
|
60
|
+
import { Trend as cr } from "./lib/Components/core/Trend/Trend.js";
|
|
61
|
+
import { ThemeProvider as ur, useTheme as gr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
|
|
62
|
+
import { COLOR_SCHEMES as Ir } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
|
|
65
63
|
export {
|
|
66
64
|
i as AddressInput,
|
|
67
65
|
d as AmountDisplay,
|
|
68
66
|
p as AmountInput,
|
|
69
|
-
|
|
67
|
+
x as Avatar,
|
|
70
68
|
S as AvatarButton,
|
|
71
69
|
g as Banner,
|
|
72
70
|
I as Button,
|
|
73
|
-
|
|
71
|
+
Ir as COLOR_SCHEMES,
|
|
74
72
|
B as Card,
|
|
75
73
|
y as CardButton,
|
|
76
74
|
D as CardContent,
|
|
@@ -83,10 +81,10 @@ export {
|
|
|
83
81
|
H as CardLeading,
|
|
84
82
|
P as CardTrailing,
|
|
85
83
|
k as Checkbox,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
84
|
+
E as ContentBanner,
|
|
85
|
+
F as ContentBannerContent,
|
|
86
|
+
O as ContentBannerDescription,
|
|
87
|
+
z as ContentBannerTitle,
|
|
90
88
|
_ as DataTable,
|
|
91
89
|
j as DataTableGlobalSearchInput,
|
|
92
90
|
q as DataTableRoot,
|
|
@@ -103,139 +101,137 @@ export {
|
|
|
103
101
|
ie as DialogFooter,
|
|
104
102
|
me as DialogHeader,
|
|
105
103
|
le as DialogTrigger,
|
|
106
|
-
|
|
104
|
+
Te as Divider,
|
|
107
105
|
fe as DotCount,
|
|
108
106
|
ce as DotIcon,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
107
|
+
Ie as DotIndicator,
|
|
108
|
+
Me as DotSymbol,
|
|
109
|
+
Re as IconButton,
|
|
110
|
+
He as InteractiveIcon,
|
|
113
111
|
t as Languages,
|
|
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
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
112
|
+
we as Link,
|
|
113
|
+
Ne as ListItem,
|
|
114
|
+
ke as ListItemContent,
|
|
115
|
+
Ge as ListItemContentRow,
|
|
116
|
+
Ee as ListItemDescription,
|
|
117
|
+
Fe as ListItemLeading,
|
|
118
|
+
Oe as ListItemTitle,
|
|
119
|
+
ze as ListItemTrailing,
|
|
120
|
+
_e as MediaBanner,
|
|
121
|
+
je as MediaBannerDescription,
|
|
122
|
+
qe as MediaBannerTitle,
|
|
123
|
+
Ke as MediaButton,
|
|
124
|
+
Ue as MediaCard,
|
|
125
|
+
We as MediaCardTitle,
|
|
126
|
+
Ye as MediaImage,
|
|
127
|
+
$e as MediaTag,
|
|
128
|
+
oo as Menu,
|
|
129
|
+
to as MenuCheckboxItem,
|
|
130
|
+
ro as MenuContent,
|
|
131
|
+
ao as MenuGroup,
|
|
132
|
+
no as MenuItem,
|
|
133
|
+
io as MenuLabel,
|
|
134
|
+
lo as MenuRadioGroup,
|
|
135
|
+
po as MenuRadioItem,
|
|
136
|
+
mo as MenuSeparator,
|
|
137
|
+
To as MenuSub,
|
|
138
|
+
xo as MenuSubContent,
|
|
139
|
+
fo as MenuSubTrigger,
|
|
140
|
+
Co as MenuTrigger,
|
|
141
|
+
uo as NavBar,
|
|
142
|
+
go as NavBarBackButton,
|
|
143
|
+
bo as NavBarCoinCapsule,
|
|
144
|
+
Io as NavBarDescription,
|
|
145
|
+
so as NavBarLeading,
|
|
146
|
+
Bo as NavBarTitle,
|
|
147
|
+
Do as NavBarTrailing,
|
|
148
|
+
Ho as PageIndicator,
|
|
149
|
+
wo as Pagination,
|
|
150
|
+
Lo as Popover,
|
|
151
|
+
vo as PopoverContent,
|
|
152
|
+
ho as PopoverTrigger,
|
|
153
|
+
No as SearchInput,
|
|
154
|
+
Go as SectionHeader,
|
|
155
|
+
Eo as SectionHeaderLeading,
|
|
156
|
+
Fo as SectionHeaderTitle,
|
|
157
|
+
zo as SegmentedControl,
|
|
158
|
+
Vo as SegmentedControlButton,
|
|
159
|
+
qo as Select,
|
|
160
|
+
Jo as SelectContent,
|
|
161
|
+
Ko as SelectEmptyState,
|
|
162
|
+
Qo as SelectItem,
|
|
163
|
+
Uo as SelectItemContent,
|
|
164
|
+
Wo as SelectItemDescription,
|
|
165
|
+
Xo as SelectItemText,
|
|
166
|
+
Yo as SelectList,
|
|
167
|
+
Zo as SelectSearch,
|
|
168
|
+
$o as SelectSeparator,
|
|
169
|
+
et as SelectTrigger,
|
|
170
|
+
rt as SideBar,
|
|
171
|
+
at as SideBarCollapseToggle,
|
|
172
|
+
nt as SideBarItem,
|
|
173
|
+
it as SideBarLeading,
|
|
174
|
+
lt as SideBarTrailing,
|
|
175
|
+
dt as Skeleton,
|
|
176
|
+
xt as Spinner,
|
|
177
|
+
Ct as Spot,
|
|
178
|
+
St as Stepper,
|
|
179
|
+
gt as Subheader,
|
|
180
|
+
bt as SubheaderCount,
|
|
181
|
+
It as SubheaderDescription,
|
|
182
|
+
st as SubheaderInfo,
|
|
183
|
+
Bt as SubheaderRow,
|
|
184
|
+
Dt as SubheaderShowMore,
|
|
185
|
+
Mt as SubheaderTitle,
|
|
186
|
+
vt as Switch,
|
|
187
|
+
Rt as Table,
|
|
188
|
+
At as TableActionBar,
|
|
189
|
+
Ht as TableActionBarLeading,
|
|
190
|
+
Pt as TableActionBarTrailing,
|
|
191
|
+
wt as TableBody,
|
|
192
|
+
yt as TableCell,
|
|
193
|
+
Nt as TableCellContent,
|
|
194
|
+
kt as TableCellContentDescription,
|
|
195
|
+
Gt as TableCellContentRow,
|
|
196
|
+
Et as TableCellContentTitle,
|
|
197
|
+
Ft as TableCellItem,
|
|
198
|
+
Ot as TableCol,
|
|
199
|
+
zt as TableColGroup,
|
|
200
|
+
Vt as TableGroupHeaderRow,
|
|
201
|
+
_t as TableHeader,
|
|
202
|
+
jt as TableHeaderCell,
|
|
203
|
+
qt as TableHeaderRow,
|
|
204
|
+
Jt as TableInfoIcon,
|
|
205
|
+
Kt as TableLoadingRow,
|
|
206
|
+
Qt as TableRoot,
|
|
207
|
+
Ut as TableRow,
|
|
208
|
+
Wt as TableSortButton,
|
|
209
|
+
Yt as Tag,
|
|
210
|
+
$t as TextInput,
|
|
211
|
+
ur as ThemeProvider,
|
|
212
|
+
or as Tile,
|
|
213
|
+
pr as TileButton,
|
|
214
|
+
tr as TileContent,
|
|
215
|
+
rr as TileDescription,
|
|
216
|
+
ar as TileSecondaryAction,
|
|
217
|
+
nr as TileTitle,
|
|
218
|
+
ir as TileTrailingContent,
|
|
219
|
+
dr as Tooltip,
|
|
220
|
+
Tr as TooltipContent,
|
|
221
|
+
xr as TooltipProvider,
|
|
222
|
+
fr as TooltipTrigger,
|
|
223
|
+
cr as Trend,
|
|
224
|
+
co as createMenuRadioGroup,
|
|
225
|
+
Ro as createPopoverHandle,
|
|
226
|
+
_o as createSegmentedControl,
|
|
227
|
+
ot as createSelect,
|
|
228
|
+
pt as createSideBar,
|
|
231
229
|
Se as dotIconSizeMap,
|
|
232
230
|
ge as getDotIconProps,
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
Ie as mediaImageDotIconSizeMap,
|
|
236
|
-
He as mediaImageDotSizeMap,
|
|
231
|
+
Be as getDotIndicatorProps,
|
|
232
|
+
ve as getDotSymbolProps,
|
|
237
233
|
C as resolveAvatarColor,
|
|
238
234
|
a as useControllableState,
|
|
239
235
|
K as useLumenDataTable,
|
|
240
|
-
|
|
236
|
+
gr as useTheme
|
|
241
237
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { textFormatter as m } from "../../../../../libs/utils-shared/dist/index.js";
|
|
2
|
-
import { useCallback as
|
|
2
|
+
import { useCallback as d, useState as g, useRef as i, useEffect as f } from "react";
|
|
3
3
|
const I = ({
|
|
4
4
|
value: r,
|
|
5
5
|
onChange: o,
|
|
6
6
|
formatOptions: t
|
|
7
7
|
}) => {
|
|
8
|
-
const a =
|
|
8
|
+
const a = d(
|
|
9
9
|
(e) => m(String(e), t),
|
|
10
10
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
11
11
|
[
|
|
@@ -15,13 +15,13 @@ const I = ({
|
|
|
15
15
|
t.maxDecimalLength,
|
|
16
16
|
t.decimalSeparator
|
|
17
17
|
]
|
|
18
|
-
), [
|
|
18
|
+
), [s, c] = g(() => a(r)), [h, l] = g(!1), u = i(s);
|
|
19
19
|
return f(() => {
|
|
20
20
|
const e = a(r);
|
|
21
|
-
|
|
22
|
-
}, [r, a]), { inputValue:
|
|
21
|
+
c(e), u.current = e;
|
|
22
|
+
}, [r, a]), { inputValue: s, isChanging: h, setIsChanging: l, handleChange: (e) => {
|
|
23
23
|
const n = a(e.target.value);
|
|
24
|
-
|
|
24
|
+
c(n), o({ ...e, target: { ...e.target, value: n } }), n !== u.current && l(!0), u.current = n;
|
|
25
25
|
} };
|
|
26
26
|
};
|
|
27
27
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/Avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,GAAI,mGAWpB,WAAW,4CAyDb,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { cn as
|
|
1
|
+
import { jsxs as h, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { cn as p } from "../../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { cva as m } from "class-variance-authority";
|
|
4
4
|
import { useState as z, useEffect as y } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
5
|
+
import { getAvatarFallbackTextColor as j } from "./resolveAvatarColor.js";
|
|
6
|
+
import { useCommonTranslation as A } from "../../../../i18n/useCommonTranslation.js";
|
|
7
|
+
import { User as C } from "../../symbols/icons/User.js";
|
|
8
|
+
const c = {
|
|
8
9
|
root: m(
|
|
9
10
|
"relative inline-flex items-center justify-center rounded-full bg-base-transparent-hover align-middle transition-colors",
|
|
10
11
|
{
|
|
@@ -35,65 +36,60 @@ const u = {
|
|
|
35
36
|
}
|
|
36
37
|
}
|
|
37
38
|
})
|
|
38
|
-
},
|
|
39
|
+
}, N = {
|
|
39
40
|
xs: 12,
|
|
40
41
|
sm: 16,
|
|
41
42
|
md: 24,
|
|
42
43
|
lg: 32,
|
|
43
44
|
xl: 40,
|
|
44
45
|
"2xl": 56
|
|
45
|
-
},
|
|
46
|
-
size:
|
|
47
|
-
fallbackText:
|
|
46
|
+
}, E = ({
|
|
47
|
+
size: o,
|
|
48
|
+
fallbackText: r,
|
|
48
49
|
fallbackColor: e
|
|
49
50
|
}) => {
|
|
50
|
-
const
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
);
|
|
59
|
-
}, U = ({
|
|
60
|
-
ref: s,
|
|
61
|
-
className: o,
|
|
51
|
+
const s = {
|
|
52
|
+
color: j(e)
|
|
53
|
+
};
|
|
54
|
+
return r ? /* @__PURE__ */ t("span", { className: c.text({ size: o }), style: s, children: r }) : /* @__PURE__ */ t(C, { style: s, size: N[o], "aria-hidden": "true" });
|
|
55
|
+
}, q = ({
|
|
56
|
+
ref: o,
|
|
57
|
+
className: r,
|
|
62
58
|
src: e,
|
|
63
|
-
alt:
|
|
59
|
+
alt: s,
|
|
64
60
|
size: n = "md",
|
|
65
|
-
imgLoading:
|
|
66
|
-
fallbackText:
|
|
67
|
-
fallbackColor:
|
|
61
|
+
imgLoading: u,
|
|
62
|
+
fallbackText: b,
|
|
63
|
+
fallbackColor: a,
|
|
68
64
|
appearance: i,
|
|
69
65
|
...v
|
|
70
66
|
}) => {
|
|
71
|
-
const { t: f } =
|
|
67
|
+
const { t: f } = A(), [x, l] = z(!1), d = !e || x, g = s || f("components.avatar.defaultAriaLabel");
|
|
72
68
|
return y(() => {
|
|
73
69
|
l(!1);
|
|
74
|
-
}, [e]), /* @__PURE__ */
|
|
70
|
+
}, [e]), /* @__PURE__ */ h(
|
|
75
71
|
"div",
|
|
76
72
|
{
|
|
77
|
-
ref:
|
|
78
|
-
className: c
|
|
79
|
-
style: d &&
|
|
73
|
+
ref: o,
|
|
74
|
+
className: p(c.root({ size: n }), r),
|
|
75
|
+
style: d && a ? { backgroundColor: a } : void 0,
|
|
80
76
|
role: "img",
|
|
81
77
|
"aria-label": g,
|
|
82
78
|
...v,
|
|
83
79
|
children: [
|
|
84
80
|
d ? /* @__PURE__ */ t(
|
|
85
|
-
|
|
81
|
+
E,
|
|
86
82
|
{
|
|
87
83
|
size: n,
|
|
88
|
-
fallbackText:
|
|
89
|
-
fallbackColor:
|
|
84
|
+
fallbackText: b,
|
|
85
|
+
fallbackColor: a
|
|
90
86
|
}
|
|
91
87
|
) : /* @__PURE__ */ t(
|
|
92
88
|
"img",
|
|
93
89
|
{
|
|
94
90
|
src: e,
|
|
95
91
|
alt: "",
|
|
96
|
-
loading:
|
|
92
|
+
loading: u,
|
|
97
93
|
onError: () => l(!0),
|
|
98
94
|
className: "size-full overflow-hidden rounded-full object-cover",
|
|
99
95
|
"aria-hidden": "true"
|
|
@@ -114,5 +110,5 @@ const u = {
|
|
|
114
110
|
);
|
|
115
111
|
};
|
|
116
112
|
export {
|
|
117
|
-
|
|
113
|
+
q as Avatar
|
|
118
114
|
};
|
|
@@ -6,4 +6,13 @@ import { CSSVarRef } from '@ledgerhq/lumen-design-core';
|
|
|
6
6
|
* Pass the result directly to `<Avatar fallbackColor={resolveAvatarColor(id)} />`.
|
|
7
7
|
*/
|
|
8
8
|
export declare function resolveAvatarColor(identifier: string): CSSVarRef;
|
|
9
|
+
/**
|
|
10
|
+
* Resolves the fallback text/icon color matching a `fallbackColor` produced
|
|
11
|
+
* by {@link resolveAvatarColor}. Falls back to `--text-black` when
|
|
12
|
+
* `fallbackColor` is a custom color that isn't one of the known avatar color
|
|
13
|
+
* tokens, and to `--text-base` when `fallbackColor` is unset.
|
|
14
|
+
*
|
|
15
|
+
* @internal
|
|
16
|
+
*/
|
|
17
|
+
export declare function getAvatarFallbackTextColor(fallbackColor?: string): CSSVarRef;
|
|
9
18
|
//# sourceMappingURL=resolveAvatarColor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/resolveAvatarColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Avatar/resolveAvatarColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAuCrE;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAEhE;AAED;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAS5E"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { resolveAvatarColorKey as o } from "../../../../libs/utils-shared/dist/index.js";
|
|
2
2
|
import { cssVar as r } from "../../../../libs/design-core/dist/lib/cssVar/cssVar.js";
|
|
3
|
-
const
|
|
3
|
+
const t = {
|
|
4
4
|
orange: r("var(--background-decorative-orange)"),
|
|
5
5
|
green: r("var(--background-decorative-green)"),
|
|
6
6
|
blue: r("var(--background-decorative-blue)"),
|
|
@@ -9,10 +9,28 @@ const a = {
|
|
|
9
9
|
yellow: r("var(--background-decorative-yellow)"),
|
|
10
10
|
turquoise: r("var(--background-decorative-turquoise)"),
|
|
11
11
|
pink: r("var(--background-decorative-pink)")
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
}, a = {
|
|
13
|
+
orange: r("var(--text-decorative-strong-orange)"),
|
|
14
|
+
green: r("var(--text-decorative-strong-green)"),
|
|
15
|
+
blue: r("var(--text-decorative-strong-blue)"),
|
|
16
|
+
purple: r("var(--text-decorative-strong-purple)"),
|
|
17
|
+
red: r("var(--text-decorative-strong-red)"),
|
|
18
|
+
yellow: r("var(--text-decorative-strong-yellow)"),
|
|
19
|
+
turquoise: r("var(--text-decorative-strong-turquoise)"),
|
|
20
|
+
pink: r("var(--text-decorative-strong-pink)")
|
|
21
|
+
}, n = Object.fromEntries(
|
|
22
|
+
Object.keys(t).map((e) => [
|
|
23
|
+
t[e],
|
|
24
|
+
a[e]
|
|
25
|
+
])
|
|
26
|
+
), v = r("var(--text-base)"), c = r("var(--text-black)");
|
|
27
|
+
function d(e) {
|
|
28
|
+
return t[o(e)];
|
|
29
|
+
}
|
|
30
|
+
function g(e) {
|
|
31
|
+
return e ? n[e] ?? c : v;
|
|
15
32
|
}
|
|
16
33
|
export {
|
|
17
|
-
|
|
34
|
+
g as getAvatarFallbackTextColor,
|
|
35
|
+
d as resolveAvatarColor
|
|
18
36
|
};
|