@ledgerhq/lumen-ui-react 0.0.69 → 0.0.71
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/i18n/locales/de.json.d.ts +3 -0
- package/dist/i18n/locales/de.json.js +1 -1
- package/dist/i18n/locales/en.json.d.ts +3 -0
- package/dist/i18n/locales/en.json.js +1 -1
- package/dist/i18n/locales/es.json.d.ts +3 -0
- package/dist/i18n/locales/es.json.js +1 -1
- package/dist/i18n/locales/fr.json.d.ts +3 -0
- package/dist/i18n/locales/fr.json.js +1 -1
- package/dist/i18n/locales/ja.json.d.ts +3 -0
- package/dist/i18n/locales/ja.json.js +1 -1
- package/dist/i18n/locales/ko.json.d.ts +3 -0
- package/dist/i18n/locales/ko.json.js +1 -1
- package/dist/i18n/locales/pt.json.d.ts +3 -0
- package/dist/i18n/locales/pt.json.js +1 -1
- package/dist/i18n/locales/ru.json.d.ts +3 -0
- package/dist/i18n/locales/ru.json.js +1 -1
- package/dist/i18n/locales/th.json.d.ts +3 -0
- package/dist/i18n/locales/th.json.js +1 -1
- package/dist/i18n/locales/tr.json.d.ts +3 -0
- package/dist/i18n/locales/tr.json.js +1 -1
- package/dist/i18n/locales/zh.json.d.ts +3 -0
- package/dist/i18n/locales/zh.json.js +1 -1
- package/dist/index.js +106 -98
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +40 -0
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -0
- package/dist/lib/Components/AmountDisplay/AmountDisplay.js +19 -0
- package/dist/lib/Components/AmountDisplay/index.d.ts +3 -0
- package/dist/lib/Components/AmountDisplay/index.d.ts.map +1 -0
- package/dist/lib/Components/AmountDisplay/types.d.ts +46 -0
- package/dist/lib/Components/AmountDisplay/types.d.ts.map +1 -0
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts +10 -0
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -0
- package/dist/lib/Components/NavBar/CoinCapsule.js +24 -0
- package/dist/lib/Components/NavBar/NavBar.d.ts +80 -0
- package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -0
- package/dist/lib/Components/NavBar/NavBar.js +69 -0
- package/dist/lib/Components/NavBar/index.d.ts +3 -0
- package/dist/lib/Components/NavBar/index.d.ts.map +1 -0
- package/dist/lib/Components/NavBar/types.d.ts +75 -0
- package/dist/lib/Components/NavBar/types.d.ts.map +1 -0
- package/dist/lib/Components/Skeleton/Skeleton.js +9 -9
- package/dist/lib/Components/Subheader/Subheader.d.ts +8 -6
- package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/lib/Components/Subheader/Subheader.js +73 -44
- package/dist/lib/Components/Subheader/types.d.ts +6 -10
- package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
- package/dist/lib/Components/index.d.ts +2 -0
- package/dist/lib/Components/index.d.ts.map +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, baseInput: { clearInputAriaLabel: "Eingabe löschen" }, spinner: { loadingAriaLabel: "Wird geladen" }, dialogHeader: { goBackAriaLabel: "Zurück", closeAriaLabel: "Schließen" }, banner: { closeAriaLabel: "Schließen" }, link: { opensInNewTabAriaLabel: "(Öffnet in neuem Tab)" } }, a = {
|
|
1
|
+
const e = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, baseInput: { clearInputAriaLabel: "Eingabe löschen" }, spinner: { loadingAriaLabel: "Wird geladen" }, dialogHeader: { goBackAriaLabel: "Zurück", closeAriaLabel: "Schließen" }, banner: { closeAriaLabel: "Schließen" }, link: { opensInNewTabAriaLabel: "(Öffnet in neuem Tab)" }, navBar: { goBackAriaLabel: "Zurück" } }, a = {
|
|
2
2
|
components: e
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, baseInput: { clearInputAriaLabel: "Borrar entrada" }, spinner: { loadingAriaLabel: "Cargando" }, dialogHeader: { goBackAriaLabel: "Volver", closeAriaLabel: "Cerrar" }, banner: { closeAriaLabel: "Cerrar" }, link: { opensInNewTabAriaLabel: "(se abre en una pestaña nueva)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, baseInput: { clearInputAriaLabel: "Borrar entrada" }, spinner: { loadingAriaLabel: "Cargando" }, dialogHeader: { goBackAriaLabel: "Volver", closeAriaLabel: "Cerrar" }, banner: { closeAriaLabel: "Cerrar" }, link: { opensInNewTabAriaLabel: "(se abre en una pestaña nueva)" }, navBar: { goBackAriaLabel: "Volver" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" } }, a = {
|
|
1
|
+
const e = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" } }, a = {
|
|
2
2
|
components: e
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "(新しいタブで開く)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "(新しいタブで開く)" }, navBar: { goBackAriaLabel: "戻る" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" }, navBar: { goBackAriaLabel: "돌아가기" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, baseInput: { clearInputAriaLabel: "Limpar input" }, spinner: { loadingAriaLabel: "Carregando" }, dialogHeader: { goBackAriaLabel: "Voltar", closeAriaLabel: "Fechar" }, banner: { closeAriaLabel: "Fechar" }, link: { opensInNewTabAriaLabel: "(abre em uma nova aba)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, baseInput: { clearInputAriaLabel: "Limpar input" }, spinner: { loadingAriaLabel: "Carregando" }, dialogHeader: { goBackAriaLabel: "Voltar", closeAriaLabel: "Fechar" }, banner: { closeAriaLabel: "Fechar" }, link: { opensInNewTabAriaLabel: "(abre em uma nova aba)" }, navBar: { goBackAriaLabel: "Voltar" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" }, navBar: { goBackAriaLabel: "Назад" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" }, navBar: { goBackAriaLabel: "ย้อนกลับ" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, baseInput: { clearInputAriaLabel: "Girdiyi temizle" }, spinner: { loadingAriaLabel: "Yükleniyor" }, dialogHeader: { goBackAriaLabel: "Geri dön", closeAriaLabel: "Kapat" }, banner: { closeAriaLabel: "Kapat" }, link: { opensInNewTabAriaLabel: "(yeni sekmede açılır)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, baseInput: { clearInputAriaLabel: "Girdiyi temizle" }, spinner: { loadingAriaLabel: "Yükleniyor" }, dialogHeader: { goBackAriaLabel: "Geri dön", closeAriaLabel: "Kapat" }, banner: { closeAriaLabel: "Kapat" }, link: { opensInNewTabAriaLabel: "(yeni sekmede açılır)" }, navBar: { goBackAriaLabel: "Geri dön" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "(在新选项卡中打开)" } }, e = {
|
|
1
|
+
const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "(在新选项卡中打开)" }, navBar: { goBackAriaLabel: "返回" } }, e = {
|
|
2
2
|
components: a
|
|
3
3
|
};
|
|
4
4
|
export {
|
package/dist/index.js
CHANGED
|
@@ -1,108 +1,116 @@
|
|
|
1
1
|
import { Languages as t } from "./i18n/languages.js";
|
|
2
2
|
import { AddressInput as n } from "./lib/Components/AddressInput/AddressInput.js";
|
|
3
3
|
import { AmountInput as p } from "./lib/Components/AmountInput/AmountInput.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
4
|
+
import { AmountDisplay as m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
|
|
5
|
+
import { Banner as l } from "./lib/Components/Banner/Banner.js";
|
|
6
|
+
import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
|
|
7
|
+
import { Button as T } from "./lib/Components/Button/Button.js";
|
|
8
|
+
import { BaseButton as I } from "./lib/Components/Button/BaseButton.js";
|
|
9
|
+
import { CardButton as d } from "./lib/Components/CardButton/CardButton.js";
|
|
10
|
+
import { Checkbox as B } from "./lib/Components/Checkbox/Checkbox.js";
|
|
11
|
+
import { Dialog as h, DialogBody as M, DialogContent as L, DialogFooter as C, DialogTrigger as D } from "./lib/Components/Dialog/Dialog.js";
|
|
12
|
+
import { DialogHeader as k } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
|
|
13
|
+
import { Divider as N } from "./lib/Components/Divider/Divider.js";
|
|
14
|
+
import { IconButton as y } from "./lib/Components/IconButton/IconButton.js";
|
|
14
15
|
import { InteractiveIcon as P } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
|
|
15
|
-
import { Link as
|
|
16
|
-
import { ListItem as
|
|
17
|
-
import { Menu as
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
16
|
+
import { Link as F } from "./lib/Components/Link/Link.js";
|
|
17
|
+
import { ListItem as j, ListItemContent as q, ListItemDescription as z, ListItemIcon as E, ListItemLeading as J, ListItemSpot as K, ListItemTitle as O, ListItemTrailing as Q, ListItemTruncate as U } from "./lib/Components/ListItem/ListItem.js";
|
|
18
|
+
import { Menu as W, MenuCheckboxItem as X, MenuContent as Y, MenuGroup as Z, MenuItem as _, MenuLabel as $, MenuPortal as ee, MenuRadioGroup as oe, MenuRadioItem as te, MenuSeparator as re, MenuSub as ne, MenuSubContent as ie, MenuSubTrigger as pe, MenuTrigger as ae } from "./lib/Components/Menu/Menu.js";
|
|
19
|
+
import { NavBar as ue, NavBarBackButton as le, NavBarCoinCapsule as xe, NavBarTitle as fe, NavBarTrailing as Se } from "./lib/Components/NavBar/NavBar.js";
|
|
20
|
+
import { SearchInput as ce } from "./lib/Components/SearchInput/SearchInput.js";
|
|
21
|
+
import { Select as ge, SelectContent as de, SelectGroup as se, SelectItem as Be, SelectItemText as be, SelectLabel as he, SelectSeparator as Me, SelectTrigger as Le } from "./lib/Components/Select/Select.js";
|
|
22
|
+
import { Skeleton as De } from "./lib/Components/Skeleton/Skeleton.js";
|
|
23
|
+
import { Spot as ke } from "./lib/Components/Spot/Spot.js";
|
|
24
|
+
import { Subheader as Ne, SubheaderAction as we, SubheaderCount as ye, SubheaderDescription as Ge, SubheaderInfo as Pe, SubheaderRow as Re, SubheaderShowMore as Fe, SubheaderTitle as He } from "./lib/Components/Subheader/Subheader.js";
|
|
25
|
+
import { Switch as qe } from "./lib/Components/Switch/Switch.js";
|
|
26
|
+
import { Tag as Ee } from "./lib/Components/Tag/Tag.js";
|
|
27
|
+
import { TextInput as Ke } from "./lib/Components/TextInput/TextInput.js";
|
|
28
|
+
import { Tile as Qe, TileContent as Ue, TileDescription as Ve, TileSecondaryAction as We, TileSpot as Xe, TileTitle as Ye } from "./lib/Components/Tile/Tile.js";
|
|
29
|
+
import { TileButton as _e } from "./lib/Components/TileButton/TileButton.js";
|
|
30
|
+
import { Tooltip as eo, TooltipContent as oo, TooltipProvider as to, TooltipTrigger as ro } from "./lib/Components/Tooltip/Tooltip.js";
|
|
31
|
+
import { ThemeProvider as io, useTheme as po } from "./lib/Components/ThemeProvider/ThemeProvider.js";
|
|
30
32
|
export {
|
|
31
33
|
n as AddressInput,
|
|
34
|
+
m as AmountDisplay,
|
|
32
35
|
p as AmountInput,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
36
|
+
l as Banner,
|
|
37
|
+
I as BaseButton,
|
|
38
|
+
f as BaseInput,
|
|
39
|
+
T as Button,
|
|
40
|
+
d as CardButton,
|
|
41
|
+
B as Checkbox,
|
|
42
|
+
h as Dialog,
|
|
43
|
+
M as DialogBody,
|
|
44
|
+
L as DialogContent,
|
|
45
|
+
C as DialogFooter,
|
|
46
|
+
k as DialogHeader,
|
|
47
|
+
D as DialogTrigger,
|
|
48
|
+
N as Divider,
|
|
49
|
+
y as IconButton,
|
|
47
50
|
P as InteractiveIcon,
|
|
48
51
|
t as Languages,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
be as
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
De as
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
Ge as
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
Ue as
|
|
104
|
-
Ve as
|
|
105
|
-
We as
|
|
106
|
-
Xe as
|
|
107
|
-
|
|
52
|
+
F as Link,
|
|
53
|
+
j as ListItem,
|
|
54
|
+
q as ListItemContent,
|
|
55
|
+
z as ListItemDescription,
|
|
56
|
+
E as ListItemIcon,
|
|
57
|
+
J as ListItemLeading,
|
|
58
|
+
K as ListItemSpot,
|
|
59
|
+
O as ListItemTitle,
|
|
60
|
+
Q as ListItemTrailing,
|
|
61
|
+
U as ListItemTruncate,
|
|
62
|
+
W as Menu,
|
|
63
|
+
X as MenuCheckboxItem,
|
|
64
|
+
Y as MenuContent,
|
|
65
|
+
Z as MenuGroup,
|
|
66
|
+
_ as MenuItem,
|
|
67
|
+
$ as MenuLabel,
|
|
68
|
+
ee as MenuPortal,
|
|
69
|
+
oe as MenuRadioGroup,
|
|
70
|
+
te as MenuRadioItem,
|
|
71
|
+
re as MenuSeparator,
|
|
72
|
+
ne as MenuSub,
|
|
73
|
+
ie as MenuSubContent,
|
|
74
|
+
pe as MenuSubTrigger,
|
|
75
|
+
ae as MenuTrigger,
|
|
76
|
+
ue as NavBar,
|
|
77
|
+
le as NavBarBackButton,
|
|
78
|
+
xe as NavBarCoinCapsule,
|
|
79
|
+
fe as NavBarTitle,
|
|
80
|
+
Se as NavBarTrailing,
|
|
81
|
+
ce as SearchInput,
|
|
82
|
+
ge as Select,
|
|
83
|
+
de as SelectContent,
|
|
84
|
+
se as SelectGroup,
|
|
85
|
+
Be as SelectItem,
|
|
86
|
+
be as SelectItemText,
|
|
87
|
+
he as SelectLabel,
|
|
88
|
+
Me as SelectSeparator,
|
|
89
|
+
Le as SelectTrigger,
|
|
90
|
+
De as Skeleton,
|
|
91
|
+
ke as Spot,
|
|
92
|
+
Ne as Subheader,
|
|
93
|
+
we as SubheaderAction,
|
|
94
|
+
ye as SubheaderCount,
|
|
95
|
+
Ge as SubheaderDescription,
|
|
96
|
+
Pe as SubheaderInfo,
|
|
97
|
+
Re as SubheaderRow,
|
|
98
|
+
Fe as SubheaderShowMore,
|
|
99
|
+
He as SubheaderTitle,
|
|
100
|
+
qe as Switch,
|
|
101
|
+
Ee as Tag,
|
|
102
|
+
Ke as TextInput,
|
|
103
|
+
io as ThemeProvider,
|
|
104
|
+
Qe as Tile,
|
|
105
|
+
_e as TileButton,
|
|
106
|
+
Ue as TileContent,
|
|
107
|
+
Ve as TileDescription,
|
|
108
|
+
We as TileSecondaryAction,
|
|
109
|
+
Xe as TileSpot,
|
|
110
|
+
Ye as TileTitle,
|
|
111
|
+
eo as Tooltip,
|
|
112
|
+
oo as TooltipContent,
|
|
113
|
+
to as TooltipProvider,
|
|
114
|
+
ro as TooltipTrigger,
|
|
115
|
+
po as useTheme
|
|
108
116
|
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* AmountDisplay - Renders formatted monetary amounts with flexible currency positioning and decimal formatting.
|
|
4
|
+
*
|
|
5
|
+
* This component uses a formatter function pattern that gives you full control over how amounts are displayed,
|
|
6
|
+
* including currency position, decimal separators, and precision. Use the `hidden` prop for privacy features.
|
|
7
|
+
*
|
|
8
|
+
* @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-overview--docs Storybook}
|
|
9
|
+
* @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-implementation--docs#dos-and-donts Guidelines}
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* import { AmountDisplay } from '@ledgerhq/lumen-ui-react';
|
|
14
|
+
* import type { FormattedValue } from '@ledgerhq/lumen-ui-react';
|
|
15
|
+
*
|
|
16
|
+
* // Create a formatter function
|
|
17
|
+
* const usdFormatter = (value: number): FormattedValue => {
|
|
18
|
+
* const [integerPart, decimalPart] = value.toFixed(2).split('.');
|
|
19
|
+
* return {
|
|
20
|
+
* integerPart,
|
|
21
|
+
* decimalPart,
|
|
22
|
+
* currencyText: '$',
|
|
23
|
+
* decimalSeparator: '.',
|
|
24
|
+
* currencyPosition: 'start',
|
|
25
|
+
* };
|
|
26
|
+
* };
|
|
27
|
+
*
|
|
28
|
+
* // Basic usage
|
|
29
|
+
* <AmountDisplay value={1234.56} formatter={usdFormatter} />
|
|
30
|
+
*
|
|
31
|
+
* // With privacy (hidden)
|
|
32
|
+
* <AmountDisplay value={1234.56} formatter={usdFormatter} hidden={true} />
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
export declare const AmountDisplay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
36
|
+
value: number;
|
|
37
|
+
formatter: (value: number) => import('./types').FormattedValue;
|
|
38
|
+
hidden?: boolean;
|
|
39
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
//# sourceMappingURL=AmountDisplay.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;;;;wCAyBxB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsxs as r, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import l from "react";
|
|
3
|
+
const o = l.forwardRef(({ value: n, formatter: t, hidden: s = !1, ...c }, i) => {
|
|
4
|
+
const e = t(n);
|
|
5
|
+
return /* @__PURE__ */ r("div", { ref: i, ...c, children: [
|
|
6
|
+
/* @__PURE__ */ r("span", { className: "heading-1-semi-bold text-base", children: [
|
|
7
|
+
(e.currencyPosition === void 0 || e.currencyPosition === "start") && /* @__PURE__ */ a("span", { className: "me-4", children: e.currencyText }),
|
|
8
|
+
/* @__PURE__ */ a("span", { children: s ? "••••" : e.integerPart })
|
|
9
|
+
] }),
|
|
10
|
+
/* @__PURE__ */ r("span", { className: "heading-2-semi-bold text-muted", children: [
|
|
11
|
+
e.decimalPart && !s && /* @__PURE__ */ a("span", { children: (e.decimalSeparator || ".") + e.decimalPart }),
|
|
12
|
+
e.currencyPosition === "end" && /* @__PURE__ */ a("span", { className: "ms-4", children: e.currencyText })
|
|
13
|
+
] })
|
|
14
|
+
] });
|
|
15
|
+
});
|
|
16
|
+
o.displayName = "AmountDisplay";
|
|
17
|
+
export {
|
|
18
|
+
o as AmountDisplay
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export type FormattedValue = {
|
|
2
|
+
/**
|
|
3
|
+
* The whole number portion of the amount (e.g., "1234" from 1234.56)
|
|
4
|
+
*/
|
|
5
|
+
integerPart: string;
|
|
6
|
+
/**
|
|
7
|
+
* The fractional portion of the amount without the separator (e.g., "56" from 1234.56)
|
|
8
|
+
* @optional
|
|
9
|
+
*/
|
|
10
|
+
decimalPart?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The currency text or symbol (e.g., "$", "USD", "€", "BTC")
|
|
13
|
+
*/
|
|
14
|
+
currencyText: string;
|
|
15
|
+
/**
|
|
16
|
+
* The character which separates integer and fractional parts.
|
|
17
|
+
*/
|
|
18
|
+
decimalSeparator: '.' | ',';
|
|
19
|
+
/**
|
|
20
|
+
* Position of the currency text relative to the amount.
|
|
21
|
+
* @optional
|
|
22
|
+
* @default 'start'
|
|
23
|
+
*/
|
|
24
|
+
currencyPosition?: 'start' | 'end';
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Props for the AmountDisplay component.
|
|
28
|
+
*/
|
|
29
|
+
export type AmountDisplayProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
30
|
+
/**
|
|
31
|
+
* The numeric value to display.
|
|
32
|
+
* Pass the raw number value (e.g., 1234.56) - the formatter will handle conversion.
|
|
33
|
+
*/
|
|
34
|
+
value: number;
|
|
35
|
+
/**
|
|
36
|
+
* Function that formats the numeric value into a FormattedValue object.
|
|
37
|
+
*/
|
|
38
|
+
formatter: (value: number) => FormattedValue;
|
|
39
|
+
/**
|
|
40
|
+
* When true, displays bullet points (••••) instead of the actual amount.
|
|
41
|
+
* Useful for privacy features where users can toggle amount visibility.
|
|
42
|
+
* @default false
|
|
43
|
+
*/
|
|
44
|
+
hidden?: boolean;
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACtE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CoinCapsuleProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* @internal
|
|
5
|
+
* Internal component for displaying a cryptocurrency coin capsule with icon and ticker.
|
|
6
|
+
* This component is not exported publicly. Use NavBarCoinCapsule instead for NavBar usage.
|
|
7
|
+
* Kept as a separate component for potential future extraction as a standalone component.
|
|
8
|
+
*/
|
|
9
|
+
export declare const CoinCapsule: React.ForwardRefExoticComponent<CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=CoinCapsule.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CoinCapsule.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/CoinCapsule.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAkBvB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { cn as l } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import i from "react";
|
|
4
|
+
const o = i.forwardRef(
|
|
5
|
+
({ ticker: s, icon: a, className: r }, t) => /* @__PURE__ */ n(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
ref: t,
|
|
9
|
+
className: l(
|
|
10
|
+
"flex items-center gap-8 rounded-full bg-muted-transparent py-8 pr-12 pl-8",
|
|
11
|
+
r
|
|
12
|
+
),
|
|
13
|
+
"data-slot": "coin-capsule",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: a }),
|
|
16
|
+
/* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: s })
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
o.displayName = "CoinCapsule";
|
|
22
|
+
export {
|
|
23
|
+
o as CoinCapsule
|
|
24
|
+
};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps } from './types';
|
|
3
|
+
/**
|
|
4
|
+
* A coin capsule component for displaying cryptocurrency information within the NavBar.
|
|
5
|
+
* Shows an icon and ticker symbol in a pill-shaped container.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* import { NavBar, NavBarBackButton, NavBarCoinCapsule, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
|
|
9
|
+
* import { CryptoIcon } from '@ledgerhq/crypto-icons';
|
|
10
|
+
*
|
|
11
|
+
* <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
|
|
12
|
+
*/
|
|
13
|
+
export declare const NavBarCoinCapsule: React.ForwardRefExoticComponent<import('./types').CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
/**
|
|
15
|
+
* Back button component for the NavBar. Displays an arrow left icon button.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* <NavBarBackButton onClick={() => navigate(-1)} />
|
|
19
|
+
*/
|
|
20
|
+
export declare const NavBarBackButton: React.ForwardRefExoticComponent<NavBarBackButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
21
|
+
/**
|
|
22
|
+
* Title component for the NavBar. Displays the navigation title text.
|
|
23
|
+
* Use the `as` prop to control heading semantics and avoid multiple h1s on a page.
|
|
24
|
+
*
|
|
25
|
+
* @example
|
|
26
|
+
* <NavBarTitle>Page Title</NavBarTitle>
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* // With custom heading level
|
|
30
|
+
* <NavBarTitle as="h2">Page Title</NavBarTitle>
|
|
31
|
+
*/
|
|
32
|
+
export declare const NavBarTitle: React.ForwardRefExoticComponent<NavBarTitleProps & React.RefAttributes<HTMLElement>>;
|
|
33
|
+
/**
|
|
34
|
+
* Trailing container for the NavBar. Used to place elements on the right side of the navbar.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* <NavBarTrailing>
|
|
38
|
+
* <IconButton icon={Settings} aria-label="Settings" />
|
|
39
|
+
* </NavBarTrailing>
|
|
40
|
+
*/
|
|
41
|
+
export declare const NavBarTrailing: React.ForwardRefExoticComponent<NavBarTrailingProps & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
/**
|
|
43
|
+
* A navigation bar component for displaying page headers with optional back button, title, and trailing elements.
|
|
44
|
+
* Uses a composable compound component API where you explicitly nest sub-components to define the layout.
|
|
45
|
+
*
|
|
46
|
+
* @see {@link https://ldls.vercel.app/?path=/docs/navigation-navbar-overview--docs Storybook}
|
|
47
|
+
* @see {@link https://ldls.vercel.app/?path=/docs/navigation-navbar-implementation--docs#dos-and-donts Guidelines}
|
|
48
|
+
*
|
|
49
|
+
* @warning The `className` prop should only be used for layout adjustments like margins or positioning.
|
|
50
|
+
* Do not use it to modify the navbar's core appearance (colors, padding, etc).
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* // Basic NavBar with title
|
|
54
|
+
* import { NavBar, NavBarBackButton, NavBarTitle, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
|
|
55
|
+
*
|
|
56
|
+
* <NavBar>
|
|
57
|
+
* <NavBarBackButton onClick={() => navigate(-1)} />
|
|
58
|
+
* <NavBarTitle>Page Title</NavBarTitle>
|
|
59
|
+
* <NavBarTrailing>
|
|
60
|
+
* <IconButton icon={Settings} aria-label="Settings" />
|
|
61
|
+
* </NavBarTrailing>
|
|
62
|
+
* </NavBar>
|
|
63
|
+
*
|
|
64
|
+
* @example
|
|
65
|
+
* // NavBar with NavBarCoinCapsule for crypto assets
|
|
66
|
+
* import { CryptoIcon } from '@ledgerhq/crypto-icons';
|
|
67
|
+
*
|
|
68
|
+
* <NavBar>
|
|
69
|
+
* <NavBarBackButton onClick={handleBack} />
|
|
70
|
+
* <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
|
|
71
|
+
* <NavBarTrailing>
|
|
72
|
+
* <IconButton icon={MoreHorizontal} aria-label="More options" />
|
|
73
|
+
* </NavBarTrailing>
|
|
74
|
+
* </NavBar>
|
|
75
|
+
*/
|
|
76
|
+
export declare const NavBar: React.ForwardRefExoticComponent<{
|
|
77
|
+
children?: React.ReactNode;
|
|
78
|
+
className?: string;
|
|
79
|
+
} & Omit<React.HTMLAttributes<HTMLElement>, "children" | "className"> & React.RefAttributes<HTMLElement>>;
|
|
80
|
+
//# sourceMappingURL=NavBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,qBAAqB,EAGrB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,2GAO5B,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,iGAkB3B,CAAC;AAGH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,sFAavB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,4FAczB,CAAC;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;;;yGAalB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { cn as s } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import n from "react";
|
|
4
|
+
import { CoinCapsule as l } from "./CoinCapsule.js";
|
|
5
|
+
import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
|
|
6
|
+
import { IconButton as c } from "../IconButton/IconButton.js";
|
|
7
|
+
import { ArrowLeft as f } from "../../Symbols/Icons/ArrowLeft.js";
|
|
8
|
+
const d = n.forwardRef(({ ticker: a, icon: r, className: e }, t) => /* @__PURE__ */ o("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ o(l, { ref: t, ticker: a, icon: r, className: e }) }));
|
|
9
|
+
d.displayName = "NavBarCoinCapsule";
|
|
10
|
+
const p = n.forwardRef(({ onClick: a, "aria-label": r, className: e }, t) => {
|
|
11
|
+
const { t: i } = m();
|
|
12
|
+
return /* @__PURE__ */ o(
|
|
13
|
+
c,
|
|
14
|
+
{
|
|
15
|
+
ref: t,
|
|
16
|
+
appearance: "no-background",
|
|
17
|
+
size: "sm",
|
|
18
|
+
icon: f,
|
|
19
|
+
onClick: a,
|
|
20
|
+
className: s("shrink-0", e),
|
|
21
|
+
"aria-label": r ?? i("components.navBar.goBackAriaLabel"),
|
|
22
|
+
"data-slot": "navbar-back-button"
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
});
|
|
26
|
+
p.displayName = "NavBarBackButton";
|
|
27
|
+
const N = n.forwardRef(
|
|
28
|
+
({ children: a, className: r, as: e = "h1" }, t) => /* @__PURE__ */ o(
|
|
29
|
+
e,
|
|
30
|
+
{
|
|
31
|
+
ref: t,
|
|
32
|
+
className: s("min-w-0 flex-1 truncate heading-4-semi-bold", r),
|
|
33
|
+
"data-slot": "navbar-title",
|
|
34
|
+
children: a
|
|
35
|
+
}
|
|
36
|
+
)
|
|
37
|
+
);
|
|
38
|
+
N.displayName = "NavBarTitle";
|
|
39
|
+
const v = n.forwardRef(({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
40
|
+
"div",
|
|
41
|
+
{
|
|
42
|
+
ref: t,
|
|
43
|
+
className: s("flex shrink-0 items-center gap-4", r),
|
|
44
|
+
"data-slot": "navbar-trailing",
|
|
45
|
+
...e,
|
|
46
|
+
children: a
|
|
47
|
+
}
|
|
48
|
+
));
|
|
49
|
+
v.displayName = "NavBarTrailing";
|
|
50
|
+
const B = n.forwardRef(
|
|
51
|
+
({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
|
|
52
|
+
"nav",
|
|
53
|
+
{
|
|
54
|
+
ref: t,
|
|
55
|
+
className: s("flex items-center gap-4", r),
|
|
56
|
+
"data-slot": "navbar",
|
|
57
|
+
...e,
|
|
58
|
+
children: a
|
|
59
|
+
}
|
|
60
|
+
)
|
|
61
|
+
);
|
|
62
|
+
B.displayName = "NavBar";
|
|
63
|
+
export {
|
|
64
|
+
B as NavBar,
|
|
65
|
+
p as NavBarBackButton,
|
|
66
|
+
d as NavBarCoinCapsule,
|
|
67
|
+
N as NavBarTitle,
|
|
68
|
+
v as NavBarTrailing
|
|
69
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type NavBarProps = {
|
|
3
|
+
/**
|
|
4
|
+
* The children of the NavBar, typically NavBarBackButton, NavBarTitle, NavBarTrailing, or NavBarCoinCapsule components.
|
|
5
|
+
*/
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
} & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className'>;
|
|
12
|
+
export type NavBarBackButtonProps = {
|
|
13
|
+
/**
|
|
14
|
+
* Callback function when the back button is clicked.
|
|
15
|
+
*/
|
|
16
|
+
onClick?: () => void;
|
|
17
|
+
/**
|
|
18
|
+
* Accessible label for the back button.
|
|
19
|
+
* @default "Go back"
|
|
20
|
+
*/
|
|
21
|
+
'aria-label'?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Additional custom CSS classes to apply.
|
|
24
|
+
*/
|
|
25
|
+
className?: string;
|
|
26
|
+
};
|
|
27
|
+
export type NavBarTitleProps = {
|
|
28
|
+
/**
|
|
29
|
+
* The title text to display.
|
|
30
|
+
*/
|
|
31
|
+
children: ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* The HTML element to render as.
|
|
34
|
+
* Use this to control heading semantics and avoid multiple h1s on a page.
|
|
35
|
+
* @default 'h1'
|
|
36
|
+
*/
|
|
37
|
+
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
38
|
+
/**
|
|
39
|
+
* Additional custom CSS classes to apply.
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
42
|
+
};
|
|
43
|
+
export type NavBarTrailingProps = {
|
|
44
|
+
/**
|
|
45
|
+
* The trailing content, typically IconButton components.
|
|
46
|
+
*/
|
|
47
|
+
children: ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Additional custom CSS classes to apply.
|
|
50
|
+
*/
|
|
51
|
+
className?: string;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* @internal
|
|
55
|
+
* Props for the internal CoinCapsule component.
|
|
56
|
+
*/
|
|
57
|
+
export type CoinCapsuleProps = {
|
|
58
|
+
/**
|
|
59
|
+
* The cryptocurrency ticker symbol to display (e.g., "BTC", "ETH").
|
|
60
|
+
*/
|
|
61
|
+
ticker: string;
|
|
62
|
+
/**
|
|
63
|
+
* The icon element to display (typically a crypto coin icon).
|
|
64
|
+
*/
|
|
65
|
+
icon: ReactNode;
|
|
66
|
+
/**
|
|
67
|
+
* Additional custom CSS classes to apply.
|
|
68
|
+
*/
|
|
69
|
+
className?: string;
|
|
70
|
+
};
|
|
71
|
+
/**
|
|
72
|
+
* Props for the NavBarCoinCapsule component.
|
|
73
|
+
*/
|
|
74
|
+
export type NavBarCoinCapsuleProps = CoinCapsuleProps;
|
|
75
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { cn as n } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
-
function l({ className:
|
|
3
|
+
function l({ className: t, ...s }) {
|
|
4
4
|
return /* @__PURE__ */ e(
|
|
5
5
|
"div",
|
|
6
6
|
{
|
|
7
|
-
className: n("animate-pulse rounded-md bg-
|
|
8
|
-
...
|
|
7
|
+
className: n("animate-pulse rounded-md bg-muted-transparent", t),
|
|
8
|
+
...s
|
|
9
9
|
}
|
|
10
10
|
);
|
|
11
11
|
}
|
|
12
|
-
function o({ className:
|
|
13
|
-
return
|
|
12
|
+
function o({ className: t, component: s, ...d }) {
|
|
13
|
+
return s === "list-item" ? /* @__PURE__ */ a(
|
|
14
14
|
"div",
|
|
15
15
|
{
|
|
16
16
|
"data-slot": "skeleton",
|
|
17
17
|
"data-testid": "skeleton",
|
|
18
|
-
className: n("flex w-full items-center gap-16 py-8",
|
|
18
|
+
className: n("flex w-full items-center gap-16 py-8", t),
|
|
19
19
|
...d,
|
|
20
20
|
children: [
|
|
21
21
|
/* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
|
|
@@ -25,14 +25,14 @@ function o({ className: s, component: t, ...d }) {
|
|
|
25
25
|
] })
|
|
26
26
|
]
|
|
27
27
|
}
|
|
28
|
-
) :
|
|
28
|
+
) : s === "tile" ? /* @__PURE__ */ a(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
"data-slot": "skeleton",
|
|
32
32
|
"data-testid": "skeleton",
|
|
33
33
|
className: n(
|
|
34
34
|
"flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
|
|
35
|
-
|
|
35
|
+
t
|
|
36
36
|
),
|
|
37
37
|
...d,
|
|
38
38
|
children: [
|
|
@@ -48,7 +48,7 @@ function o({ className: s, component: t, ...d }) {
|
|
|
48
48
|
{
|
|
49
49
|
"data-slot": "skeleton",
|
|
50
50
|
"data-testid": "skeleton",
|
|
51
|
-
className:
|
|
51
|
+
className: t,
|
|
52
52
|
...d
|
|
53
53
|
}
|
|
54
54
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps,
|
|
2
|
+
import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* Title component for the Subheader. Displays the main heading.
|
|
5
5
|
* Use the `as` prop to control heading semantics and avoid multiple h2s on a page.
|
|
@@ -11,7 +11,7 @@ import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, S
|
|
|
11
11
|
* // With custom heading level
|
|
12
12
|
* <SubheaderTitle as="h3">Section Title</SubheaderTitle>
|
|
13
13
|
*/
|
|
14
|
-
export declare const SubheaderTitle: ({ children, as: Component, }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const SubheaderTitle: ({ children, as: Component, className, ...props }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
/**
|
|
16
16
|
* Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
|
|
17
17
|
* Can optionally be interactive with an onClick handler.
|
|
@@ -20,20 +20,22 @@ export declare const SubheaderRow: ({ children, onClick, className, ...props }:
|
|
|
20
20
|
/**
|
|
21
21
|
* Count component for the Subheader. Displays a formatted number.
|
|
22
22
|
*/
|
|
23
|
-
export declare const SubheaderCount: ({ value, format }: SubheaderCountProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const SubheaderCount: ({ value, format, className, ...props }: SubheaderCountProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
24
|
/**
|
|
25
25
|
* Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip.
|
|
26
26
|
*/
|
|
27
|
-
export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<
|
|
27
|
+
export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<import('..').InteractiveIconProps, "children" | "iconType"> & {
|
|
28
|
+
iconType?: "filled" | "stroked";
|
|
29
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
28
30
|
/**
|
|
29
31
|
* ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
|
|
30
32
|
* Position this after SubheaderCount and before other elements.
|
|
31
33
|
*/
|
|
32
|
-
export declare const SubheaderShowMore: ({ className }: SubheaderShowMoreProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const SubheaderShowMore: ({ className, ...props }: SubheaderShowMoreProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
35
|
/**
|
|
34
36
|
* Description component for the Subheader. Displays descriptive text below the title row.
|
|
35
37
|
*/
|
|
36
|
-
export declare const SubheaderDescription: ({ children, }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
export declare const SubheaderDescription: ({ children, className, ...props }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
37
39
|
/**
|
|
38
40
|
* Action component for the Subheader. Displays an interactive text button.
|
|
39
41
|
* Automatically positions itself at the end of the row using ml-auto.
|
|
@@ -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,
|
|
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,GAAI,kDAK5B,mBAAmB,4CASrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
|
|
@@ -1,71 +1,100 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cn as
|
|
3
|
-
import
|
|
4
|
-
import { Information as
|
|
5
|
-
import { ChevronRight as
|
|
6
|
-
import { InteractiveIcon as
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { cn as s } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import i from "react";
|
|
4
|
+
import { Information as c } from "../../Symbols/Icons/Information.js";
|
|
5
|
+
import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
|
|
6
|
+
import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
|
|
7
7
|
const S = ({
|
|
8
|
-
children:
|
|
9
|
-
as:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
children: t,
|
|
9
|
+
as: e = "h2",
|
|
10
|
+
className: r,
|
|
11
|
+
...o
|
|
12
|
+
}) => /* @__PURE__ */ n(
|
|
13
|
+
e,
|
|
14
|
+
{
|
|
15
|
+
className: s("min-w-0 truncate heading-4-semi-bold", r),
|
|
16
|
+
...o,
|
|
17
|
+
children: t
|
|
18
|
+
}
|
|
19
|
+
), N = ({
|
|
20
|
+
children: t,
|
|
21
|
+
onClick: e,
|
|
22
|
+
className: r,
|
|
14
23
|
...o
|
|
15
|
-
}) => /* @__PURE__ */
|
|
16
|
-
|
|
24
|
+
}) => /* @__PURE__ */ n(
|
|
25
|
+
e ? "button" : "div",
|
|
17
26
|
{
|
|
18
|
-
className:
|
|
27
|
+
className: s(
|
|
19
28
|
"flex items-center gap-4",
|
|
20
|
-
|
|
21
|
-
|
|
29
|
+
e && "cursor-pointer",
|
|
30
|
+
r
|
|
22
31
|
),
|
|
23
|
-
onClick:
|
|
32
|
+
onClick: e,
|
|
24
33
|
...o,
|
|
25
|
-
children:
|
|
34
|
+
children: t
|
|
26
35
|
}
|
|
27
|
-
), y = ({
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
36
|
+
), y = ({
|
|
37
|
+
value: t,
|
|
38
|
+
format: e,
|
|
39
|
+
className: r,
|
|
40
|
+
...o
|
|
41
|
+
}) => {
|
|
42
|
+
const a = e ? e(t) : `(${t})`;
|
|
43
|
+
return /* @__PURE__ */ n("span", { className: s("shrink-0 body-2 text-muted", r), ...o, children: a });
|
|
44
|
+
}, u = i.forwardRef(({ iconType: t = "stroked", className: e, ...r }, o) => /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ n(
|
|
45
|
+
d,
|
|
32
46
|
{
|
|
33
47
|
ref: o,
|
|
34
|
-
iconType:
|
|
35
|
-
className:
|
|
48
|
+
iconType: t,
|
|
49
|
+
className: e,
|
|
36
50
|
"aria-label": "More information",
|
|
37
|
-
...
|
|
38
|
-
children: /* @__PURE__ */
|
|
51
|
+
...r,
|
|
52
|
+
children: /* @__PURE__ */ n(c, { size: 16 })
|
|
39
53
|
}
|
|
40
54
|
) }));
|
|
41
|
-
|
|
42
|
-
const I = ({
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
55
|
+
u.displayName = "SubheaderInfo";
|
|
56
|
+
const I = ({
|
|
57
|
+
className: t,
|
|
58
|
+
...e
|
|
59
|
+
}) => /* @__PURE__ */ n(
|
|
60
|
+
"span",
|
|
61
|
+
{
|
|
62
|
+
className: s("shrink-0 self-center text-muted", t),
|
|
63
|
+
...e,
|
|
64
|
+
children: /* @__PURE__ */ n(m, { size: 16 })
|
|
65
|
+
}
|
|
66
|
+
), g = ({
|
|
67
|
+
children: t,
|
|
68
|
+
className: e,
|
|
69
|
+
...r
|
|
70
|
+
}) => /* @__PURE__ */ n("p", { className: s("body-3 text-muted", e), ...r, children: t }), v = ({
|
|
71
|
+
children: t,
|
|
72
|
+
onClick: e,
|
|
73
|
+
className: r,
|
|
48
74
|
...o
|
|
49
|
-
}) => /* @__PURE__ */
|
|
75
|
+
}) => /* @__PURE__ */ n(
|
|
50
76
|
"button",
|
|
51
77
|
{
|
|
52
78
|
type: "button",
|
|
53
|
-
onClick:
|
|
54
|
-
className:
|
|
79
|
+
onClick: e,
|
|
80
|
+
className: s(
|
|
81
|
+
"ml-auto shrink-0 cursor-pointer pl-8 body-2 text-interactive",
|
|
82
|
+
r
|
|
83
|
+
),
|
|
55
84
|
...o,
|
|
56
|
-
children:
|
|
85
|
+
children: t
|
|
57
86
|
}
|
|
58
87
|
), w = ({
|
|
59
|
-
className:
|
|
60
|
-
children:
|
|
61
|
-
...
|
|
62
|
-
}) => /* @__PURE__ */
|
|
88
|
+
className: t,
|
|
89
|
+
children: e,
|
|
90
|
+
...r
|
|
91
|
+
}) => /* @__PURE__ */ n("div", { className: s("flex flex-col gap-4", t), ...r, children: e });
|
|
63
92
|
export {
|
|
64
93
|
w as Subheader,
|
|
65
94
|
v as SubheaderAction,
|
|
66
95
|
y as SubheaderCount,
|
|
67
96
|
g as SubheaderDescription,
|
|
68
|
-
|
|
97
|
+
u as SubheaderInfo,
|
|
69
98
|
N as SubheaderRow,
|
|
70
99
|
I as SubheaderShowMore,
|
|
71
100
|
S as SubheaderTitle
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { InteractiveIconProps } from '../InteractiveIcon';
|
|
1
2
|
export type SubheaderProps = {
|
|
2
3
|
/**
|
|
3
4
|
* The children of the subheader, which should include SubheaderRow, SubheaderTitle, SubheaderDescription, etc.
|
|
@@ -25,7 +26,7 @@ export type SubheaderTitleProps = {
|
|
|
25
26
|
* @default 'h2'
|
|
26
27
|
*/
|
|
27
28
|
as?: keyof Pick<HTMLElementTagNameMap, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span'>;
|
|
28
|
-
}
|
|
29
|
+
} & Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children'>;
|
|
29
30
|
export type SubheaderCountProps = {
|
|
30
31
|
/**
|
|
31
32
|
* The count value to display.
|
|
@@ -36,8 +37,8 @@ export type SubheaderCountProps = {
|
|
|
36
37
|
* Defaults to (n) => `(${n})`
|
|
37
38
|
*/
|
|
38
39
|
format?: (value: number) => string;
|
|
39
|
-
}
|
|
40
|
-
export type SubheaderInfoProps = Omit<
|
|
40
|
+
} & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>;
|
|
41
|
+
export type SubheaderInfoProps = Omit<InteractiveIconProps, 'children' | 'iconType'> & {
|
|
41
42
|
/**
|
|
42
43
|
* The visual style of the icon button.
|
|
43
44
|
* Defaults to 'stroked'.
|
|
@@ -49,7 +50,7 @@ export type SubheaderDescriptionProps = {
|
|
|
49
50
|
* The description text to display below the title row.
|
|
50
51
|
*/
|
|
51
52
|
children: React.ReactNode;
|
|
52
|
-
}
|
|
53
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'>;
|
|
53
54
|
export type SubheaderActionProps = {
|
|
54
55
|
/**
|
|
55
56
|
* The action element to display (e.g., button text).
|
|
@@ -60,10 +61,5 @@ export type SubheaderActionProps = {
|
|
|
60
61
|
*/
|
|
61
62
|
onClick: () => void;
|
|
62
63
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
|
|
63
|
-
export type SubheaderShowMoreProps =
|
|
64
|
-
/**
|
|
65
|
-
* Optional className for custom styling.
|
|
66
|
-
*/
|
|
67
|
-
className?: string;
|
|
68
|
-
};
|
|
64
|
+
export type SubheaderShowMoreProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>;
|
|
69
65
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,UAAU,CACX,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export * from './AddressInput';
|
|
2
2
|
export * from './AmountInput';
|
|
3
|
+
export * from './AmountDisplay';
|
|
3
4
|
export * from './Banner';
|
|
4
5
|
export * from './BaseInput';
|
|
5
6
|
export * from './Button';
|
|
@@ -12,6 +13,7 @@ export * from './InteractiveIcon';
|
|
|
12
13
|
export * from './Link';
|
|
13
14
|
export * from './ListItem';
|
|
14
15
|
export * from './Menu';
|
|
16
|
+
export * from './NavBar';
|
|
15
17
|
export * from './SearchInput';
|
|
16
18
|
export * from './Select';
|
|
17
19
|
export * from './Skeleton';
|
|
@@ -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,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,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,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,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,YAAY,CAAC;AAC3B,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"}
|
package/dist/package.json
CHANGED