@ledgerhq/lumen-ui-react 0.0.58 → 0.0.60
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 +12 -1
- package/dist/index.js +92 -77
- package/dist/lib/Components/AmountInput/AmountInput.js +10 -10
- package/dist/lib/Components/BaseInput/BaseInput.js +4 -4
- package/dist/lib/Components/Dialog/Dialog.d.ts +1 -0
- package/dist/lib/Components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/lib/Components/Dialog/Dialog.js +25 -24
- package/dist/lib/Components/Dialog/types.d.ts +6 -0
- package/dist/lib/Components/Dialog/types.d.ts.map +1 -1
- package/dist/lib/Components/Divider/Divider.d.ts +24 -0
- package/dist/lib/Components/Divider/Divider.d.ts.map +1 -0
- package/dist/lib/Components/Divider/Divider.js +23 -0
- package/dist/lib/Components/Divider/index.d.ts +3 -0
- package/dist/lib/Components/Divider/index.d.ts.map +1 -0
- package/dist/lib/Components/Divider/types.d.ts +9 -0
- package/dist/lib/Components/Divider/types.d.ts.map +1 -0
- package/dist/lib/Components/Link/Link.js +5 -5
- package/dist/lib/Components/ListItem/ListItem.d.ts +76 -36
- package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
- package/dist/lib/Components/ListItem/ListItem.js +136 -43
- package/dist/lib/Components/ListItem/index.d.ts +1 -1
- package/dist/lib/Components/ListItem/index.d.ts.map +1 -1
- package/dist/lib/Components/ListItem/types.d.ts +114 -15
- package/dist/lib/Components/ListItem/types.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.js +80 -78
- package/dist/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/lib/Components/Select/Select.js +76 -74
- package/dist/lib/Components/Spot/Spot.js +4 -4
- package/dist/lib/Components/Spot/types.d.ts +17 -10
- package/dist/lib/Components/Spot/types.d.ts.map +1 -1
- package/dist/lib/Components/ThemeProvider/ThemeProvider.js +2 -2
- package/dist/lib/Components/Tile/Tile.d.ts +75 -45
- package/dist/lib/Components/Tile/Tile.d.ts.map +1 -1
- package/dist/lib/Components/Tile/Tile.js +168 -99
- package/dist/lib/Components/Tile/index.d.ts +1 -1
- package/dist/lib/Components/Tile/index.d.ts.map +1 -1
- package/dist/lib/Components/Tile/types.d.ts +68 -26
- package/dist/lib/Components/Tile/types.d.ts.map +1 -1
- package/dist/lib/Components/index.d.ts +1 -0
- package/dist/lib/Components/index.d.ts.map +1 -1
- package/dist/libs/utils-shared/dist/index.js +52 -44
- package/dist/package.json +2 -2
- package/package.json +2 -2
|
@@ -1,48 +1,88 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { ListItemSpotProps, ListItemTruncateProps } from './types';
|
|
2
3
|
/**
|
|
3
|
-
* A flexible list item component that
|
|
4
|
-
*
|
|
4
|
+
* A flexible list item component that provides a composable structure for displaying
|
|
5
|
+
* interactive list items with leading content, title, description, and trailing content.
|
|
5
6
|
*
|
|
6
7
|
* @see {@link https://ldls.vercel.app/?path=/docs/containment-listitem--docs Storybook}
|
|
7
8
|
* @see {@link https://ldls.vercel.app/?path=/docs/containment-listitem--docs#dos-and-donts Guidelines}
|
|
8
9
|
*
|
|
9
|
-
* @warning The `className` prop should only be used for layout adjustments like margins or positioning.
|
|
10
|
-
* Do not use it to modify the list item's core appearance (colors, padding, etc).
|
|
11
|
-
*
|
|
12
10
|
* @example
|
|
13
|
-
* // Basic item
|
|
14
|
-
* import { ListItem } from '@ledgerhq/lumen-ui-react';
|
|
15
|
-
*
|
|
16
|
-
* <ListItem
|
|
17
|
-
* title="Basic Item"
|
|
18
|
-
* description="Optional description"
|
|
19
|
-
* onClick={() => console.log('Clicked!')}
|
|
20
|
-
* />
|
|
21
|
-
*
|
|
22
|
-
* // Icon trailing content with leading Spot
|
|
23
|
-
* import { ListItem, Spot } from '@ledgerhq/lumen-ui-react';
|
|
24
|
-
* import { Wallet, Settings } from '@ledgerhq/lumen-ui-react/symbols';
|
|
25
|
-
*
|
|
26
|
-
* <ListItem
|
|
27
|
-
* title="Balance"
|
|
28
|
-
* leadingContent={<Spot appearance="icon" icon={Wallet} />}
|
|
29
|
-
* trailingContent={<Settings />}
|
|
30
|
-
* />
|
|
31
|
-
*
|
|
32
|
-
* // Chevron trailing content
|
|
33
|
-
* import { ListItem } from '@ledgerhq/lumen-ui-react';
|
|
34
|
-
* import { ChevronRight } from '@ledgerhq/lumen-ui-react/symbols';
|
|
35
11
|
*
|
|
36
|
-
* <ListItem
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
12
|
+
* <ListItem onClick={() => console.log('Clicked!')}>
|
|
13
|
+
* <ListItemLeading>
|
|
14
|
+
* <ListItemSpot appearance="icon" icon={Wallet} />
|
|
15
|
+
* <ListItemContent>
|
|
16
|
+
* <ListItemTitle>Balance</ListItemTitle>
|
|
17
|
+
* <ListItemDescription>Optional description</ListItemDescription>
|
|
18
|
+
* </ListItemContent>
|
|
19
|
+
* </ListItemLeading>
|
|
20
|
+
* <ListItemTrailing>
|
|
21
|
+
* <ChevronRight size={24} />
|
|
22
|
+
* </ListItemTrailing>
|
|
23
|
+
* </ListItem>
|
|
40
24
|
*/
|
|
41
25
|
export declare const ListItem: React.ForwardRefExoticComponent<{
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
trailingContent?: React.ReactNode;
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
className?: string;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
onClick?: React.ButtonHTMLAttributes<HTMLButtonElement>["onClick"];
|
|
47
30
|
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
+
/**
|
|
32
|
+
* Container for the leading (left) part of the list item.
|
|
33
|
+
* Contains the visual element (ListItemSpot, Avatar, Icon) and the content (title + description).
|
|
34
|
+
*/
|
|
35
|
+
export declare const ListItemLeading: React.ForwardRefExoticComponent<{
|
|
36
|
+
children: React.ReactNode;
|
|
37
|
+
className?: string;
|
|
38
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
/**
|
|
40
|
+
* Container for the text content (title and description) within the leading area.
|
|
41
|
+
*/
|
|
42
|
+
export declare const ListItemContent: React.ForwardRefExoticComponent<{
|
|
43
|
+
children: React.ReactNode;
|
|
44
|
+
className?: string;
|
|
45
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
/**
|
|
47
|
+
* The main title of the list item.
|
|
48
|
+
*/
|
|
49
|
+
export declare const ListItemTitle: React.ForwardRefExoticComponent<{
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
className?: string;
|
|
52
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
53
|
+
/**
|
|
54
|
+
* Optional description text below the title. Can include inline elements like Tag.
|
|
55
|
+
* Automatically applies disabled styling when the parent ListItem is disabled.
|
|
56
|
+
*/
|
|
57
|
+
export declare const ListItemDescription: React.ForwardRefExoticComponent<{
|
|
58
|
+
children: React.ReactNode;
|
|
59
|
+
className?: string;
|
|
60
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
/**
|
|
62
|
+
* Container for the trailing (right) content of the list item.
|
|
63
|
+
* Used for icons, switches, values, tags, chevrons, etc.
|
|
64
|
+
*/
|
|
65
|
+
export declare const ListItemTrailing: React.ForwardRefExoticComponent<{
|
|
66
|
+
children: React.ReactNode;
|
|
67
|
+
className?: string;
|
|
68
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
/**
|
|
70
|
+
* Spot adapter for ListItem. Automatically inherits disabled state from parent ListItem.
|
|
71
|
+
*/
|
|
72
|
+
export declare const ListItemSpot: {
|
|
73
|
+
(props: ListItemSpotProps): import("react/jsx-runtime").JSX.Element;
|
|
74
|
+
displayName: string;
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* Icon adapter for ListItem. Automatically applies disabled styling from parent ListItem.
|
|
78
|
+
* Fixed at size 24 for consistent list item appearance.
|
|
79
|
+
*/
|
|
80
|
+
export declare const ListItemIcon: React.ForwardRefExoticComponent<{
|
|
81
|
+
icon: React.ComponentType<any>;
|
|
82
|
+
className?: string;
|
|
83
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
84
|
+
export declare const ListItemTruncate: {
|
|
85
|
+
({ children, className, }: ListItemTruncateProps): import("react/jsx-runtime").JSX.Element;
|
|
86
|
+
displayName: string;
|
|
87
|
+
};
|
|
48
88
|
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAOL,iBAAiB,EAGjB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAUjB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ;;;;;6GAuBpB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,eAAe;;;+EAY1B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,eAAe;;;+EAY1B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,aAAa;;;+EAqBxB,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;+EA0B9B,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;;+EAuB3B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,YAAY;YAAW,iBAAiB;;CAOpD,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,YAAY;;;+EAiBxB,CAAC;AAIF,eAAO,MAAM,gBAAgB;+BAG1B,qBAAqB;;CAEvB,CAAC"}
|
|
@@ -1,56 +1,149 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { cn as
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
trailingContent: c,
|
|
12
|
-
className: o,
|
|
13
|
-
...m
|
|
14
|
-
} = s;
|
|
15
|
-
return /* @__PURE__ */ e(
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { createSafeContext as d, cn as a } from "../../../libs/utils-shared/dist/index.js";
|
|
3
|
+
import n from "react";
|
|
4
|
+
import { Spot as u } from "../Spot/Spot.js";
|
|
5
|
+
const [f, m] = d("ListItem", {}), [I, l] = d("ListItemTrailing", {
|
|
6
|
+
isInTrailing: !1
|
|
7
|
+
}), p = n.forwardRef(
|
|
8
|
+
(e, t) => {
|
|
9
|
+
const { children: s, className: r, disabled: o, ...c } = e;
|
|
10
|
+
return /* @__PURE__ */ i(f, { value: { disabled: o }, children: /* @__PURE__ */ i(
|
|
16
11
|
"button",
|
|
17
12
|
{
|
|
18
|
-
ref:
|
|
13
|
+
ref: t,
|
|
19
14
|
type: "button",
|
|
20
|
-
|
|
15
|
+
disabled: o,
|
|
16
|
+
className: a(
|
|
21
17
|
"flex h-64 w-full cursor-pointer items-center gap-16 rounded-md bg-base-transparent px-8 py-12 text-base transition-colors",
|
|
22
18
|
"hover:bg-base-transparent-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-base-transparent-pressed",
|
|
23
19
|
"disabled:cursor-default disabled:bg-base-transparent disabled:text-disabled",
|
|
24
|
-
|
|
20
|
+
r
|
|
25
21
|
),
|
|
26
|
-
...
|
|
27
|
-
children:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
22
|
+
...c,
|
|
23
|
+
children: s
|
|
24
|
+
}
|
|
25
|
+
) });
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
p.displayName = "ListItem";
|
|
29
|
+
const L = n.forwardRef(({ children: e, className: t }, s) => /* @__PURE__ */ i(
|
|
30
|
+
"div",
|
|
31
|
+
{
|
|
32
|
+
ref: s,
|
|
33
|
+
className: a("flex min-w-0 flex-1 items-center gap-12", t),
|
|
34
|
+
children: e
|
|
35
|
+
}
|
|
36
|
+
));
|
|
37
|
+
L.displayName = "ListItemLeading";
|
|
38
|
+
const b = n.forwardRef(({ children: e, className: t }, s) => /* @__PURE__ */ i(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
ref: s,
|
|
42
|
+
className: a("flex min-w-0 flex-1 flex-col gap-4", t),
|
|
43
|
+
children: e
|
|
44
|
+
}
|
|
45
|
+
));
|
|
46
|
+
b.displayName = "ListItemContent";
|
|
47
|
+
const x = n.forwardRef(({ children: e, className: t }, s) => {
|
|
48
|
+
const { isInTrailing: r } = l({
|
|
49
|
+
consumerName: "ListItemTitle",
|
|
50
|
+
contextRequired: !1
|
|
51
|
+
});
|
|
52
|
+
return /* @__PURE__ */ i(
|
|
53
|
+
"div",
|
|
54
|
+
{
|
|
55
|
+
ref: s,
|
|
56
|
+
className: a(
|
|
57
|
+
"w-full truncate body-2-semi-bold",
|
|
58
|
+
r ? "justify-end text-end" : "justify-start text-start",
|
|
59
|
+
t
|
|
60
|
+
),
|
|
61
|
+
children: e
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
});
|
|
65
|
+
x.displayName = "ListItemTitle";
|
|
66
|
+
const N = n.forwardRef(({ children: e, className: t }, s) => {
|
|
67
|
+
const { disabled: r } = m({
|
|
68
|
+
consumerName: "ListItemDescription",
|
|
69
|
+
contextRequired: !0
|
|
70
|
+
}), { isInTrailing: o } = l({
|
|
71
|
+
consumerName: "ListItemDescription",
|
|
72
|
+
contextRequired: !1
|
|
73
|
+
});
|
|
74
|
+
return /* @__PURE__ */ i(
|
|
75
|
+
"div",
|
|
76
|
+
{
|
|
77
|
+
ref: s,
|
|
78
|
+
className: a(
|
|
79
|
+
"w-full items-center truncate text-muted body-3",
|
|
80
|
+
o ? "justify-end text-end" : "justify-start text-start",
|
|
81
|
+
r && "text-disabled",
|
|
82
|
+
t
|
|
83
|
+
),
|
|
84
|
+
children: e
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
});
|
|
88
|
+
N.displayName = "ListItemDescription";
|
|
89
|
+
const g = n.forwardRef(({ children: e, className: t }, s) => {
|
|
90
|
+
const { disabled: r } = m({
|
|
91
|
+
consumerName: "ListItemTrailing",
|
|
92
|
+
contextRequired: !0
|
|
93
|
+
});
|
|
94
|
+
return /* @__PURE__ */ i(I, { value: { isInTrailing: !0 }, children: /* @__PURE__ */ i(
|
|
95
|
+
"div",
|
|
96
|
+
{
|
|
97
|
+
ref: s,
|
|
98
|
+
className: a(
|
|
99
|
+
"flex shrink-0 items-center",
|
|
100
|
+
r && "text-disabled",
|
|
101
|
+
t
|
|
102
|
+
),
|
|
103
|
+
children: e
|
|
104
|
+
}
|
|
105
|
+
) });
|
|
106
|
+
});
|
|
107
|
+
g.displayName = "ListItemTrailing";
|
|
108
|
+
const y = (e) => {
|
|
109
|
+
const { disabled: t } = m({
|
|
110
|
+
consumerName: "ListItemSpot",
|
|
111
|
+
contextRequired: !0
|
|
112
|
+
});
|
|
113
|
+
return /* @__PURE__ */ i(u, { ...e, size: 48, disabled: t });
|
|
114
|
+
};
|
|
115
|
+
y.displayName = "ListItemSpot";
|
|
116
|
+
const v = n.forwardRef(
|
|
117
|
+
({ icon: e, className: t, ...s }, r) => {
|
|
118
|
+
const { disabled: o } = m({
|
|
119
|
+
consumerName: "ListItemIcon",
|
|
120
|
+
contextRequired: !0
|
|
121
|
+
});
|
|
122
|
+
return /* @__PURE__ */ i(
|
|
123
|
+
"div",
|
|
124
|
+
{
|
|
125
|
+
ref: r,
|
|
126
|
+
className: a("shrink-0", o && "text-disabled", t),
|
|
127
|
+
...s,
|
|
128
|
+
children: /* @__PURE__ */ i(e, { size: 24 })
|
|
49
129
|
}
|
|
50
130
|
);
|
|
51
131
|
}
|
|
52
132
|
);
|
|
53
|
-
|
|
133
|
+
v.displayName = "ListItemIcon";
|
|
134
|
+
const T = ({
|
|
135
|
+
children: e,
|
|
136
|
+
className: t
|
|
137
|
+
}) => /* @__PURE__ */ i("div", { className: a("min-w-0 truncate", t), children: e });
|
|
138
|
+
T.displayName = "ListItemTruncate";
|
|
54
139
|
export {
|
|
55
|
-
|
|
140
|
+
p as ListItem,
|
|
141
|
+
b as ListItemContent,
|
|
142
|
+
N as ListItemDescription,
|
|
143
|
+
v as ListItemIcon,
|
|
144
|
+
L as ListItemLeading,
|
|
145
|
+
y as ListItemSpot,
|
|
146
|
+
x as ListItemTitle,
|
|
147
|
+
g as ListItemTrailing,
|
|
148
|
+
T as ListItemTruncate
|
|
56
149
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -1,27 +1,126 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { DiscriminatedSpotProps } from '../Spot';
|
|
3
|
+
/**
|
|
4
|
+
* Context value for passing state to sub-components
|
|
5
|
+
*/
|
|
6
|
+
export type ListItemContextValue = {
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* Props for the ListItem root component
|
|
11
|
+
*/
|
|
2
12
|
export type ListItemProps = {
|
|
3
13
|
/**
|
|
4
|
-
* The
|
|
14
|
+
* The content of the list item (ListItemLeading, ListItemTrailing)
|
|
5
15
|
*/
|
|
6
|
-
|
|
16
|
+
children: React.ReactNode;
|
|
7
17
|
/**
|
|
8
|
-
*
|
|
18
|
+
* custom classname
|
|
9
19
|
*/
|
|
10
|
-
|
|
20
|
+
className?: string;
|
|
11
21
|
/**
|
|
12
|
-
*
|
|
13
|
-
* @example leadingContent={<Spot appearance="icon" icon={Settings} />}
|
|
22
|
+
* Whether the list item is disabled.
|
|
14
23
|
*/
|
|
15
|
-
|
|
24
|
+
disabled?: boolean;
|
|
16
25
|
/**
|
|
17
|
-
*
|
|
18
|
-
* @example descriptionTag={<Tag label="New" appearance="accent" size="sm" />}
|
|
26
|
+
* Callback function when the list item is pressed.
|
|
19
27
|
*/
|
|
20
|
-
|
|
28
|
+
onClick?: React.ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
|
|
29
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
|
|
30
|
+
/**
|
|
31
|
+
* Props for the ListItemLeading component
|
|
32
|
+
*/
|
|
33
|
+
export type ListItemLeadingProps = {
|
|
21
34
|
/**
|
|
22
|
-
*
|
|
23
|
-
* @example trailingContent={<Icon />}
|
|
35
|
+
* The content of the leading area (visual element + ListItemContent)
|
|
24
36
|
*/
|
|
25
|
-
|
|
26
|
-
|
|
37
|
+
children: React.ReactNode;
|
|
38
|
+
/**
|
|
39
|
+
* custom classname
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
42
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
43
|
+
/**
|
|
44
|
+
* Props for the ListItemContent component
|
|
45
|
+
*/
|
|
46
|
+
export type ListItemContentProps = {
|
|
47
|
+
/**
|
|
48
|
+
* The content (ListItemTitle, ListItemDescription)
|
|
49
|
+
*/
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
/**
|
|
52
|
+
* custom classname
|
|
53
|
+
*/
|
|
54
|
+
className?: string;
|
|
55
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
56
|
+
/**
|
|
57
|
+
* Props for the ListItemTitle component
|
|
58
|
+
*/
|
|
59
|
+
export type ListItemTitleProps = {
|
|
60
|
+
/**
|
|
61
|
+
* The title text or custom content
|
|
62
|
+
*/
|
|
63
|
+
children: React.ReactNode;
|
|
64
|
+
/**
|
|
65
|
+
* custom classname
|
|
66
|
+
*/
|
|
67
|
+
className?: string;
|
|
68
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
69
|
+
/**
|
|
70
|
+
* Props for the ListItemDescription component
|
|
71
|
+
*/
|
|
72
|
+
export type ListItemDescriptionProps = {
|
|
73
|
+
/**
|
|
74
|
+
* The description text or custom content
|
|
75
|
+
*/
|
|
76
|
+
children: React.ReactNode;
|
|
77
|
+
/**
|
|
78
|
+
* custom classname
|
|
79
|
+
*/
|
|
80
|
+
className?: string;
|
|
81
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
82
|
+
/**
|
|
83
|
+
* Props for the ListItemTrailing component
|
|
84
|
+
*/
|
|
85
|
+
export type ListItemTrailingProps = {
|
|
86
|
+
/**
|
|
87
|
+
* The trailing content (icons, switches, values, etc.)
|
|
88
|
+
*/
|
|
89
|
+
children: React.ReactNode;
|
|
90
|
+
/**
|
|
91
|
+
* custom classname
|
|
92
|
+
*/
|
|
93
|
+
className?: string;
|
|
94
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
95
|
+
/**
|
|
96
|
+
* Props for ListItemSpot when appearance is 'icon'
|
|
97
|
+
*/
|
|
98
|
+
export type ListItemSpotProps = DiscriminatedSpotProps & HTMLAttributes<HTMLDivElement>;
|
|
99
|
+
/**
|
|
100
|
+
* Props for the ListItemTruncate component
|
|
101
|
+
* Used to truncate text that should when ListItemDescription or ListItemTitle contain custom content
|
|
102
|
+
*/
|
|
103
|
+
export type ListItemTruncateProps = {
|
|
104
|
+
/**
|
|
105
|
+
* The content to truncate
|
|
106
|
+
*/
|
|
107
|
+
children: React.ReactNode;
|
|
108
|
+
/**
|
|
109
|
+
* custom classname
|
|
110
|
+
*/
|
|
111
|
+
className?: string;
|
|
112
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
113
|
+
/**
|
|
114
|
+
* Props for the ListItemIcon component
|
|
115
|
+
*/
|
|
116
|
+
export type ListItemIconProps = {
|
|
117
|
+
/**
|
|
118
|
+
* The icon component to render
|
|
119
|
+
*/
|
|
120
|
+
icon: React.ComponentType<any>;
|
|
121
|
+
/**
|
|
122
|
+
* custom classname
|
|
123
|
+
*/
|
|
124
|
+
className?: string;
|
|
125
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
27
126
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC,CAAC;CACpE,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GACpD,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EAET,gBAAgB,EAChB,aAAa,EAOb,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;;oJASf,CAAC;AAGH,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;;;;;;qIAalB,CAAC;AAGH,QAAA,MAAM,cAAc;;6MAUlB,CAAC;AAGH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;qIAcf,CAAC;AAGH,QAAA,MAAM,QAAQ;;;;;;;qIAUZ,CAAC;AAGH,QAAA,MAAM,gBAAgB;;;0EAkBpB,CAAC;AAGH,QAAA,MAAM,aAAa;;0EAiBjB,CAAC;AAGH,QAAA,MAAM,SAAS;;;;qIAUb,CAAC;AAGH,QAAA,MAAM,aAAa;;;qIAQlB,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
|