@tamagui/list-item 1.34.2 → 1.34.4
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/cjs/ListItem.js +21 -5
- package/dist/cjs/ListItem.js.map +1 -1
- package/dist/esm/ListItem.js +22 -6
- package/dist/esm/ListItem.js.map +1 -1
- package/dist/jsx/ListItem.js +25 -6
- package/dist/jsx/ListItem.js.map +1 -1
- package/dist/jsx/ListItem.mjs +25 -6
- package/dist/jsx/ListItem.mjs.map +1 -1
- package/package.json +8 -7
- package/src/ListItem.tsx +27 -7
- package/types/ListItem.d.ts +40 -33
- package/types/ListItem.d.ts.map +1 -1
package/dist/cjs/ListItem.js
CHANGED
|
@@ -30,6 +30,7 @@ __export(ListItem_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(ListItem_exports);
|
|
31
31
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
32
|
var import_font_size = require("@tamagui/font-size");
|
|
33
|
+
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
33
34
|
var import_get_token = require("@tamagui/get-token");
|
|
34
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
35
36
|
var import_stacks = require("@tamagui/stacks");
|
|
@@ -90,6 +91,7 @@ const ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
|
90
91
|
unstyled: {
|
|
91
92
|
false: {
|
|
92
93
|
color: "$color",
|
|
94
|
+
size: "$true",
|
|
93
95
|
flexGrow: 1,
|
|
94
96
|
flexShrink: 1,
|
|
95
97
|
ellipse: true,
|
|
@@ -108,9 +110,18 @@ const ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
108
110
|
false: {
|
|
109
111
|
opacity: 0.6,
|
|
110
112
|
maxWidth: "100%",
|
|
111
|
-
size: "$3",
|
|
112
113
|
color: "$color"
|
|
113
114
|
}
|
|
115
|
+
},
|
|
116
|
+
size: {
|
|
117
|
+
"...size": (val, extras) => {
|
|
118
|
+
const oneSmaller = (0, import_get_token.getSize)(val, {
|
|
119
|
+
shift: -1,
|
|
120
|
+
excludeHalfSteps: true
|
|
121
|
+
});
|
|
122
|
+
const fontStyle = (0, import_get_font_sized.getFontSized)(oneSmaller.key, extras);
|
|
123
|
+
return fontStyle;
|
|
124
|
+
}
|
|
114
125
|
}
|
|
115
126
|
},
|
|
116
127
|
defaultVariants: {
|
|
@@ -135,6 +146,7 @@ const useListItem = (props, {
|
|
|
135
146
|
spaceFlex,
|
|
136
147
|
scaleIcon = 1,
|
|
137
148
|
scaleSpace = 1,
|
|
149
|
+
unstyled = false,
|
|
138
150
|
subTitle,
|
|
139
151
|
// text props
|
|
140
152
|
color,
|
|
@@ -147,9 +159,13 @@ const useListItem = (props, {
|
|
|
147
159
|
title,
|
|
148
160
|
...rest
|
|
149
161
|
} = props;
|
|
150
|
-
const mediaActiveProps = (0, import_web.useProps)(
|
|
162
|
+
const mediaActiveProps = (0, import_web.useProps)({
|
|
163
|
+
scaleIcon,
|
|
164
|
+
scaleSpace,
|
|
165
|
+
unstyled,
|
|
166
|
+
...props
|
|
167
|
+
});
|
|
151
168
|
const size = mediaActiveProps.size || "$true";
|
|
152
|
-
const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
|
|
153
169
|
const iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon;
|
|
154
170
|
const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
|
|
155
171
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -164,12 +180,12 @@ const useListItem = (props, {
|
|
|
164
180
|
themedIcon,
|
|
165
181
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Spacer, { size: spaceSize })
|
|
166
182
|
] }) : null,
|
|
167
|
-
title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
|
|
183
|
+
Boolean(title || subTitle) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
|
|
168
184
|
noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { size, children: title }),
|
|
169
185
|
subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
170
186
|
// TODO can use theme but we need to standardize to alt themes
|
|
171
187
|
// or standardize on subtle colors in themes
|
|
172
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, {
|
|
188
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, { unstyled: mediaActiveProps.unstyled, size, children: subTitle })
|
|
173
189
|
) : subTitle }) : null,
|
|
174
190
|
contents
|
|
175
191
|
] }) : contents,
|
package/dist/cjs/ListItem.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,kBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
package/dist/esm/ListItem.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { getFontSize } from "@tamagui/font-size";
|
|
3
|
-
import {
|
|
3
|
+
import { getFontSized } from "@tamagui/get-font-sized";
|
|
4
|
+
import { getSize, getSpace } from "@tamagui/get-token";
|
|
4
5
|
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
5
6
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
6
7
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
@@ -67,6 +68,7 @@ const ListItemText = styled(SizableText, {
|
|
|
67
68
|
unstyled: {
|
|
68
69
|
false: {
|
|
69
70
|
color: "$color",
|
|
71
|
+
size: "$true",
|
|
70
72
|
flexGrow: 1,
|
|
71
73
|
flexShrink: 1,
|
|
72
74
|
ellipse: true,
|
|
@@ -85,9 +87,18 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
85
87
|
false: {
|
|
86
88
|
opacity: 0.6,
|
|
87
89
|
maxWidth: "100%",
|
|
88
|
-
size: "$3",
|
|
89
90
|
color: "$color"
|
|
90
91
|
}
|
|
92
|
+
},
|
|
93
|
+
size: {
|
|
94
|
+
"...size": (val, extras) => {
|
|
95
|
+
const oneSmaller = getSize(val, {
|
|
96
|
+
shift: -1,
|
|
97
|
+
excludeHalfSteps: true
|
|
98
|
+
});
|
|
99
|
+
const fontStyle = getFontSized(oneSmaller.key, extras);
|
|
100
|
+
return fontStyle;
|
|
101
|
+
}
|
|
91
102
|
}
|
|
92
103
|
},
|
|
93
104
|
defaultVariants: {
|
|
@@ -112,6 +123,7 @@ const useListItem = (props, {
|
|
|
112
123
|
spaceFlex,
|
|
113
124
|
scaleIcon = 1,
|
|
114
125
|
scaleSpace = 1,
|
|
126
|
+
unstyled = false,
|
|
115
127
|
subTitle,
|
|
116
128
|
// text props
|
|
117
129
|
color,
|
|
@@ -124,9 +136,13 @@ const useListItem = (props, {
|
|
|
124
136
|
title,
|
|
125
137
|
...rest
|
|
126
138
|
} = props;
|
|
127
|
-
const mediaActiveProps = useProps(
|
|
139
|
+
const mediaActiveProps = useProps({
|
|
140
|
+
scaleIcon,
|
|
141
|
+
scaleSpace,
|
|
142
|
+
unstyled,
|
|
143
|
+
...props
|
|
144
|
+
});
|
|
128
145
|
const size = mediaActiveProps.size || "$true";
|
|
129
|
-
const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
|
|
130
146
|
const iconSize = getFontSize(size) * scaleIcon;
|
|
131
147
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
132
148
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -141,12 +157,12 @@ const useListItem = (props, {
|
|
|
141
157
|
themedIcon,
|
|
142
158
|
/* @__PURE__ */ jsx(Spacer, { size: spaceSize })
|
|
143
159
|
] }) : null,
|
|
144
|
-
title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
|
|
160
|
+
Boolean(title || subTitle) ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
|
|
145
161
|
noTextWrap === "all" ? title : /* @__PURE__ */ jsx(Title, { size, children: title }),
|
|
146
162
|
subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
147
163
|
// TODO can use theme but we need to standardize to alt themes
|
|
148
164
|
// or standardize on subtle colors in themes
|
|
149
|
-
/* @__PURE__ */ jsx(Subtitle, {
|
|
165
|
+
/* @__PURE__ */ jsx(Subtitle, { unstyled: mediaActiveProps.unstyled, size, children: subTitle })
|
|
150
166
|
) : subTitle }) : null,
|
|
151
167
|
contents
|
|
152
168
|
] }) : contents,
|
package/dist/esm/ListItem.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
package/dist/jsx/ListItem.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { getFontSize } from "@tamagui/font-size";
|
|
2
|
-
import {
|
|
2
|
+
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
|
+
import { getSize, getSpace } from "@tamagui/get-token";
|
|
3
4
|
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
4
5
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
5
6
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
@@ -66,6 +67,7 @@ const ListItemText = styled(SizableText, {
|
|
|
66
67
|
unstyled: {
|
|
67
68
|
false: {
|
|
68
69
|
color: "$color",
|
|
70
|
+
size: "$true",
|
|
69
71
|
flexGrow: 1,
|
|
70
72
|
flexShrink: 1,
|
|
71
73
|
ellipse: true,
|
|
@@ -84,9 +86,18 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
84
86
|
false: {
|
|
85
87
|
opacity: 0.6,
|
|
86
88
|
maxWidth: "100%",
|
|
87
|
-
size: "$3",
|
|
88
89
|
color: "$color"
|
|
89
90
|
}
|
|
91
|
+
},
|
|
92
|
+
size: {
|
|
93
|
+
"...size": (val, extras) => {
|
|
94
|
+
const oneSmaller = getSize(val, {
|
|
95
|
+
shift: -1,
|
|
96
|
+
excludeHalfSteps: true
|
|
97
|
+
});
|
|
98
|
+
const fontStyle = getFontSized(oneSmaller.key, extras);
|
|
99
|
+
return fontStyle;
|
|
100
|
+
}
|
|
90
101
|
}
|
|
91
102
|
},
|
|
92
103
|
defaultVariants: {
|
|
@@ -111,6 +122,7 @@ const useListItem = (props, {
|
|
|
111
122
|
spaceFlex,
|
|
112
123
|
scaleIcon = 1,
|
|
113
124
|
scaleSpace = 1,
|
|
125
|
+
unstyled = false,
|
|
114
126
|
subTitle,
|
|
115
127
|
// text props
|
|
116
128
|
color,
|
|
@@ -123,9 +135,13 @@ const useListItem = (props, {
|
|
|
123
135
|
title,
|
|
124
136
|
...rest
|
|
125
137
|
} = props;
|
|
126
|
-
const mediaActiveProps = useProps(
|
|
138
|
+
const mediaActiveProps = useProps({
|
|
139
|
+
scaleIcon,
|
|
140
|
+
scaleSpace,
|
|
141
|
+
unstyled,
|
|
142
|
+
...props
|
|
143
|
+
});
|
|
127
144
|
const size = mediaActiveProps.size || "$true";
|
|
128
|
-
const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
|
|
129
145
|
const iconSize = getFontSize(size) * scaleIcon;
|
|
130
146
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
131
147
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -143,12 +159,15 @@ const useListItem = (props, {
|
|
|
143
159
|
{
|
|
144
160
|
/* helper for common title/subtitle pttern */
|
|
145
161
|
}
|
|
146
|
-
{
|
|
162
|
+
{
|
|
163
|
+
/* rome-ignore lint/complexity/noExtraBooleanCast: <explanation> */
|
|
164
|
+
}
|
|
165
|
+
{Boolean(title || subTitle) ? <YStack flex={1}>
|
|
147
166
|
{noTextWrap === "all" ? title : <Title size={size}>{title}</Title>}
|
|
148
167
|
{subTitle ? <>{typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
149
168
|
// TODO can use theme but we need to standardize to alt themes
|
|
150
169
|
// or standardize on subtle colors in themes
|
|
151
|
-
<Subtitle size={
|
|
170
|
+
<Subtitle unstyled={mediaActiveProps.unstyled} size={size}>{subTitle}</Subtitle>
|
|
152
171
|
) : subTitle}</> : null}
|
|
153
172
|
{contents}
|
|
154
173
|
</YStack> : contents}
|
package/dist/jsx/ListItem.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
package/dist/jsx/ListItem.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { getFontSize } from "@tamagui/font-size";
|
|
2
|
-
import {
|
|
2
|
+
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
|
+
import { getSize, getSpace } from "@tamagui/get-token";
|
|
3
4
|
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
4
5
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
5
6
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
@@ -66,6 +67,7 @@ const ListItemText = styled(SizableText, {
|
|
|
66
67
|
unstyled: {
|
|
67
68
|
false: {
|
|
68
69
|
color: "$color",
|
|
70
|
+
size: "$true",
|
|
69
71
|
flexGrow: 1,
|
|
70
72
|
flexShrink: 1,
|
|
71
73
|
ellipse: true,
|
|
@@ -84,9 +86,18 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
84
86
|
false: {
|
|
85
87
|
opacity: 0.6,
|
|
86
88
|
maxWidth: "100%",
|
|
87
|
-
size: "$3",
|
|
88
89
|
color: "$color"
|
|
89
90
|
}
|
|
91
|
+
},
|
|
92
|
+
size: {
|
|
93
|
+
"...size": (val, extras) => {
|
|
94
|
+
const oneSmaller = getSize(val, {
|
|
95
|
+
shift: -1,
|
|
96
|
+
excludeHalfSteps: true
|
|
97
|
+
});
|
|
98
|
+
const fontStyle = getFontSized(oneSmaller.key, extras);
|
|
99
|
+
return fontStyle;
|
|
100
|
+
}
|
|
90
101
|
}
|
|
91
102
|
},
|
|
92
103
|
defaultVariants: {
|
|
@@ -111,6 +122,7 @@ const useListItem = (props, {
|
|
|
111
122
|
spaceFlex,
|
|
112
123
|
scaleIcon = 1,
|
|
113
124
|
scaleSpace = 1,
|
|
125
|
+
unstyled = false,
|
|
114
126
|
subTitle,
|
|
115
127
|
// text props
|
|
116
128
|
color,
|
|
@@ -123,9 +135,13 @@ const useListItem = (props, {
|
|
|
123
135
|
title,
|
|
124
136
|
...rest
|
|
125
137
|
} = props;
|
|
126
|
-
const mediaActiveProps = useProps(
|
|
138
|
+
const mediaActiveProps = useProps({
|
|
139
|
+
scaleIcon,
|
|
140
|
+
scaleSpace,
|
|
141
|
+
unstyled,
|
|
142
|
+
...props
|
|
143
|
+
});
|
|
127
144
|
const size = mediaActiveProps.size || "$true";
|
|
128
|
-
const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
|
|
129
145
|
const iconSize = getFontSize(size) * scaleIcon;
|
|
130
146
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
131
147
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -143,12 +159,15 @@ const useListItem = (props, {
|
|
|
143
159
|
{
|
|
144
160
|
/* helper for common title/subtitle pttern */
|
|
145
161
|
}
|
|
146
|
-
{
|
|
162
|
+
{
|
|
163
|
+
/* rome-ignore lint/complexity/noExtraBooleanCast: <explanation> */
|
|
164
|
+
}
|
|
165
|
+
{Boolean(title || subTitle) ? <YStack flex={1}>
|
|
147
166
|
{noTextWrap === "all" ? title : <Title size={size}>{title}</Title>}
|
|
148
167
|
{subTitle ? <>{typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
149
168
|
// TODO can use theme but we need to standardize to alt themes
|
|
150
169
|
// or standardize on subtle colors in themes
|
|
151
|
-
<Subtitle size={
|
|
170
|
+
<Subtitle unstyled={mediaActiveProps.unstyled} size={size}>{subTitle}</Subtitle>
|
|
152
171
|
) : subTitle}</> : null}
|
|
153
172
|
{contents}
|
|
154
173
|
</YStack> : contents}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/list-item",
|
|
3
|
-
"version": "1.34.
|
|
3
|
+
"version": "1.34.4",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -21,17 +21,18 @@
|
|
|
21
21
|
"watch": "tamagui-build --watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@tamagui/font-size": "1.34.
|
|
25
|
-
"@tamagui/get-
|
|
26
|
-
"@tamagui/
|
|
27
|
-
"@tamagui/
|
|
28
|
-
"@tamagui/
|
|
24
|
+
"@tamagui/font-size": "1.34.4",
|
|
25
|
+
"@tamagui/get-font-sized": "1.34.4",
|
|
26
|
+
"@tamagui/get-token": "1.34.4",
|
|
27
|
+
"@tamagui/helpers-tamagui": "1.34.4",
|
|
28
|
+
"@tamagui/text": "1.34.4",
|
|
29
|
+
"@tamagui/web": "1.34.4"
|
|
29
30
|
},
|
|
30
31
|
"peerDependencies": {
|
|
31
32
|
"react": "*"
|
|
32
33
|
},
|
|
33
34
|
"devDependencies": {
|
|
34
|
-
"@tamagui/build": "1.34.
|
|
35
|
+
"@tamagui/build": "1.34.4",
|
|
35
36
|
"react": "^18.2.0"
|
|
36
37
|
},
|
|
37
38
|
"publishConfig": {
|
package/src/ListItem.tsx
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { getFontSize } from '@tamagui/font-size'
|
|
2
|
-
import {
|
|
2
|
+
import { getFontSized } from '@tamagui/get-font-sized'
|
|
3
|
+
import { getSize, getSpace } from '@tamagui/get-token'
|
|
3
4
|
import { useGetThemedIcon } from '@tamagui/helpers-tamagui'
|
|
4
5
|
import { ThemeableStack, YStack } from '@tamagui/stacks'
|
|
5
6
|
import { SizableText, TextParentStyles, wrapChildrenInText } from '@tamagui/text'
|
|
@@ -124,13 +125,14 @@ export const ListItemText = styled(SizableText, {
|
|
|
124
125
|
unstyled: {
|
|
125
126
|
false: {
|
|
126
127
|
color: '$color',
|
|
128
|
+
size: '$true',
|
|
127
129
|
flexGrow: 1,
|
|
128
130
|
flexShrink: 1,
|
|
129
131
|
ellipse: true,
|
|
130
132
|
cursor: 'default',
|
|
131
133
|
},
|
|
132
134
|
},
|
|
133
|
-
},
|
|
135
|
+
} as const,
|
|
134
136
|
|
|
135
137
|
defaultVariants: {
|
|
136
138
|
unstyled: false,
|
|
@@ -145,10 +147,20 @@ export const ListItemSubtitle = styled(ListItemText, {
|
|
|
145
147
|
false: {
|
|
146
148
|
opacity: 0.6,
|
|
147
149
|
maxWidth: '100%',
|
|
148
|
-
size: '$3',
|
|
149
150
|
color: '$color',
|
|
150
151
|
},
|
|
151
152
|
},
|
|
153
|
+
|
|
154
|
+
size: {
|
|
155
|
+
'...size': (val, extras) => {
|
|
156
|
+
const oneSmaller = getSize(val, {
|
|
157
|
+
shift: -1,
|
|
158
|
+
excludeHalfSteps: true,
|
|
159
|
+
})
|
|
160
|
+
const fontStyle = getFontSized(oneSmaller.key as SizeTokens, extras)
|
|
161
|
+
return fontStyle
|
|
162
|
+
},
|
|
163
|
+
},
|
|
152
164
|
} as const,
|
|
153
165
|
|
|
154
166
|
defaultVariants: {
|
|
@@ -183,6 +195,7 @@ export const useListItem = (
|
|
|
183
195
|
spaceFlex,
|
|
184
196
|
scaleIcon = 1,
|
|
185
197
|
scaleSpace = 1,
|
|
198
|
+
unstyled = false,
|
|
186
199
|
subTitle,
|
|
187
200
|
|
|
188
201
|
// text props
|
|
@@ -197,9 +210,13 @@ export const useListItem = (
|
|
|
197
210
|
...rest
|
|
198
211
|
} = props
|
|
199
212
|
|
|
200
|
-
const mediaActiveProps = useProps(
|
|
213
|
+
const mediaActiveProps = useProps({
|
|
214
|
+
scaleIcon,
|
|
215
|
+
scaleSpace,
|
|
216
|
+
unstyled,
|
|
217
|
+
...props,
|
|
218
|
+
})
|
|
201
219
|
const size = mediaActiveProps.size || '$true'
|
|
202
|
-
const subtitleSize = `$${+String(size).replace('$', '') - 1}` as FontSizeTokens
|
|
203
220
|
const iconSize = getFontSize(size) * scaleIcon
|
|
204
221
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color })
|
|
205
222
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon)
|
|
@@ -222,7 +239,8 @@ export const useListItem = (
|
|
|
222
239
|
</>
|
|
223
240
|
) : null}
|
|
224
241
|
{/* helper for common title/subtitle pttern */}
|
|
225
|
-
{
|
|
242
|
+
{/* rome-ignore lint/complexity/noExtraBooleanCast: <explanation> */}
|
|
243
|
+
{Boolean(title || subTitle) ? (
|
|
226
244
|
<YStack flex={1}>
|
|
227
245
|
{noTextWrap === 'all' ? title : <Title size={size}>{title}</Title>}
|
|
228
246
|
{subTitle ? (
|
|
@@ -230,7 +248,9 @@ export const useListItem = (
|
|
|
230
248
|
{typeof subTitle === 'string' && noTextWrap !== 'all' ? (
|
|
231
249
|
// TODO can use theme but we need to standardize to alt themes
|
|
232
250
|
// or standardize on subtle colors in themes
|
|
233
|
-
<Subtitle
|
|
251
|
+
<Subtitle unstyled={mediaActiveProps.unstyled} size={size}>
|
|
252
|
+
{subTitle}
|
|
253
|
+
</Subtitle>
|
|
234
254
|
) : (
|
|
235
255
|
subTitle
|
|
236
256
|
)}
|
package/types/ListItem.d.ts
CHANGED
|
@@ -201,26 +201,26 @@ export declare const ListItemText: import("@tamagui/web").TamaguiComponent<Omit<
|
|
|
201
201
|
readonly unstyled?: boolean | undefined;
|
|
202
202
|
readonly size?: FontSizeTokens | undefined;
|
|
203
203
|
}, "unstyled"> & {
|
|
204
|
-
unstyled?: boolean | undefined;
|
|
204
|
+
readonly unstyled?: boolean | undefined;
|
|
205
205
|
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
206
206
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
207
207
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
208
208
|
readonly unstyled?: boolean | undefined;
|
|
209
209
|
readonly size?: FontSizeTokens | undefined;
|
|
210
210
|
}, "unstyled"> & {
|
|
211
|
-
unstyled?: boolean | undefined;
|
|
211
|
+
readonly unstyled?: boolean | undefined;
|
|
212
212
|
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
213
213
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
214
214
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
215
215
|
readonly unstyled?: boolean | undefined;
|
|
216
216
|
readonly size?: FontSizeTokens | undefined;
|
|
217
217
|
}, "unstyled"> & {
|
|
218
|
-
unstyled?: boolean | undefined;
|
|
218
|
+
readonly unstyled?: boolean | undefined;
|
|
219
219
|
}>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
|
|
220
220
|
readonly unstyled?: boolean | undefined;
|
|
221
221
|
readonly size?: FontSizeTokens | undefined;
|
|
222
222
|
} & {
|
|
223
|
-
unstyled?: boolean | undefined;
|
|
223
|
+
readonly unstyled?: boolean | undefined;
|
|
224
224
|
}, {
|
|
225
225
|
displayName: string | undefined;
|
|
226
226
|
__baseProps: Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -237,34 +237,38 @@ export declare const ListItemSubtitle: import("@tamagui/web").TamaguiComponent<O
|
|
|
237
237
|
readonly unstyled?: boolean | undefined;
|
|
238
238
|
readonly size?: FontSizeTokens | undefined;
|
|
239
239
|
} & {
|
|
240
|
-
unstyled?: boolean | undefined;
|
|
241
|
-
}, "unstyled"> & {
|
|
242
240
|
readonly unstyled?: boolean | undefined;
|
|
241
|
+
}, "size" | "unstyled"> & {
|
|
242
|
+
readonly unstyled?: boolean | undefined;
|
|
243
|
+
readonly size?: SizeTokens | undefined;
|
|
243
244
|
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
244
245
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
245
246
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
246
247
|
readonly unstyled?: boolean | undefined;
|
|
247
248
|
readonly size?: FontSizeTokens | undefined;
|
|
248
249
|
} & {
|
|
249
|
-
unstyled?: boolean | undefined;
|
|
250
|
-
}, "unstyled"> & {
|
|
251
250
|
readonly unstyled?: boolean | undefined;
|
|
251
|
+
}, "size" | "unstyled"> & {
|
|
252
|
+
readonly unstyled?: boolean | undefined;
|
|
253
|
+
readonly size?: SizeTokens | undefined;
|
|
252
254
|
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
253
255
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
254
256
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
255
257
|
readonly unstyled?: boolean | undefined;
|
|
256
258
|
readonly size?: FontSizeTokens | undefined;
|
|
257
259
|
} & {
|
|
258
|
-
unstyled?: boolean | undefined;
|
|
259
|
-
}, "unstyled"> & {
|
|
260
260
|
readonly unstyled?: boolean | undefined;
|
|
261
|
+
}, "size" | "unstyled"> & {
|
|
262
|
+
readonly unstyled?: boolean | undefined;
|
|
263
|
+
readonly size?: SizeTokens | undefined;
|
|
261
264
|
}>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
|
|
262
265
|
readonly unstyled?: boolean | undefined;
|
|
263
266
|
readonly size?: FontSizeTokens | undefined;
|
|
264
267
|
} & {
|
|
265
|
-
unstyled?: boolean | undefined;
|
|
268
|
+
readonly unstyled?: boolean | undefined;
|
|
266
269
|
} & {
|
|
267
270
|
readonly unstyled?: boolean | undefined;
|
|
271
|
+
readonly size?: SizeTokens | undefined;
|
|
268
272
|
}, {
|
|
269
273
|
displayName: string | undefined;
|
|
270
274
|
__baseProps: Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -274,7 +278,7 @@ export declare const ListItemSubtitle: import("@tamagui/web").TamaguiComponent<O
|
|
|
274
278
|
readonly unstyled?: boolean | undefined;
|
|
275
279
|
readonly size?: FontSizeTokens | undefined;
|
|
276
280
|
} & {
|
|
277
|
-
unstyled?: boolean | undefined;
|
|
281
|
+
readonly unstyled?: boolean | undefined;
|
|
278
282
|
};
|
|
279
283
|
}>;
|
|
280
284
|
export declare const ListItemTitle: import("@tamagui/web").TamaguiComponent<(Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -283,28 +287,28 @@ export declare const ListItemTitle: import("@tamagui/web").TamaguiComponent<(Omi
|
|
|
283
287
|
readonly unstyled?: boolean | undefined;
|
|
284
288
|
readonly size?: FontSizeTokens | undefined;
|
|
285
289
|
}, "unstyled"> & {
|
|
286
|
-
unstyled?: boolean | undefined;
|
|
290
|
+
readonly unstyled?: boolean | undefined;
|
|
287
291
|
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
288
292
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
289
293
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
290
294
|
readonly unstyled?: boolean | undefined;
|
|
291
295
|
readonly size?: FontSizeTokens | undefined;
|
|
292
296
|
}, "unstyled"> & {
|
|
293
|
-
unstyled?: boolean | undefined;
|
|
297
|
+
readonly unstyled?: boolean | undefined;
|
|
294
298
|
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
295
299
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
296
300
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
297
301
|
readonly unstyled?: boolean | undefined;
|
|
298
302
|
readonly size?: FontSizeTokens | undefined;
|
|
299
303
|
}, "unstyled"> & {
|
|
300
|
-
unstyled?: boolean | undefined;
|
|
304
|
+
readonly unstyled?: boolean | undefined;
|
|
301
305
|
}>>) | (Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
302
306
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
303
307
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
304
308
|
readonly unstyled?: boolean | undefined;
|
|
305
309
|
readonly size?: FontSizeTokens | undefined;
|
|
306
310
|
} & {
|
|
307
|
-
unstyled?: boolean | undefined;
|
|
311
|
+
readonly unstyled?: boolean | undefined;
|
|
308
312
|
}, string | number> & {
|
|
309
313
|
[x: string]: undefined;
|
|
310
314
|
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -313,7 +317,7 @@ export declare const ListItemTitle: import("@tamagui/web").TamaguiComponent<(Omi
|
|
|
313
317
|
readonly unstyled?: boolean | undefined;
|
|
314
318
|
readonly size?: FontSizeTokens | undefined;
|
|
315
319
|
} & {
|
|
316
|
-
unstyled?: boolean | undefined;
|
|
320
|
+
readonly unstyled?: boolean | undefined;
|
|
317
321
|
}, string | number> & {
|
|
318
322
|
[x: string]: undefined;
|
|
319
323
|
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -322,14 +326,14 @@ export declare const ListItemTitle: import("@tamagui/web").TamaguiComponent<(Omi
|
|
|
322
326
|
readonly unstyled?: boolean | undefined;
|
|
323
327
|
readonly size?: FontSizeTokens | undefined;
|
|
324
328
|
} & {
|
|
325
|
-
unstyled?: boolean | undefined;
|
|
329
|
+
readonly unstyled?: boolean | undefined;
|
|
326
330
|
}, string | number> & {
|
|
327
331
|
[x: string]: undefined;
|
|
328
332
|
}>>), import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
|
|
329
333
|
readonly unstyled?: boolean | undefined;
|
|
330
334
|
readonly size?: FontSizeTokens | undefined;
|
|
331
335
|
} & {
|
|
332
|
-
unstyled?: boolean | undefined;
|
|
336
|
+
readonly unstyled?: boolean | undefined;
|
|
333
337
|
} & ({} | {
|
|
334
338
|
[x: string]: undefined;
|
|
335
339
|
}), {
|
|
@@ -341,7 +345,7 @@ export declare const ListItemTitle: import("@tamagui/web").TamaguiComponent<(Omi
|
|
|
341
345
|
readonly unstyled?: boolean | undefined;
|
|
342
346
|
readonly size?: FontSizeTokens | undefined;
|
|
343
347
|
} & {
|
|
344
|
-
unstyled?: boolean | undefined;
|
|
348
|
+
readonly unstyled?: boolean | undefined;
|
|
345
349
|
};
|
|
346
350
|
}>;
|
|
347
351
|
export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title, }?: {
|
|
@@ -602,7 +606,6 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
602
606
|
padded?: boolean | undefined;
|
|
603
607
|
chromeless?: boolean | "all" | undefined;
|
|
604
608
|
fullscreen?: boolean | undefined;
|
|
605
|
-
unstyled?: boolean | undefined;
|
|
606
609
|
size?: SizeTokens | undefined;
|
|
607
610
|
active?: boolean | undefined;
|
|
608
611
|
hoverStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -972,26 +975,26 @@ export declare const ListItem: import("@tamagui/web").ReactComponentWithRef<Omit
|
|
|
972
975
|
readonly unstyled?: boolean | undefined;
|
|
973
976
|
readonly size?: FontSizeTokens | undefined;
|
|
974
977
|
}, "unstyled"> & {
|
|
975
|
-
unstyled?: boolean | undefined;
|
|
978
|
+
readonly unstyled?: boolean | undefined;
|
|
976
979
|
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
977
980
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
978
981
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
979
982
|
readonly unstyled?: boolean | undefined;
|
|
980
983
|
readonly size?: FontSizeTokens | undefined;
|
|
981
984
|
}, "unstyled"> & {
|
|
982
|
-
unstyled?: boolean | undefined;
|
|
985
|
+
readonly unstyled?: boolean | undefined;
|
|
983
986
|
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
984
987
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
985
988
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
986
989
|
readonly unstyled?: boolean | undefined;
|
|
987
990
|
readonly size?: FontSizeTokens | undefined;
|
|
988
991
|
}, "unstyled"> & {
|
|
989
|
-
unstyled?: boolean | undefined;
|
|
992
|
+
readonly unstyled?: boolean | undefined;
|
|
990
993
|
}>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
|
|
991
994
|
readonly unstyled?: boolean | undefined;
|
|
992
995
|
readonly size?: FontSizeTokens | undefined;
|
|
993
996
|
} & {
|
|
994
|
-
unstyled?: boolean | undefined;
|
|
997
|
+
readonly unstyled?: boolean | undefined;
|
|
995
998
|
}, {
|
|
996
999
|
displayName: string | undefined;
|
|
997
1000
|
__baseProps: Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -1008,34 +1011,38 @@ export declare const ListItem: import("@tamagui/web").ReactComponentWithRef<Omit
|
|
|
1008
1011
|
readonly unstyled?: boolean | undefined;
|
|
1009
1012
|
readonly size?: FontSizeTokens | undefined;
|
|
1010
1013
|
} & {
|
|
1011
|
-
unstyled?: boolean | undefined;
|
|
1012
|
-
}, "unstyled"> & {
|
|
1013
1014
|
readonly unstyled?: boolean | undefined;
|
|
1015
|
+
}, "size" | "unstyled"> & {
|
|
1016
|
+
readonly unstyled?: boolean | undefined;
|
|
1017
|
+
readonly size?: SizeTokens | undefined;
|
|
1014
1018
|
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
1015
1019
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
1016
1020
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
1017
1021
|
readonly unstyled?: boolean | undefined;
|
|
1018
1022
|
readonly size?: FontSizeTokens | undefined;
|
|
1019
1023
|
} & {
|
|
1020
|
-
unstyled?: boolean | undefined;
|
|
1021
|
-
}, "unstyled"> & {
|
|
1022
1024
|
readonly unstyled?: boolean | undefined;
|
|
1025
|
+
}, "size" | "unstyled"> & {
|
|
1026
|
+
readonly unstyled?: boolean | undefined;
|
|
1027
|
+
readonly size?: SizeTokens | undefined;
|
|
1023
1028
|
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
1024
1029
|
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
1025
1030
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
|
|
1026
1031
|
readonly unstyled?: boolean | undefined;
|
|
1027
1032
|
readonly size?: FontSizeTokens | undefined;
|
|
1028
1033
|
} & {
|
|
1029
|
-
unstyled?: boolean | undefined;
|
|
1030
|
-
}, "unstyled"> & {
|
|
1031
1034
|
readonly unstyled?: boolean | undefined;
|
|
1035
|
+
}, "size" | "unstyled"> & {
|
|
1036
|
+
readonly unstyled?: boolean | undefined;
|
|
1037
|
+
readonly size?: SizeTokens | undefined;
|
|
1032
1038
|
}>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
|
|
1033
1039
|
readonly unstyled?: boolean | undefined;
|
|
1034
1040
|
readonly size?: FontSizeTokens | undefined;
|
|
1035
1041
|
} & {
|
|
1036
|
-
unstyled?: boolean | undefined;
|
|
1042
|
+
readonly unstyled?: boolean | undefined;
|
|
1037
1043
|
} & {
|
|
1038
1044
|
readonly unstyled?: boolean | undefined;
|
|
1045
|
+
readonly size?: SizeTokens | undefined;
|
|
1039
1046
|
}, {
|
|
1040
1047
|
displayName: string | undefined;
|
|
1041
1048
|
__baseProps: Omit<import("react-native").TextProps, "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
@@ -1045,7 +1052,7 @@ export declare const ListItem: import("@tamagui/web").ReactComponentWithRef<Omit
|
|
|
1045
1052
|
readonly unstyled?: boolean | undefined;
|
|
1046
1053
|
readonly size?: FontSizeTokens | undefined;
|
|
1047
1054
|
} & {
|
|
1048
|
-
unstyled?: boolean | undefined;
|
|
1055
|
+
readonly unstyled?: boolean | undefined;
|
|
1049
1056
|
};
|
|
1050
1057
|
}>;
|
|
1051
1058
|
};
|
package/types/ListItem.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"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"}
|