@tamagui/list-item 1.49.7 → 1.49.8
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 -16
- package/dist/cjs/ListItem.js.map +1 -1
- package/dist/esm/ListItem.js +21 -16
- package/dist/esm/ListItem.js.map +1 -1
- package/dist/jsx/ListItem.js +21 -16
- package/dist/jsx/ListItem.js.map +1 -1
- package/package.json +8 -8
- package/src/ListItem.tsx +23 -17
- package/types/ListItem.d.ts +115 -100
- package/types/ListItem.d.ts.map +1 -1
package/dist/cjs/ListItem.js
CHANGED
|
@@ -131,11 +131,12 @@ const ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
131
131
|
const ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
132
132
|
name: "ListItemTitle"
|
|
133
133
|
});
|
|
134
|
-
const useListItem = (
|
|
134
|
+
const useListItem = (propsIn, {
|
|
135
135
|
Text = ListItemText,
|
|
136
136
|
Subtitle = ListItemSubtitle,
|
|
137
137
|
Title = ListItemTitle
|
|
138
138
|
} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
|
|
139
|
+
const props = (0, import_web.useProps)(propsIn);
|
|
139
140
|
const {
|
|
140
141
|
children,
|
|
141
142
|
icon,
|
|
@@ -148,32 +149,35 @@ const useListItem = (props, {
|
|
|
148
149
|
scaleSpace = 1,
|
|
149
150
|
unstyled = false,
|
|
150
151
|
subTitle,
|
|
152
|
+
title,
|
|
151
153
|
// text props
|
|
152
154
|
color,
|
|
153
155
|
fontWeight,
|
|
154
|
-
letterSpacing,
|
|
155
156
|
fontSize,
|
|
156
157
|
fontFamily,
|
|
158
|
+
letterSpacing,
|
|
157
159
|
textAlign,
|
|
158
|
-
|
|
159
|
-
title,
|
|
160
|
+
ellipse,
|
|
160
161
|
...rest
|
|
161
162
|
} = props;
|
|
162
|
-
const
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
163
|
+
const textProps = {
|
|
164
|
+
color,
|
|
165
|
+
fontWeight,
|
|
166
|
+
fontSize,
|
|
167
|
+
fontFamily,
|
|
168
|
+
letterSpacing,
|
|
169
|
+
textAlign,
|
|
170
|
+
ellipse,
|
|
171
|
+
children
|
|
172
|
+
};
|
|
173
|
+
const size = props.size || "$true";
|
|
169
174
|
const iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon;
|
|
170
175
|
const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
|
|
171
176
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
172
|
-
const spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[
|
|
173
|
-
const contents = (0, import_text.wrapChildrenInText)(Text,
|
|
177
|
+
const spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[props.space] ?? iconSize) * scaleSpace;
|
|
178
|
+
const contents = (0, import_text.wrapChildrenInText)(Text, textProps);
|
|
174
179
|
return {
|
|
175
180
|
props: {
|
|
176
|
-
fontFamily,
|
|
177
181
|
...rest,
|
|
178
182
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
179
183
|
themedIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
@@ -185,7 +189,7 @@ const useListItem = (props, {
|
|
|
185
189
|
subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
186
190
|
// TODO can use theme but we need to standardize to alt themes
|
|
187
191
|
// or standardize on subtle colors in themes
|
|
188
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, { unstyled
|
|
192
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, { unstyled, size, children: subTitle })
|
|
189
193
|
) : subTitle }) : null,
|
|
190
194
|
contents
|
|
191
195
|
] }) : contents,
|
|
@@ -209,7 +213,8 @@ const listItemStaticConfig = {
|
|
|
209
213
|
"fontSize",
|
|
210
214
|
"fontFamily",
|
|
211
215
|
"letterSpacing",
|
|
212
|
-
"textAlign"
|
|
216
|
+
"textAlign",
|
|
217
|
+
"ellipse"
|
|
213
218
|
])
|
|
214
219
|
};
|
|
215
220
|
const ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
|
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
|
@@ -108,11 +108,12 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
108
108
|
const ListItemTitle = styled(ListItemText, {
|
|
109
109
|
name: "ListItemTitle"
|
|
110
110
|
});
|
|
111
|
-
const useListItem = (
|
|
111
|
+
const useListItem = (propsIn, {
|
|
112
112
|
Text = ListItemText,
|
|
113
113
|
Subtitle = ListItemSubtitle,
|
|
114
114
|
Title = ListItemTitle
|
|
115
115
|
} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
|
|
116
|
+
const props = useProps(propsIn);
|
|
116
117
|
const {
|
|
117
118
|
children,
|
|
118
119
|
icon,
|
|
@@ -125,32 +126,35 @@ const useListItem = (props, {
|
|
|
125
126
|
scaleSpace = 1,
|
|
126
127
|
unstyled = false,
|
|
127
128
|
subTitle,
|
|
129
|
+
title,
|
|
128
130
|
// text props
|
|
129
131
|
color,
|
|
130
132
|
fontWeight,
|
|
131
|
-
letterSpacing,
|
|
132
133
|
fontSize,
|
|
133
134
|
fontFamily,
|
|
135
|
+
letterSpacing,
|
|
134
136
|
textAlign,
|
|
135
|
-
|
|
136
|
-
title,
|
|
137
|
+
ellipse,
|
|
137
138
|
...rest
|
|
138
139
|
} = props;
|
|
139
|
-
const
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
140
|
+
const textProps = {
|
|
141
|
+
color,
|
|
142
|
+
fontWeight,
|
|
143
|
+
fontSize,
|
|
144
|
+
fontFamily,
|
|
145
|
+
letterSpacing,
|
|
146
|
+
textAlign,
|
|
147
|
+
ellipse,
|
|
148
|
+
children
|
|
149
|
+
};
|
|
150
|
+
const size = props.size || "$true";
|
|
146
151
|
const iconSize = getFontSize(size) * scaleIcon;
|
|
147
152
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
148
153
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
149
|
-
const spaceSize = getVariableValue(getTokens().space[
|
|
150
|
-
const contents = wrapChildrenInText(Text,
|
|
154
|
+
const spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace;
|
|
155
|
+
const contents = wrapChildrenInText(Text, textProps);
|
|
151
156
|
return {
|
|
152
157
|
props: {
|
|
153
|
-
fontFamily,
|
|
154
158
|
...rest,
|
|
155
159
|
children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
156
160
|
themedIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -162,7 +166,7 @@ const useListItem = (props, {
|
|
|
162
166
|
subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
163
167
|
// TODO can use theme but we need to standardize to alt themes
|
|
164
168
|
// or standardize on subtle colors in themes
|
|
165
|
-
/* @__PURE__ */ jsx(Subtitle, { unstyled
|
|
169
|
+
/* @__PURE__ */ jsx(Subtitle, { unstyled, size, children: subTitle })
|
|
166
170
|
) : subTitle }) : null,
|
|
167
171
|
contents
|
|
168
172
|
] }) : contents,
|
|
@@ -186,7 +190,8 @@ const listItemStaticConfig = {
|
|
|
186
190
|
"fontSize",
|
|
187
191
|
"fontFamily",
|
|
188
192
|
"letterSpacing",
|
|
189
|
-
"textAlign"
|
|
193
|
+
"textAlign",
|
|
194
|
+
"ellipse"
|
|
190
195
|
])
|
|
191
196
|
};
|
|
192
197
|
const ListItem2 = withStaticProperties(ListItemComponent, {
|
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
|
@@ -107,11 +107,12 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
107
107
|
const ListItemTitle = styled(ListItemText, {
|
|
108
108
|
name: "ListItemTitle"
|
|
109
109
|
});
|
|
110
|
-
const useListItem = (
|
|
110
|
+
const useListItem = (propsIn, {
|
|
111
111
|
Text = ListItemText,
|
|
112
112
|
Subtitle = ListItemSubtitle,
|
|
113
113
|
Title = ListItemTitle
|
|
114
114
|
} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
|
|
115
|
+
const props = useProps(propsIn);
|
|
115
116
|
const {
|
|
116
117
|
children,
|
|
117
118
|
icon,
|
|
@@ -124,32 +125,35 @@ const useListItem = (props, {
|
|
|
124
125
|
scaleSpace = 1,
|
|
125
126
|
unstyled = false,
|
|
126
127
|
subTitle,
|
|
128
|
+
title,
|
|
127
129
|
// text props
|
|
128
130
|
color,
|
|
129
131
|
fontWeight,
|
|
130
|
-
letterSpacing,
|
|
131
132
|
fontSize,
|
|
132
133
|
fontFamily,
|
|
134
|
+
letterSpacing,
|
|
133
135
|
textAlign,
|
|
134
|
-
|
|
135
|
-
title,
|
|
136
|
+
ellipse,
|
|
136
137
|
...rest
|
|
137
138
|
} = props;
|
|
138
|
-
const
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
139
|
+
const textProps = {
|
|
140
|
+
color,
|
|
141
|
+
fontWeight,
|
|
142
|
+
fontSize,
|
|
143
|
+
fontFamily,
|
|
144
|
+
letterSpacing,
|
|
145
|
+
textAlign,
|
|
146
|
+
ellipse,
|
|
147
|
+
children
|
|
148
|
+
};
|
|
149
|
+
const size = props.size || "$true";
|
|
145
150
|
const iconSize = getFontSize(size) * scaleIcon;
|
|
146
151
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
147
152
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
148
|
-
const spaceSize = getVariableValue(getTokens().space[
|
|
149
|
-
const contents = wrapChildrenInText(Text,
|
|
153
|
+
const spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace;
|
|
154
|
+
const contents = wrapChildrenInText(Text, textProps);
|
|
150
155
|
return {
|
|
151
156
|
props: {
|
|
152
|
-
fontFamily,
|
|
153
157
|
...rest,
|
|
154
158
|
children: <>
|
|
155
159
|
{themedIcon ? <>
|
|
@@ -167,7 +171,7 @@ const useListItem = (props, {
|
|
|
167
171
|
{subTitle ? <>{typeof subTitle === "string" && noTextWrap !== "all" ? (
|
|
168
172
|
// TODO can use theme but we need to standardize to alt themes
|
|
169
173
|
// or standardize on subtle colors in themes
|
|
170
|
-
<Subtitle unstyled={
|
|
174
|
+
<Subtitle unstyled={unstyled} size={size}>{subTitle}</Subtitle>
|
|
171
175
|
) : subTitle}</> : null}
|
|
172
176
|
{contents}
|
|
173
177
|
</YStack> : contents}
|
|
@@ -191,7 +195,8 @@ const listItemStaticConfig = {
|
|
|
191
195
|
"fontSize",
|
|
192
196
|
"fontFamily",
|
|
193
197
|
"letterSpacing",
|
|
194
|
-
"textAlign"
|
|
198
|
+
"textAlign",
|
|
199
|
+
"ellipse"
|
|
195
200
|
])
|
|
196
201
|
};
|
|
197
202
|
const ListItem2 = withStaticProperties(ListItemComponent, {
|
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,oBAAoB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,cAAc;AACvC,SAAS,aAA+B,0BAA0B;AAClE;AAAA,EAIE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA8CP,MAAM,OAAO;AAEN,MAAM,mBAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,MACV,eAAe;AAAA,MACf,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,WAAW,CAAC,KAAiB,EAAE,OAAO,MAAM;AAC1C,aAAO;AAAA,QACL,WAAW,OAAO,KAAK,GAAG;AAAA,QAC1B,mBAAmB,OAAO,MAAM,GAAG;AAAA,QACnC,iBAAiB,SAAS,OAAO,MAAM,GAAG,GAAG;AAAA,UAC3C,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA;AAAA,MAET,eAAe;AAAA,IACjB;AAAA,EACF;AACF;AAEO,MAAM,gBAAgB,OAAO,gBAAgB;AAAA,EAClD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,EAEV,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,eAAe,OAAO,aAAa;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,mBAAmB,OAAO,cAAc;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,cAAM,aAAa,QAAQ,KAAK;AAAA,UAC9B,OAAO;AAAA,UACP,kBAAkB;AAAA,QACpB,CAAC;AACD,cAAM,YAAY,aAAa,WAAW,KAAuB,MAAM;AACvE,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,gBAAgB,OAAO,cAAc;AAAA,EAChD,MAAM;AACR,CAAC;AAEM,MAAM,cAAc,CACzB,
|
|
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.49.
|
|
3
|
+
"version": "1.49.8",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -21,18 +21,18 @@
|
|
|
21
21
|
"watch": "tamagui-build --watch"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@tamagui/font-size": "1.49.
|
|
25
|
-
"@tamagui/get-font-sized": "1.49.
|
|
26
|
-
"@tamagui/get-token": "1.49.
|
|
27
|
-
"@tamagui/helpers-tamagui": "1.49.
|
|
28
|
-
"@tamagui/text": "1.49.
|
|
29
|
-
"@tamagui/web": "1.49.
|
|
24
|
+
"@tamagui/font-size": "1.49.8",
|
|
25
|
+
"@tamagui/get-font-sized": "1.49.8",
|
|
26
|
+
"@tamagui/get-token": "1.49.8",
|
|
27
|
+
"@tamagui/helpers-tamagui": "1.49.8",
|
|
28
|
+
"@tamagui/text": "1.49.8",
|
|
29
|
+
"@tamagui/web": "1.49.8"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": "*"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@tamagui/build": "1.49.
|
|
35
|
+
"@tamagui/build": "1.49.8",
|
|
36
36
|
"react": "^18.2.0"
|
|
37
37
|
},
|
|
38
38
|
"publishConfig": {
|
package/src/ListItem.tsx
CHANGED
|
@@ -173,7 +173,7 @@ export const ListItemTitle = styled(ListItemText, {
|
|
|
173
173
|
})
|
|
174
174
|
|
|
175
175
|
export const useListItem = (
|
|
176
|
-
|
|
176
|
+
propsIn: ListItemProps,
|
|
177
177
|
{
|
|
178
178
|
Text = ListItemText,
|
|
179
179
|
Subtitle = ListItemSubtitle,
|
|
@@ -185,6 +185,8 @@ export const useListItem = (
|
|
|
185
185
|
} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }
|
|
186
186
|
) => {
|
|
187
187
|
// careful not to desctructure and re-order props, order is important
|
|
188
|
+
const props = useProps(propsIn)
|
|
189
|
+
|
|
188
190
|
const {
|
|
189
191
|
children,
|
|
190
192
|
icon,
|
|
@@ -197,39 +199,42 @@ export const useListItem = (
|
|
|
197
199
|
scaleSpace = 1,
|
|
198
200
|
unstyled = false,
|
|
199
201
|
subTitle,
|
|
202
|
+
title,
|
|
200
203
|
|
|
201
204
|
// text props
|
|
202
205
|
color,
|
|
203
206
|
fontWeight,
|
|
204
|
-
letterSpacing,
|
|
205
207
|
fontSize,
|
|
206
208
|
fontFamily,
|
|
209
|
+
letterSpacing,
|
|
207
210
|
textAlign,
|
|
208
|
-
|
|
209
|
-
|
|
211
|
+
ellipse,
|
|
212
|
+
|
|
210
213
|
...rest
|
|
211
214
|
} = props
|
|
212
215
|
|
|
213
|
-
const
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
216
|
+
const textProps = {
|
|
217
|
+
color,
|
|
218
|
+
fontWeight,
|
|
219
|
+
fontSize,
|
|
220
|
+
fontFamily,
|
|
221
|
+
letterSpacing,
|
|
222
|
+
textAlign,
|
|
223
|
+
ellipse,
|
|
224
|
+
children,
|
|
225
|
+
}
|
|
219
226
|
|
|
220
|
-
const size =
|
|
227
|
+
const size = props.size || '$true'
|
|
221
228
|
const iconSize = getFontSize(size as any) * scaleIcon
|
|
222
229
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color: color as any })
|
|
223
230
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon)
|
|
224
231
|
const spaceSize =
|
|
225
|
-
getVariableValue(getTokens().space[
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
const contents = wrapChildrenInText(Text, mediaActiveProps)
|
|
232
|
+
getVariableValue(getTokens().space[props.space as any] ?? iconSize) * scaleSpace
|
|
233
|
+
|
|
234
|
+
const contents = wrapChildrenInText(Text, textProps)
|
|
229
235
|
|
|
230
236
|
return {
|
|
231
237
|
props: {
|
|
232
|
-
fontFamily,
|
|
233
238
|
...rest,
|
|
234
239
|
children: (
|
|
235
240
|
<>
|
|
@@ -249,7 +254,7 @@ export const useListItem = (
|
|
|
249
254
|
{typeof subTitle === 'string' && noTextWrap !== 'all' ? (
|
|
250
255
|
// TODO can use theme but we need to standardize to alt themes
|
|
251
256
|
// or standardize on subtle colors in themes
|
|
252
|
-
<Subtitle unstyled={
|
|
257
|
+
<Subtitle unstyled={unstyled} size={size}>
|
|
253
258
|
{subTitle}
|
|
254
259
|
</Subtitle>
|
|
255
260
|
) : (
|
|
@@ -291,6 +296,7 @@ export const listItemStaticConfig = {
|
|
|
291
296
|
'fontFamily',
|
|
292
297
|
'letterSpacing',
|
|
293
298
|
'textAlign',
|
|
299
|
+
'ellipse',
|
|
294
300
|
]),
|
|
295
301
|
}
|
|
296
302
|
|
package/types/ListItem.d.ts
CHANGED
|
@@ -348,7 +348,7 @@ export declare const ListItemTitle: import("@tamagui/web").TamaguiComponent<(Omi
|
|
|
348
348
|
readonly unstyled?: boolean | undefined;
|
|
349
349
|
};
|
|
350
350
|
}>;
|
|
351
|
-
export declare const useListItem: (
|
|
351
|
+
export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Title, }?: {
|
|
352
352
|
Title?: any;
|
|
353
353
|
Subtitle?: any;
|
|
354
354
|
Text?: any;
|
|
@@ -356,6 +356,37 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
356
356
|
props: {
|
|
357
357
|
children: JSX.Element;
|
|
358
358
|
fontStyle?: "normal" | "italic" | undefined;
|
|
359
|
+
textProps?: Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
360
|
+
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
361
|
+
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
|
|
362
|
+
readonly unstyled?: boolean | undefined;
|
|
363
|
+
readonly size?: FontSizeTokens | undefined;
|
|
364
|
+
} & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
365
|
+
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
366
|
+
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
|
|
367
|
+
readonly unstyled?: boolean | undefined;
|
|
368
|
+
readonly size?: FontSizeTokens | undefined;
|
|
369
|
+
}>> & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
370
|
+
style?: import("@tamagui/web").StyleProp<import("react-native").TextStyle | React.CSSProperties | (React.CSSProperties & import("react-native").TextStyle)>;
|
|
371
|
+
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
|
|
372
|
+
readonly unstyled?: boolean | undefined;
|
|
373
|
+
readonly size?: FontSizeTokens | undefined;
|
|
374
|
+
}>>> | undefined;
|
|
375
|
+
display?: "flex" | "none" | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
|
|
376
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
377
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
378
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
379
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
380
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
381
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
382
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
383
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
384
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
385
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
386
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
387
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
388
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
389
|
+
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
|
359
390
|
hitSlop?: import("react-native").Insets | (import("react-native").Insets & number) | undefined;
|
|
360
391
|
id?: string | undefined;
|
|
361
392
|
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
@@ -397,26 +428,26 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
397
428
|
label?: string | undefined;
|
|
398
429
|
}>[] | undefined;
|
|
399
430
|
accessibilityLabel?: string | undefined;
|
|
400
|
-
|
|
431
|
+
"aria-label"?: string | undefined;
|
|
401
432
|
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
402
433
|
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
434
|
+
"aria-busy"?: boolean | undefined;
|
|
435
|
+
"aria-checked"?: boolean | "mixed" | undefined;
|
|
436
|
+
"aria-disabled"?: boolean | undefined;
|
|
437
|
+
"aria-expanded"?: boolean | undefined;
|
|
438
|
+
"aria-selected"?: boolean | undefined;
|
|
439
|
+
"aria-labelledby"?: string | undefined;
|
|
409
440
|
accessibilityHint?: string | undefined;
|
|
410
441
|
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
442
|
+
"aria-valuemax"?: number | undefined;
|
|
443
|
+
"aria-valuemin"?: number | undefined;
|
|
444
|
+
"aria-valuenow"?: number | undefined;
|
|
445
|
+
"aria-valuetext"?: string | undefined;
|
|
415
446
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
416
447
|
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
448
|
+
"aria-hidden"?: boolean | undefined;
|
|
449
|
+
"aria-live"?: "polite" | "assertive" | "off" | undefined;
|
|
450
|
+
"aria-modal"?: boolean | undefined;
|
|
420
451
|
role?: "separator" | "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | undefined;
|
|
421
452
|
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
422
453
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
@@ -427,33 +458,21 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
427
458
|
onMagicTap?: (() => void) | undefined;
|
|
428
459
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
429
460
|
accessibilityLanguage?: string | undefined;
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
446
|
-
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
447
|
-
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
448
|
-
onHoverIn?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
449
|
-
onHoverOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
450
|
-
onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
451
|
-
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
452
|
-
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
453
|
-
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
454
|
-
onFocus?: ((event: React.FocusEvent<HTMLDivElement, Element>) => void) | undefined;
|
|
455
|
-
onScroll?: ((event: React.UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
|
|
456
|
-
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
|
461
|
+
elevation?: SizeTokens | undefined;
|
|
462
|
+
gap?: import("@tamagui/web").SpaceValue | undefined;
|
|
463
|
+
columnGap?: import("@tamagui/web").SpaceValue | undefined;
|
|
464
|
+
rowGap?: import("@tamagui/web").SpaceValue | undefined;
|
|
465
|
+
contain?: import("csstype").Property.Contain | undefined;
|
|
466
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
467
|
+
outlineColor?: import("csstype").Property.OutlineColor | undefined;
|
|
468
|
+
outlineOffset?: import("@tamagui/web").SpaceValue | undefined;
|
|
469
|
+
outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
470
|
+
outlineWidth?: import("@tamagui/web").SpaceValue | undefined;
|
|
471
|
+
spaceDirection?: import("@tamagui/web").SpaceDirection | undefined;
|
|
472
|
+
separator?: React.ReactNode;
|
|
473
|
+
animation?: import("@tamagui/web").AnimationProp | null | undefined;
|
|
474
|
+
animateOnly?: string[] | undefined;
|
|
475
|
+
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
457
476
|
backgroundColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor | import("react-native").OpaqueColorValue | undefined;
|
|
458
477
|
borderBlockColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor | import("react-native").OpaqueColorValue | undefined;
|
|
459
478
|
borderBlockEndColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor | import("react-native").OpaqueColorValue | undefined;
|
|
@@ -550,60 +569,6 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
550
569
|
scaleY?: boolean | (import("react-native").AnimatableNumericValue & number) | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
551
570
|
translateX?: import("react-native").AnimatableNumericValue | undefined;
|
|
552
571
|
translateY?: import("react-native").AnimatableNumericValue | undefined;
|
|
553
|
-
x?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
554
|
-
y?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
555
|
-
perspective?: number | undefined;
|
|
556
|
-
scale?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
557
|
-
skewX?: string | undefined;
|
|
558
|
-
skewY?: string | undefined;
|
|
559
|
-
matrix?: number[] | undefined;
|
|
560
|
-
rotate?: string | undefined;
|
|
561
|
-
rotateY?: string | undefined;
|
|
562
|
-
rotateX?: string | undefined;
|
|
563
|
-
rotateZ?: string | undefined;
|
|
564
|
-
columnGap?: import("@tamagui/web").SpaceValue | undefined;
|
|
565
|
-
contain?: import("csstype").Property.Contain | undefined;
|
|
566
|
-
cursor?: import("csstype").Property.Cursor | undefined;
|
|
567
|
-
display?: "flex" | "none" | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
|
|
568
|
-
gap?: import("@tamagui/web").SpaceValue | undefined;
|
|
569
|
-
outlineColor?: import("csstype").Property.OutlineColor | undefined;
|
|
570
|
-
outlineOffset?: import("@tamagui/web").SpaceValue | undefined;
|
|
571
|
-
outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
572
|
-
outlineWidth?: import("@tamagui/web").SpaceValue | undefined;
|
|
573
|
-
rowGap?: import("@tamagui/web").SpaceValue | undefined;
|
|
574
|
-
spaceDirection?: import("@tamagui/web").SpaceDirection | undefined;
|
|
575
|
-
separator?: React.ReactNode;
|
|
576
|
-
animation?: import("@tamagui/web").AnimationProp | null | undefined;
|
|
577
|
-
animateOnly?: string[] | undefined;
|
|
578
|
-
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
579
|
-
rel?: any;
|
|
580
|
-
download?: any;
|
|
581
|
-
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
582
|
-
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
583
|
-
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
584
|
-
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
585
|
-
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
586
|
-
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
587
|
-
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
588
|
-
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
589
|
-
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
590
|
-
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
591
|
-
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
592
|
-
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
593
|
-
dataSet?: Record<string, string | number | null | undefined> | undefined;
|
|
594
|
-
onScrollShouldSetResponder?: unknown;
|
|
595
|
-
onScrollShouldSetResponderCapture?: unknown;
|
|
596
|
-
onSelectionChangeShouldSetResponder?: unknown;
|
|
597
|
-
onSelectionChangeShouldSetResponderCapture?: unknown;
|
|
598
|
-
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
599
|
-
href?: string | undefined;
|
|
600
|
-
hrefAttrs?: {
|
|
601
|
-
target?: "top" | "_blank" | "_self" | "_top" | "blank" | "self" | undefined;
|
|
602
|
-
rel?: string | undefined;
|
|
603
|
-
download?: boolean | undefined;
|
|
604
|
-
} | undefined;
|
|
605
|
-
elevationAndroid?: string | number | undefined;
|
|
606
|
-
elevation?: SizeTokens | undefined;
|
|
607
572
|
transparent?: boolean | undefined;
|
|
608
573
|
circular?: boolean | undefined;
|
|
609
574
|
hoverTheme?: boolean | undefined;
|
|
@@ -616,8 +581,43 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
616
581
|
padded?: boolean | undefined;
|
|
617
582
|
chromeless?: boolean | "all" | undefined;
|
|
618
583
|
fullscreen?: boolean | undefined;
|
|
619
|
-
|
|
620
|
-
|
|
584
|
+
x?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
585
|
+
y?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
586
|
+
perspective?: number | undefined;
|
|
587
|
+
scale?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | undefined;
|
|
588
|
+
skewX?: string | undefined;
|
|
589
|
+
skewY?: string | undefined;
|
|
590
|
+
matrix?: number[] | undefined;
|
|
591
|
+
rotate?: string | undefined;
|
|
592
|
+
rotateY?: string | undefined;
|
|
593
|
+
rotateX?: string | undefined;
|
|
594
|
+
rotateZ?: string | undefined;
|
|
595
|
+
onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
596
|
+
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
597
|
+
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
598
|
+
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
599
|
+
disabled?: boolean | undefined;
|
|
600
|
+
target?: string | undefined;
|
|
601
|
+
asChild?: boolean | "except-style" | undefined;
|
|
602
|
+
dangerouslySetInnerHTML?: {
|
|
603
|
+
__html: string;
|
|
604
|
+
} | undefined;
|
|
605
|
+
debug?: import("@tamagui/web").DebugProp | undefined;
|
|
606
|
+
className?: string | undefined;
|
|
607
|
+
themeShallow?: boolean | undefined;
|
|
608
|
+
tag?: string | undefined;
|
|
609
|
+
componentName?: string | undefined;
|
|
610
|
+
tabIndex?: string | number | undefined;
|
|
611
|
+
disableOptimization?: boolean | undefined;
|
|
612
|
+
forceStyle?: "hover" | "press" | "focus" | undefined;
|
|
613
|
+
onHoverIn?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
614
|
+
onHoverOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
615
|
+
onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
616
|
+
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
617
|
+
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
618
|
+
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
619
|
+
onFocus?: ((event: React.FocusEvent<HTMLDivElement, Element>) => void) | undefined;
|
|
620
|
+
onScroll?: ((event: React.UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
|
|
621
621
|
hoverStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
622
622
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
|
623
623
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
@@ -733,9 +733,24 @@ export declare const useListItem: (props: ListItemProps, { Text, Subtitle, Title
|
|
|
733
733
|
readonly active?: boolean | undefined;
|
|
734
734
|
readonly disabled?: boolean | undefined;
|
|
735
735
|
}> | null | undefined;
|
|
736
|
+
size?: SizeTokens | undefined;
|
|
737
|
+
rel?: any;
|
|
738
|
+
download?: any;
|
|
739
|
+
dataSet?: Record<string, string | number | null | undefined> | undefined;
|
|
740
|
+
onScrollShouldSetResponder?: unknown;
|
|
741
|
+
onScrollShouldSetResponderCapture?: unknown;
|
|
742
|
+
onSelectionChangeShouldSetResponder?: unknown;
|
|
743
|
+
onSelectionChangeShouldSetResponderCapture?: unknown;
|
|
744
|
+
href?: string | undefined;
|
|
745
|
+
hrefAttrs?: {
|
|
746
|
+
target?: "top" | "_blank" | "_self" | "_top" | "blank" | "self" | undefined;
|
|
747
|
+
rel?: string | undefined;
|
|
748
|
+
download?: boolean | undefined;
|
|
749
|
+
} | undefined;
|
|
750
|
+
elevationAndroid?: string | number | undefined;
|
|
751
|
+
active?: boolean | undefined;
|
|
736
752
|
themeInverse?: boolean | undefined;
|
|
737
753
|
themeReset?: boolean | undefined;
|
|
738
|
-
fontFamily: `$${string}` | import("@tamagui/web").Variable<any> | undefined;
|
|
739
754
|
};
|
|
740
755
|
};
|
|
741
756
|
export declare const listItemStaticConfig: {
|
|
@@ -909,7 +924,7 @@ export declare const ListItem: import("@tamagui/web").ReactComponentWithRef<Omit
|
|
|
909
924
|
readonly size?: SizeTokens | undefined;
|
|
910
925
|
readonly active?: boolean | undefined;
|
|
911
926
|
readonly disabled?: boolean | undefined;
|
|
912
|
-
}>>, "noTextWrap" | "color" | "fontWeight" | "fontSize" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "textProps" | "display" | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "style" | "hitSlop" | "id" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "role" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | "gap" | "columnGap" | "rowGap" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "userSelect" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "transparent" | "circular" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | "x" | "y" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "theme" | `$${string}` | `$${number}` | `$theme-${string}` | `$theme-${number}` | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "disabled" | "target" | "asChild" | "dangerouslySetInnerHTML" | "debug" | "className" | "themeShallow" | "tag" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onScroll" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "size" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | "unstyled" | "active" | "themeInverse" | "themeReset" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace" | "title" | "subTitle">, import("@tamagui/web").TamaguiElement> & {
|
|
927
|
+
}>>, "noTextWrap" | "color" | "fontWeight" | "fontSize" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "ellipse" | "textProps" | "display" | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "style" | "hitSlop" | "id" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "role" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | "gap" | "columnGap" | "rowGap" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "space" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "userSelect" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "transparent" | "circular" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | "x" | "y" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "theme" | `$${string}` | `$${number}` | `$theme-${string}` | `$theme-${number}` | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "disabled" | "target" | "asChild" | "dangerouslySetInnerHTML" | "debug" | "className" | "themeShallow" | "tag" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onScroll" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "size" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | "unstyled" | "active" | "themeInverse" | "themeReset" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace" | "title" | "subTitle">, import("@tamagui/web").TamaguiElement> & {
|
|
913
928
|
staticConfig: import("@tamagui/web").StaticConfig;
|
|
914
929
|
styleable: import("@tamagui/web").Styleable<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
915
930
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
package/types/ListItem.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,gBAAgB,EAAsB,MAAM,eAAe,CAAA;AACjF,OAAO,EACL,cAAc,EACd,QAAQ,EACR,UAAU,EAEV,cAAc,EAMf,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,iBAAiB,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAA;AAEzE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,YAAY,CAAC,GAChF,QAAQ,CAAC,OAAO,aAAa,CAAC,GAC9B,cAAc,GAAG;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB;;OAEG;IACH;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CAC7B,CAAA;AAIH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;kCAgBR,UAAU;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBvB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B3B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAExB,CAAA;AAEF,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"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"}
|