@ledgerhq/lumen-ui-react 0.1.17 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai-rules/RULES.md +6 -0
- package/dist/lib/Components/AddressInput/AddressInput.d.ts +1 -4
- package/dist/lib/Components/AddressInput/AddressInput.d.ts.map +1 -1
- package/dist/lib/Components/AddressInput/AddressInput.js +21 -21
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -4
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
- package/dist/lib/Components/AmountDisplay/AmountDisplay.js +32 -29
- package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -4
- package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.js +13 -14
- package/dist/lib/Components/Avatar/Avatar.d.ts +1 -4
- package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +8 -9
- package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -4
- package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
- package/dist/lib/Components/BaseInput/BaseInput.js +44 -44
- package/dist/lib/Components/Button/BaseButton.d.ts +1 -4
- package/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
- package/dist/lib/Components/Button/BaseButton.js +14 -15
- package/dist/lib/Components/Button/Button.d.ts +1 -4
- package/dist/lib/Components/Button/Button.d.ts.map +1 -1
- package/dist/lib/Components/Button/Button.js +6 -7
- package/dist/lib/Components/Card/Card.d.ts +10 -40
- package/dist/lib/Components/Card/Card.d.ts.map +1 -1
- package/dist/lib/Components/Card/Card.js +115 -134
- package/dist/lib/Components/CardButton/CardButton.d.ts +1 -4
- package/dist/lib/Components/CardButton/CardButton.d.ts.map +1 -1
- package/dist/lib/Components/CardButton/CardButton.js +10 -11
- package/dist/lib/Components/Checkbox/Checkbox.d.ts +1 -4
- package/dist/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/lib/Components/Checkbox/Checkbox.js +2 -3
- package/dist/lib/Components/ContentBanner/ContentBanner.d.ts +4 -16
- package/dist/lib/Components/ContentBanner/ContentBanner.d.ts.map +1 -1
- package/dist/lib/Components/ContentBanner/ContentBanner.js +48 -54
- package/dist/lib/Components/DataTable/DataTable.d.ts +3 -12
- package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/lib/Components/DataTable/DataTable.js +84 -97
- package/dist/lib/Components/Dialog/Dialog.d.ts +3 -12
- package/dist/lib/Components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/lib/Components/Dialog/Dialog.js +44 -50
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts +1 -4
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
- package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +31 -34
- package/dist/lib/Components/Divider/Divider.d.ts +1 -4
- package/dist/lib/Components/Divider/Divider.d.ts.map +1 -1
- package/dist/lib/Components/Divider/Divider.js +10 -11
- package/dist/lib/Components/Icon/Icon.d.ts +1 -4
- package/dist/lib/Components/Icon/Icon.d.ts.map +1 -1
- package/dist/lib/Components/Icon/Icon.js +6 -7
- package/dist/lib/Components/IconButton/IconButton.d.ts +1 -4
- package/dist/lib/Components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/lib/Components/IconButton/IconButton.js +5 -6
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +3 -11
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
- package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +24 -22
- package/dist/lib/Components/InteractiveIcon/types.d.ts +14 -9
- package/dist/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
- package/dist/lib/Components/Link/Link.d.ts +1 -4
- package/dist/lib/Components/Link/Link.d.ts.map +1 -1
- package/dist/lib/Components/Link/Link.js +13 -14
- package/dist/lib/Components/ListItem/ListItem.d.ts +7 -28
- package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/lib/Components/ListItem/ListItem.js +60 -63
- package/dist/lib/Components/MediaBanner/MediaBanner.d.ts +3 -12
- package/dist/lib/Components/MediaBanner/MediaBanner.d.ts.map +1 -1
- package/dist/lib/Components/MediaBanner/MediaBanner.js +39 -43
- package/dist/lib/Components/MediaCard/MediaCard.d.ts +2 -8
- package/dist/lib/Components/MediaCard/MediaCard.d.ts.map +1 -1
- package/dist/lib/Components/MediaCard/MediaCard.js +38 -40
- package/dist/lib/Components/MediaImage/MediaImage.d.ts +1 -4
- package/dist/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
- package/dist/lib/Components/MediaImage/MediaImage.js +15 -16
- package/dist/lib/Components/Menu/Menu.d.ts +11 -38
- package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.js +100 -116
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts +1 -4
- package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/CoinCapsule.js +8 -9
- package/dist/lib/Components/NavBar/NavBar.d.ts +7 -22
- package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/NavBar.js +25 -34
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts +1 -4
- package/dist/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
- package/dist/lib/Components/PageIndicator/PageIndicator.js +15 -16
- package/dist/lib/Components/Popover/Popover.d.ts +1 -4
- package/dist/lib/Components/Popover/Popover.d.ts.map +1 -1
- package/dist/lib/Components/Popover/Popover.js +5 -7
- package/dist/lib/Components/SearchInput/SearchInput.d.ts +1 -4
- package/dist/lib/Components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/lib/Components/SearchInput/SearchInput.js +2 -3
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +0 -6
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/SegmentedControl.js +19 -21
- package/dist/lib/Components/Select/Select.d.ts +10 -40
- package/dist/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/lib/Components/Select/Select.js +141 -163
- package/dist/lib/Components/SideBar/SideBar.d.ts +5 -20
- package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/SideBar.js +44 -53
- package/dist/lib/Components/Skeleton/Skeleton.d.ts +1 -4
- package/dist/lib/Components/Skeleton/Skeleton.d.ts.map +1 -1
- package/dist/lib/Components/Skeleton/Skeleton.js +15 -22
- package/dist/lib/Components/Spot/Spot.d.ts +1 -4
- package/dist/lib/Components/Spot/Spot.d.ts.map +1 -1
- package/dist/lib/Components/Spot/Spot.js +11 -12
- package/dist/lib/Components/Stepper/Stepper.d.ts +1 -4
- package/dist/lib/Components/Stepper/Stepper.d.ts.map +1 -1
- package/dist/lib/Components/Stepper/Stepper.js +10 -11
- package/dist/lib/Components/Subheader/Subheader.d.ts +1 -4
- package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
- package/dist/lib/Components/Subheader/Subheader.js +14 -15
- package/dist/lib/Components/Subheader/types.d.ts +1 -1
- package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
- package/dist/lib/Components/Switch/Switch.d.ts +1 -4
- package/dist/lib/Components/Switch/Switch.d.ts.map +1 -1
- package/dist/lib/Components/Switch/Switch.js +2 -3
- package/dist/lib/Components/Table/Table.d.ts +16 -64
- package/dist/lib/Components/Table/Table.d.ts.map +1 -1
- package/dist/lib/Components/Table/Table.js +146 -176
- package/dist/lib/Components/Tag/Tag.d.ts +1 -4
- package/dist/lib/Components/Tag/Tag.d.ts.map +1 -1
- package/dist/lib/Components/Tag/Tag.js +10 -11
- package/dist/lib/Components/TextInput/TextInput.d.ts +1 -4
- package/dist/lib/Components/TextInput/TextInput.d.ts.map +1 -1
- package/dist/lib/Components/TextInput/TextInput.js +4 -5
- package/dist/lib/Components/Tile/Tile.d.ts +6 -24
- package/dist/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/lib/Components/Tile/Tile.js +58 -71
- package/dist/lib/Components/TileButton/TileButton.d.ts +1 -4
- package/dist/lib/Components/TileButton/TileButton.d.ts.map +1 -1
- package/dist/lib/Components/TileButton/TileButton.js +12 -13
- package/dist/lib/Components/TriggerButton/TriggerButton.d.ts +1 -4
- package/dist/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -1
- package/dist/lib/Components/TriggerButton/TriggerButton.js +11 -12
- package/dist/package.json +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG,GAAI,qFASjB,QAAQ,4CAuBV,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useDisabledContext as
|
|
1
|
+
import { jsxs as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { useDisabledContext as p, cn as g } from "../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { cva as u } from "class-variance-authority";
|
|
4
4
|
const x = u(
|
|
5
5
|
"inline-flex items-center justify-center gap-4 truncate rounded-xs",
|
|
@@ -28,7 +28,7 @@ const x = u(
|
|
|
28
28
|
disabled: !1
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
),
|
|
31
|
+
), j = ({
|
|
32
32
|
ref: s,
|
|
33
33
|
className: n,
|
|
34
34
|
appearance: r,
|
|
@@ -38,27 +38,26 @@ const x = u(
|
|
|
38
38
|
disabled: d,
|
|
39
39
|
...o
|
|
40
40
|
}) => {
|
|
41
|
-
const m =
|
|
41
|
+
const m = p({
|
|
42
42
|
consumerName: "Tag",
|
|
43
43
|
mergeWith: { disabled: d }
|
|
44
|
-
}),
|
|
44
|
+
}), b = e ? {
|
|
45
45
|
md: 16,
|
|
46
46
|
sm: 12
|
|
47
|
-
}[e] : 16,
|
|
48
|
-
return /* @__PURE__ */
|
|
47
|
+
}[e] : 16, t = c;
|
|
48
|
+
return /* @__PURE__ */ l(
|
|
49
49
|
"div",
|
|
50
50
|
{
|
|
51
51
|
className: g(n, x({ appearance: r, size: e, disabled: m })),
|
|
52
52
|
ref: s,
|
|
53
53
|
...o,
|
|
54
54
|
children: [
|
|
55
|
-
|
|
56
|
-
/* @__PURE__ */
|
|
55
|
+
t && /* @__PURE__ */ a(t, { size: b }),
|
|
56
|
+
/* @__PURE__ */ a("span", { className: "truncate", children: i })
|
|
57
57
|
]
|
|
58
58
|
}
|
|
59
59
|
);
|
|
60
60
|
};
|
|
61
|
-
f.displayName = "Tag";
|
|
62
61
|
export {
|
|
63
|
-
|
|
62
|
+
j as Tag
|
|
64
63
|
};
|
|
@@ -53,8 +53,5 @@ import { TextInputProps } from './types';
|
|
|
53
53
|
* }}
|
|
54
54
|
* />
|
|
55
55
|
*/
|
|
56
|
-
export declare const TextInput: {
|
|
57
|
-
({ ref, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
58
|
-
displayName: string;
|
|
59
|
-
};
|
|
56
|
+
export declare const TextInput: ({ ref, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
60
57
|
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS,GAAI,mBAAmB,cAAc,4CAE1D,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { BaseInput as
|
|
3
|
-
const
|
|
4
|
-
o.displayName = "TextInput";
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { BaseInput as p } from "../BaseInput/BaseInput.js";
|
|
3
|
+
const n = ({ ref: t, ...r }) => /* @__PURE__ */ o(p, { ref: t, ...r });
|
|
5
4
|
export {
|
|
6
|
-
|
|
5
|
+
n as TextInput
|
|
7
6
|
};
|
|
@@ -26,34 +26,22 @@ import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionP
|
|
|
26
26
|
* <div>Custom content</div>
|
|
27
27
|
* </Tile>
|
|
28
28
|
*/
|
|
29
|
-
export declare const Tile: {
|
|
30
|
-
({ ref, className, onClick, secondaryAction, appearance, disabled: disabledProp, centered, children, style, ...props }: TileProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
displayName: string;
|
|
32
|
-
};
|
|
29
|
+
export declare const Tile: ({ ref, className, onClick, secondaryAction, appearance, disabled: disabledProp, centered, children, style, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
30
|
/**
|
|
34
31
|
* A container for grouping TileTitle and TileDescription with consistent spacing.
|
|
35
32
|
* Use this to wrap text content within a Tile.
|
|
36
33
|
*/
|
|
37
|
-
export declare const TileContent: {
|
|
38
|
-
({ children, className, ...props }: TileContentProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
displayName: string;
|
|
40
|
-
};
|
|
34
|
+
export declare const TileContent: ({ children, className, ...props }: TileContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
41
35
|
/**
|
|
42
36
|
* The primary text label for a Tile. Automatically inherits the disabled state from the parent Tile.
|
|
43
37
|
* Text will truncate with ellipsis if it exceeds the available width.
|
|
44
38
|
*/
|
|
45
|
-
export declare const TileTitle: {
|
|
46
|
-
({ children, className, ...props }: TileTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
47
|
-
displayName: string;
|
|
48
|
-
};
|
|
39
|
+
export declare const TileTitle: ({ children, className, ...props }: TileTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
49
40
|
/**
|
|
50
41
|
* The secondary text label for a Tile. Automatically inherits the disabled state from the parent Tile.
|
|
51
42
|
* Text will truncate with ellipsis if it exceeds the available width.
|
|
52
43
|
*/
|
|
53
|
-
export declare const TileDescription: {
|
|
54
|
-
({ children, className, ...props }: TileDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
55
|
-
displayName: string;
|
|
56
|
-
};
|
|
44
|
+
export declare const TileDescription: ({ children, className, ...props }: TileDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
57
45
|
/**
|
|
58
46
|
* A container for trailing content inside TileContent.
|
|
59
47
|
* Use this to wrap Tags, labels, or other supplementary information after title and description.
|
|
@@ -71,10 +59,7 @@ export declare const TileDescription: {
|
|
|
71
59
|
* </TileContent>
|
|
72
60
|
* </Tile>
|
|
73
61
|
*/
|
|
74
|
-
export declare const TileTrailingContent: {
|
|
75
|
-
({ children, className, ...props }: TileTrailingContentProps): import("react/jsx-runtime").JSX.Element;
|
|
76
|
-
displayName: string;
|
|
77
|
-
};
|
|
62
|
+
export declare const TileTrailingContent: ({ children, className, ...props }: TileTrailingContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
78
63
|
/**
|
|
79
64
|
* A self-contained secondary action button for a Tile. Renders an InteractiveIcon that appears
|
|
80
65
|
* in the top-right corner and is visible on hover/focus. Automatically hidden when the parent Tile is disabled.
|
|
@@ -92,8 +77,5 @@ export declare const TileTrailingContent: {
|
|
|
92
77
|
* </TileContent>
|
|
93
78
|
* </Tile>
|
|
94
79
|
*/
|
|
95
|
-
export declare const TileSecondaryAction: {
|
|
96
|
-
({ ref, onClick, icon, className, "aria-label": ariaLabel, ...props }: TileSecondaryActionProps): import("react/jsx-runtime").JSX.Element | null;
|
|
97
|
-
displayName: string;
|
|
98
|
-
};
|
|
80
|
+
export declare const TileSecondaryAction: ({ ref, onClick, icon, className, "aria-label": ariaLabel, ...props }: TileSecondaryActionProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
99
81
|
//# sourceMappingURL=Tile.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI,GAAI,uHAWlB,SAAS,4CA+BX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,4CASlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAiBhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAiBtB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,mCAIjC,wBAAwB,4CAS1B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,sEAOjC,wBAAwB,mDAmC1B,CAAC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useDisabledContext as
|
|
3
|
-
import { cva as
|
|
4
|
-
import { useCallback as
|
|
5
|
-
import { InteractiveIcon as
|
|
6
|
-
const
|
|
7
|
-
root:
|
|
1
|
+
import { jsx as r, jsxs as x } from "react/jsx-runtime";
|
|
2
|
+
import { useDisabledContext as l, DisabledProvider as f, cn as i } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { cva as m } from "class-variance-authority";
|
|
4
|
+
import { useCallback as g } from "react";
|
|
5
|
+
import { InteractiveIcon as T } from "../InteractiveIcon/InteractiveIcon.js";
|
|
6
|
+
const p = {
|
|
7
|
+
root: m([
|
|
8
8
|
"group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
|
|
9
9
|
]),
|
|
10
|
-
inner:
|
|
10
|
+
inner: m(
|
|
11
11
|
[
|
|
12
12
|
"flex w-full flex-1 flex-col items-center gap-8 px-8 py-12",
|
|
13
13
|
"rounded-md focus-visible:outline-2 focus-visible:outline-focus"
|
|
@@ -34,166 +34,153 @@ const v = {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
)
|
|
37
|
-
},
|
|
37
|
+
}, C = ({
|
|
38
38
|
ref: t,
|
|
39
39
|
className: e,
|
|
40
40
|
onClick: a,
|
|
41
|
-
secondaryAction:
|
|
41
|
+
secondaryAction: s,
|
|
42
42
|
appearance: c = "no-background",
|
|
43
43
|
disabled: d = !1,
|
|
44
44
|
centered: u = !1,
|
|
45
45
|
children: b,
|
|
46
|
-
style:
|
|
47
|
-
...
|
|
46
|
+
style: o,
|
|
47
|
+
...v
|
|
48
48
|
}) => {
|
|
49
|
-
const
|
|
49
|
+
const n = l({
|
|
50
50
|
consumerName: "Tile",
|
|
51
51
|
mergeWith: { disabled: d }
|
|
52
52
|
});
|
|
53
|
-
return /* @__PURE__ */
|
|
53
|
+
return /* @__PURE__ */ r(f, { value: { disabled: n }, children: /* @__PURE__ */ x(
|
|
54
54
|
"div",
|
|
55
55
|
{
|
|
56
56
|
ref: t,
|
|
57
|
-
style:
|
|
58
|
-
className:
|
|
57
|
+
style: o,
|
|
58
|
+
className: p.root({
|
|
59
59
|
className: e
|
|
60
60
|
}),
|
|
61
61
|
children: [
|
|
62
|
-
/* @__PURE__ */
|
|
62
|
+
/* @__PURE__ */ r(
|
|
63
63
|
"button",
|
|
64
64
|
{
|
|
65
|
-
...
|
|
65
|
+
...v,
|
|
66
66
|
onClick: a,
|
|
67
|
-
disabled:
|
|
68
|
-
className:
|
|
67
|
+
disabled: n,
|
|
68
|
+
className: p.inner({
|
|
69
69
|
appearance: c,
|
|
70
|
-
disabled:
|
|
70
|
+
disabled: n,
|
|
71
71
|
centered: u
|
|
72
72
|
}),
|
|
73
|
-
children: /* @__PURE__ */
|
|
73
|
+
children: /* @__PURE__ */ r(f, { value: { disabled: n }, children: b })
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
|
-
|
|
76
|
+
s
|
|
77
77
|
]
|
|
78
78
|
}
|
|
79
79
|
) });
|
|
80
|
-
}
|
|
81
|
-
g.displayName = "Tile";
|
|
82
|
-
const N = ({
|
|
80
|
+
}, D = ({
|
|
83
81
|
children: t,
|
|
84
82
|
className: e,
|
|
85
83
|
...a
|
|
86
|
-
}) => /* @__PURE__ */
|
|
84
|
+
}) => /* @__PURE__ */ r(
|
|
87
85
|
"div",
|
|
88
86
|
{
|
|
89
|
-
className:
|
|
87
|
+
className: i("flex w-full flex-col items-center text-center", e),
|
|
90
88
|
...a,
|
|
91
89
|
children: t
|
|
92
90
|
}
|
|
93
|
-
)
|
|
94
|
-
N.displayName = "TileContent";
|
|
95
|
-
const h = ({
|
|
91
|
+
), j = ({
|
|
96
92
|
children: t,
|
|
97
93
|
className: e,
|
|
98
94
|
...a
|
|
99
95
|
}) => {
|
|
100
|
-
const
|
|
96
|
+
const s = l({
|
|
101
97
|
consumerName: "TileTitle",
|
|
102
98
|
contextRequired: !0
|
|
103
99
|
});
|
|
104
|
-
return /* @__PURE__ */
|
|
100
|
+
return /* @__PURE__ */ r(
|
|
105
101
|
"div",
|
|
106
102
|
{
|
|
107
|
-
className:
|
|
103
|
+
className: i(
|
|
108
104
|
"w-full truncate body-2-semi-bold",
|
|
109
|
-
|
|
105
|
+
s && "text-disabled",
|
|
110
106
|
e
|
|
111
107
|
),
|
|
112
108
|
...a,
|
|
113
109
|
children: t
|
|
114
110
|
}
|
|
115
111
|
);
|
|
116
|
-
}
|
|
117
|
-
h.displayName = "TileTitle";
|
|
118
|
-
const C = ({
|
|
112
|
+
}, q = ({
|
|
119
113
|
children: t,
|
|
120
114
|
className: e,
|
|
121
115
|
...a
|
|
122
116
|
}) => {
|
|
123
|
-
const
|
|
117
|
+
const s = l({
|
|
124
118
|
consumerName: "TileDescription",
|
|
125
119
|
contextRequired: !0
|
|
126
120
|
});
|
|
127
|
-
return /* @__PURE__ */
|
|
121
|
+
return /* @__PURE__ */ r(
|
|
128
122
|
"div",
|
|
129
123
|
{
|
|
130
|
-
className:
|
|
124
|
+
className: i(
|
|
131
125
|
"w-full truncate body-3",
|
|
132
|
-
|
|
126
|
+
s ? "text-disabled" : "text-muted",
|
|
133
127
|
e
|
|
134
128
|
),
|
|
135
129
|
...a,
|
|
136
130
|
children: t
|
|
137
131
|
}
|
|
138
132
|
);
|
|
139
|
-
}
|
|
140
|
-
C.displayName = "TileDescription";
|
|
141
|
-
const k = ({
|
|
133
|
+
}, R = ({
|
|
142
134
|
children: t,
|
|
143
135
|
className: e,
|
|
144
136
|
...a
|
|
145
|
-
}) => /* @__PURE__ */
|
|
137
|
+
}) => /* @__PURE__ */ r(
|
|
146
138
|
"div",
|
|
147
139
|
{
|
|
148
|
-
className:
|
|
140
|
+
className: i("mt-4 flex w-full flex-col items-center gap-8", e),
|
|
149
141
|
...a,
|
|
150
142
|
children: t
|
|
151
143
|
}
|
|
152
|
-
)
|
|
153
|
-
k.displayName = "TileTrailingContent";
|
|
154
|
-
const w = ({
|
|
144
|
+
), A = ({
|
|
155
145
|
ref: t,
|
|
156
146
|
onClick: e,
|
|
157
147
|
icon: a,
|
|
158
|
-
className:
|
|
148
|
+
className: s,
|
|
159
149
|
"aria-label": c,
|
|
160
150
|
...d
|
|
161
151
|
}) => {
|
|
162
|
-
const u =
|
|
152
|
+
const u = l({
|
|
163
153
|
consumerName: "TileSecondaryAction",
|
|
164
154
|
contextRequired: !0
|
|
165
|
-
}), b =
|
|
166
|
-
(
|
|
167
|
-
|
|
155
|
+
}), b = g(
|
|
156
|
+
(o) => {
|
|
157
|
+
o.stopPropagation(), o.preventDefault(), e?.(o);
|
|
168
158
|
},
|
|
169
159
|
[e]
|
|
170
160
|
);
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
const f = a;
|
|
174
|
-
return /* @__PURE__ */ i(
|
|
175
|
-
y,
|
|
161
|
+
return u ? null : /* @__PURE__ */ r(
|
|
162
|
+
T,
|
|
176
163
|
{
|
|
177
|
-
className:
|
|
164
|
+
className: i(
|
|
178
165
|
"absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
|
|
179
|
-
|
|
166
|
+
s
|
|
180
167
|
),
|
|
181
168
|
"data-secondary-button-container": !0,
|
|
182
169
|
iconType: "stroked",
|
|
170
|
+
icon: a,
|
|
171
|
+
size: 24,
|
|
183
172
|
onClick: b,
|
|
184
173
|
"aria-label": c,
|
|
185
174
|
ref: t,
|
|
186
|
-
...d
|
|
187
|
-
children: /* @__PURE__ */ i(f, { size: 24 })
|
|
175
|
+
...d
|
|
188
176
|
}
|
|
189
177
|
);
|
|
190
178
|
};
|
|
191
|
-
w.displayName = "TileSecondaryAction";
|
|
192
179
|
export {
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
180
|
+
C as Tile,
|
|
181
|
+
D as TileContent,
|
|
182
|
+
q as TileDescription,
|
|
183
|
+
A as TileSecondaryAction,
|
|
184
|
+
j as TileTitle,
|
|
185
|
+
R as TileTrailingContent
|
|
199
186
|
};
|
|
@@ -21,8 +21,5 @@ import { TileButtonProps } from './types';
|
|
|
21
21
|
* <Link to="/settings">Settings</Link>
|
|
22
22
|
* </TileButton>
|
|
23
23
|
*/
|
|
24
|
-
export declare const TileButton: {
|
|
25
|
-
({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
displayName: string;
|
|
27
|
-
};
|
|
24
|
+
export declare const TileButton: ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
25
|
//# sourceMappingURL=TileButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,+HAWxB,eAAe,4CAqCjB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useDisabledContext as v, cn as x } from "../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { Slot as g, Slottable as N } from "@radix-ui/react-slot";
|
|
4
|
-
import { cva as
|
|
5
|
-
import { useCallback as
|
|
6
|
-
const
|
|
4
|
+
import { cva as i } from "class-variance-authority";
|
|
5
|
+
import { useCallback as V } from "react";
|
|
6
|
+
const h = i(
|
|
7
7
|
[
|
|
8
8
|
"flex flex-col items-center gap-8 rounded-md p-12",
|
|
9
9
|
"bg-surface body-2-semi-bold text-base transition-colors",
|
|
@@ -24,7 +24,7 @@ const V = o(
|
|
|
24
24
|
isFull: !1
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
),
|
|
27
|
+
), k = i("shrink-0", {
|
|
28
28
|
variants: {
|
|
29
29
|
disabled: {
|
|
30
30
|
true: "text-disabled",
|
|
@@ -34,7 +34,7 @@ const V = o(
|
|
|
34
34
|
defaultVariants: {
|
|
35
35
|
disabled: !1
|
|
36
36
|
}
|
|
37
|
-
}),
|
|
37
|
+
}), F = ({
|
|
38
38
|
ref: r,
|
|
39
39
|
icon: n,
|
|
40
40
|
children: a,
|
|
@@ -49,13 +49,13 @@ const V = o(
|
|
|
49
49
|
const e = v({
|
|
50
50
|
consumerName: "TileButton",
|
|
51
51
|
mergeWith: { disabled: d }
|
|
52
|
-
}), m =
|
|
53
|
-
(
|
|
52
|
+
}), m = V(
|
|
53
|
+
(o) => {
|
|
54
54
|
if (e) {
|
|
55
|
-
|
|
55
|
+
o.preventDefault();
|
|
56
56
|
return;
|
|
57
57
|
}
|
|
58
|
-
l?.(
|
|
58
|
+
l?.(o);
|
|
59
59
|
},
|
|
60
60
|
[e, l]
|
|
61
61
|
);
|
|
@@ -64,20 +64,19 @@ const V = o(
|
|
|
64
64
|
{
|
|
65
65
|
ref: r,
|
|
66
66
|
type: s ? void 0 : "button",
|
|
67
|
-
className: x(
|
|
67
|
+
className: x(h({ disabled: e, isFull: u }), c),
|
|
68
68
|
onClick: m,
|
|
69
69
|
disabled: e,
|
|
70
70
|
"data-disabled": e || void 0,
|
|
71
71
|
"aria-label": b,
|
|
72
72
|
...f,
|
|
73
73
|
children: [
|
|
74
|
-
/* @__PURE__ */ t(n, { size: 20, className:
|
|
74
|
+
/* @__PURE__ */ t(n, { size: 20, className: k({ disabled: e }) }),
|
|
75
75
|
s ? /* @__PURE__ */ t(N, { children: a }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: a })
|
|
76
76
|
]
|
|
77
77
|
}
|
|
78
78
|
);
|
|
79
79
|
};
|
|
80
|
-
k.displayName = "TileButton";
|
|
81
80
|
export {
|
|
82
|
-
|
|
81
|
+
F as TileButton
|
|
83
82
|
};
|
|
@@ -26,8 +26,5 @@ import { TriggerButtonProps } from './types';
|
|
|
26
26
|
* // Without icon
|
|
27
27
|
* <TriggerButton>All accounts</TriggerButton>
|
|
28
28
|
*/
|
|
29
|
-
export declare const TriggerButton: {
|
|
30
|
-
({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, children, ...props }: TriggerButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
displayName: string;
|
|
32
|
-
};
|
|
29
|
+
export declare const TriggerButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, children, ...props }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
30
|
//# sourceMappingURL=TriggerButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4BlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4BlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa,GAAI,2GAW3B,kBAAkB,4CAmCpB,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useDisabledContext as
|
|
3
|
-
import { Slot as
|
|
2
|
+
import { useDisabledContext as y, cn as u } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import { Slot as T, Slottable as g } from "@radix-ui/react-slot";
|
|
4
4
|
import { cva as b } from "class-variance-authority";
|
|
5
5
|
import { baseButtonVariants as x } from "../Button/BaseButton.js";
|
|
6
6
|
import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
|
|
7
|
-
const
|
|
7
|
+
const v = b("gap-8 body-2-semi-bold", {
|
|
8
8
|
variants: {
|
|
9
9
|
size: {
|
|
10
10
|
sm: "",
|
|
@@ -28,7 +28,7 @@ const N = b("gap-8 body-2-semi-bold", {
|
|
|
28
28
|
size: "md",
|
|
29
29
|
iconType: "none"
|
|
30
30
|
}
|
|
31
|
-
}),
|
|
31
|
+
}), S = ({
|
|
32
32
|
ref: i,
|
|
33
33
|
className: p,
|
|
34
34
|
appearance: r = "gray",
|
|
@@ -40,21 +40,21 @@ const N = b("gap-8 body-2-semi-bold", {
|
|
|
40
40
|
children: o,
|
|
41
41
|
...d
|
|
42
42
|
}) => {
|
|
43
|
-
const a =
|
|
43
|
+
const a = y({
|
|
44
44
|
consumerName: "TriggerButton",
|
|
45
45
|
mergeWith: { disabled: m }
|
|
46
|
-
}),
|
|
46
|
+
}), f = s ? c : "none";
|
|
47
47
|
return /* @__PURE__ */ t(
|
|
48
|
-
n ?
|
|
48
|
+
n ? T : "button",
|
|
49
49
|
{
|
|
50
50
|
ref: i,
|
|
51
|
-
className:
|
|
51
|
+
className: u(
|
|
52
52
|
x({
|
|
53
53
|
appearance: r,
|
|
54
54
|
disabled: a,
|
|
55
55
|
loading: !1
|
|
56
56
|
}),
|
|
57
|
-
|
|
57
|
+
v({ size: l, iconType: f }),
|
|
58
58
|
p
|
|
59
59
|
),
|
|
60
60
|
"data-disabled": a || void 0,
|
|
@@ -63,14 +63,13 @@ const N = b("gap-8 body-2-semi-bold", {
|
|
|
63
63
|
children: [
|
|
64
64
|
s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s }),
|
|
65
65
|
/* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
|
|
66
|
-
n ? /* @__PURE__ */ e(
|
|
66
|
+
n ? /* @__PURE__ */ e(g, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
|
|
67
67
|
/* @__PURE__ */ e(z, { size: 20 })
|
|
68
68
|
] })
|
|
69
69
|
]
|
|
70
70
|
}
|
|
71
71
|
);
|
|
72
72
|
};
|
|
73
|
-
v.displayName = "TriggerButton";
|
|
74
73
|
export {
|
|
75
|
-
|
|
74
|
+
S as TriggerButton
|
|
76
75
|
};
|
package/dist/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ledgerhq/lumen-ui-react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.19",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"keywords": [
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
]
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@ledgerhq/lumen-utils-shared": "0.1.
|
|
44
|
+
"@ledgerhq/lumen-utils-shared": "0.1.3",
|
|
45
45
|
"i18next": "^23.7.0",
|
|
46
46
|
"react-i18next": "^14.0.0"
|
|
47
47
|
},
|