@tamagui/list-item 1.74.13 → 1.74.14
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 +40 -54
- package/dist/cjs/ListItem.js.map +1 -1
- package/dist/cjs/ListItem.native.js +40 -54
- package/dist/cjs/ListItem.native.js.map +1 -1
- package/dist/esm/ListItem.js +40 -52
- package/dist/esm/ListItem.js.map +1 -1
- package/dist/esm/ListItem.native.js +40 -52
- package/dist/esm/ListItem.native.js.map +1 -1
- package/dist/jsx/ListItem.js +40 -52
- package/dist/jsx/ListItem.js.map +1 -1
- package/dist/jsx/ListItem.native.js +40 -52
- package/dist/jsx/ListItem.native.js.map +1 -1
- package/package.json +8 -8
- package/src/ListItem.tsx +41 -55
- package/types/ListItem.d.ts +6 -45
- package/types/ListItem.d.ts.map +1 -1
package/dist/cjs/ListItem.js
CHANGED
|
@@ -19,53 +19,52 @@ __export(ListItem_exports, {
|
|
|
19
19
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
20
20
|
ListItemText: () => ListItemText,
|
|
21
21
|
ListItemTitle: () => ListItemTitle,
|
|
22
|
-
listItemStaticConfig: () => listItemStaticConfig,
|
|
23
|
-
listItemVariants: () => listItemVariants,
|
|
24
22
|
useListItem: () => useListItem
|
|
25
23
|
});
|
|
26
24
|
module.exports = __toCommonJS(ListItem_exports);
|
|
27
25
|
var import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
28
|
-
const NAME = "ListItem",
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"...size": (val, { tokens }) => ({
|
|
44
|
-
minHeight: tokens.size[val],
|
|
45
|
-
paddingHorizontal: tokens.space[val],
|
|
46
|
-
paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
|
|
47
|
-
shift: -4
|
|
48
|
-
})
|
|
49
|
-
})
|
|
50
|
-
},
|
|
51
|
-
active: {
|
|
52
|
-
true: {
|
|
53
|
-
hoverStyle: {
|
|
26
|
+
const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
27
|
+
name: NAME,
|
|
28
|
+
tag: "li",
|
|
29
|
+
variants: {
|
|
30
|
+
unstyled: {
|
|
31
|
+
false: {
|
|
32
|
+
size: "$true",
|
|
33
|
+
alignItems: "center",
|
|
34
|
+
justifyContent: "space-between",
|
|
35
|
+
flexWrap: "nowrap",
|
|
36
|
+
width: "100%",
|
|
37
|
+
borderColor: "$borderColor",
|
|
38
|
+
maxWidth: "100%",
|
|
39
|
+
overflow: "hidden",
|
|
40
|
+
flexDirection: "row",
|
|
54
41
|
backgroundColor: "$background"
|
|
55
42
|
}
|
|
43
|
+
},
|
|
44
|
+
size: {
|
|
45
|
+
"...size": (val, { tokens }) => ({
|
|
46
|
+
minHeight: tokens.size[val],
|
|
47
|
+
paddingHorizontal: tokens.space[val],
|
|
48
|
+
paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
|
|
49
|
+
shift: -4
|
|
50
|
+
})
|
|
51
|
+
})
|
|
52
|
+
},
|
|
53
|
+
active: {
|
|
54
|
+
true: {
|
|
55
|
+
hoverStyle: {
|
|
56
|
+
backgroundColor: "$background"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
disabled: {
|
|
61
|
+
true: {
|
|
62
|
+
opacity: 0.5,
|
|
63
|
+
// TODO breaking types
|
|
64
|
+
pointerEvents: "none"
|
|
65
|
+
}
|
|
56
66
|
}
|
|
57
67
|
},
|
|
58
|
-
disabled: {
|
|
59
|
-
true: {
|
|
60
|
-
opacity: 0.5,
|
|
61
|
-
// TODO breaking types
|
|
62
|
-
pointerEvents: "none"
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}, ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
66
|
-
name: NAME,
|
|
67
|
-
tag: "li",
|
|
68
|
-
variants: listItemVariants,
|
|
69
68
|
defaultVariants: {
|
|
70
69
|
unstyled: !1
|
|
71
70
|
}
|
|
@@ -174,19 +173,8 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
174
173
|
};
|
|
175
174
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
176
175
|
const { props: listItemProps } = useListItem(props);
|
|
177
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref,
|
|
178
|
-
}),
|
|
179
|
-
inlineProps: /* @__PURE__ */ new Set([
|
|
180
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
181
|
-
"color",
|
|
182
|
-
"fontWeight",
|
|
183
|
-
"fontSize",
|
|
184
|
-
"fontFamily",
|
|
185
|
-
"letterSpacing",
|
|
186
|
-
"textAlign",
|
|
187
|
-
"ellipse"
|
|
188
|
-
])
|
|
189
|
-
}, ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
|
|
176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref, ...listItemProps });
|
|
177
|
+
}), ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
|
|
190
178
|
Text: ListItemText,
|
|
191
179
|
Subtitle: ListItemSubtitle
|
|
192
180
|
});
|
|
@@ -197,8 +185,6 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
197
185
|
ListItemSubtitle,
|
|
198
186
|
ListItemText,
|
|
199
187
|
ListItemTitle,
|
|
200
|
-
listItemStaticConfig,
|
|
201
|
-
listItemVariants,
|
|
202
188
|
useListItem
|
|
203
189
|
});
|
|
204
190
|
//# sourceMappingURL=ListItem.js.map
|
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
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
|
@@ -20,53 +20,52 @@ __export(ListItem_exports, {
|
|
|
20
20
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
21
21
|
ListItemText: () => ListItemText,
|
|
22
22
|
ListItemTitle: () => ListItemTitle,
|
|
23
|
-
listItemStaticConfig: () => listItemStaticConfig,
|
|
24
|
-
listItemVariants: () => listItemVariants,
|
|
25
23
|
useListItem: () => useListItem
|
|
26
24
|
});
|
|
27
25
|
module.exports = __toCommonJS(ListItem_exports);
|
|
28
26
|
var import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
const NAME = "ListItem",
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"...size": (val, { tokens }) => ({
|
|
45
|
-
minHeight: tokens.size[val],
|
|
46
|
-
paddingHorizontal: tokens.space[val],
|
|
47
|
-
paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
|
|
48
|
-
shift: -4
|
|
49
|
-
})
|
|
50
|
-
})
|
|
51
|
-
},
|
|
52
|
-
active: {
|
|
53
|
-
true: {
|
|
54
|
-
hoverStyle: {
|
|
27
|
+
const NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
28
|
+
name: NAME,
|
|
29
|
+
tag: "li",
|
|
30
|
+
variants: {
|
|
31
|
+
unstyled: {
|
|
32
|
+
false: {
|
|
33
|
+
size: "$true",
|
|
34
|
+
alignItems: "center",
|
|
35
|
+
justifyContent: "space-between",
|
|
36
|
+
flexWrap: "nowrap",
|
|
37
|
+
width: "100%",
|
|
38
|
+
borderColor: "$borderColor",
|
|
39
|
+
maxWidth: "100%",
|
|
40
|
+
overflow: "hidden",
|
|
41
|
+
flexDirection: "row",
|
|
55
42
|
backgroundColor: "$background"
|
|
56
43
|
}
|
|
44
|
+
},
|
|
45
|
+
size: {
|
|
46
|
+
"...size": (val, { tokens }) => ({
|
|
47
|
+
minHeight: tokens.size[val],
|
|
48
|
+
paddingHorizontal: tokens.space[val],
|
|
49
|
+
paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
|
|
50
|
+
shift: -4
|
|
51
|
+
})
|
|
52
|
+
})
|
|
53
|
+
},
|
|
54
|
+
active: {
|
|
55
|
+
true: {
|
|
56
|
+
hoverStyle: {
|
|
57
|
+
backgroundColor: "$background"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
disabled: {
|
|
62
|
+
true: {
|
|
63
|
+
opacity: 0.5,
|
|
64
|
+
// TODO breaking types
|
|
65
|
+
pointerEvents: "none"
|
|
66
|
+
}
|
|
57
67
|
}
|
|
58
68
|
},
|
|
59
|
-
disabled: {
|
|
60
|
-
true: {
|
|
61
|
-
opacity: 0.5,
|
|
62
|
-
// TODO breaking types
|
|
63
|
-
pointerEvents: "none"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}, ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
67
|
-
name: NAME,
|
|
68
|
-
tag: "li",
|
|
69
|
-
variants: listItemVariants,
|
|
70
69
|
defaultVariants: {
|
|
71
70
|
unstyled: !1
|
|
72
71
|
}
|
|
@@ -175,19 +174,8 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
175
174
|
};
|
|
176
175
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
177
176
|
const { props: listItemProps } = useListItem(props);
|
|
178
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref,
|
|
179
|
-
}),
|
|
180
|
-
inlineProps: /* @__PURE__ */ new Set([
|
|
181
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
182
|
-
"color",
|
|
183
|
-
"fontWeight",
|
|
184
|
-
"fontSize",
|
|
185
|
-
"fontFamily",
|
|
186
|
-
"letterSpacing",
|
|
187
|
-
"textAlign",
|
|
188
|
-
"ellipse"
|
|
189
|
-
])
|
|
190
|
-
}, ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
|
|
177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref, ...listItemProps });
|
|
178
|
+
}), ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
|
|
191
179
|
Text: ListItemText,
|
|
192
180
|
Subtitle: ListItemSubtitle
|
|
193
181
|
});
|
|
@@ -198,8 +186,6 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
198
186
|
ListItemSubtitle,
|
|
199
187
|
ListItemText,
|
|
200
188
|
ListItemTitle,
|
|
201
|
-
listItemStaticConfig,
|
|
202
|
-
listItemVariants,
|
|
203
189
|
useListItem
|
|
204
190
|
});
|
|
205
191
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -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
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
package/dist/esm/ListItem.js
CHANGED
|
@@ -13,47 +13,48 @@ import {
|
|
|
13
13
|
withStaticProperties
|
|
14
14
|
} from "@tamagui/web";
|
|
15
15
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
-
const NAME = "ListItem",
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"...size": (val, { tokens }) => ({
|
|
32
|
-
minHeight: tokens.size[val],
|
|
33
|
-
paddingHorizontal: tokens.space[val],
|
|
34
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
35
|
-
shift: -4
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
},
|
|
39
|
-
active: {
|
|
40
|
-
true: {
|
|
41
|
-
hoverStyle: {
|
|
16
|
+
const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
17
|
+
name: NAME,
|
|
18
|
+
tag: "li",
|
|
19
|
+
variants: {
|
|
20
|
+
unstyled: {
|
|
21
|
+
false: {
|
|
22
|
+
size: "$true",
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
justifyContent: "space-between",
|
|
25
|
+
flexWrap: "nowrap",
|
|
26
|
+
width: "100%",
|
|
27
|
+
borderColor: "$borderColor",
|
|
28
|
+
maxWidth: "100%",
|
|
29
|
+
overflow: "hidden",
|
|
30
|
+
flexDirection: "row",
|
|
42
31
|
backgroundColor: "$background"
|
|
43
32
|
}
|
|
33
|
+
},
|
|
34
|
+
size: {
|
|
35
|
+
"...size": (val, { tokens }) => ({
|
|
36
|
+
minHeight: tokens.size[val],
|
|
37
|
+
paddingHorizontal: tokens.space[val],
|
|
38
|
+
paddingVertical: getSpace(tokens.space[val], {
|
|
39
|
+
shift: -4
|
|
40
|
+
})
|
|
41
|
+
})
|
|
42
|
+
},
|
|
43
|
+
active: {
|
|
44
|
+
true: {
|
|
45
|
+
hoverStyle: {
|
|
46
|
+
backgroundColor: "$background"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
disabled: {
|
|
51
|
+
true: {
|
|
52
|
+
opacity: 0.5,
|
|
53
|
+
// TODO breaking types
|
|
54
|
+
pointerEvents: "none"
|
|
55
|
+
}
|
|
44
56
|
}
|
|
45
57
|
},
|
|
46
|
-
disabled: {
|
|
47
|
-
true: {
|
|
48
|
-
opacity: 0.5,
|
|
49
|
-
// TODO breaking types
|
|
50
|
-
pointerEvents: "none"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}, ListItemFrame = styled(ThemeableStack, {
|
|
54
|
-
name: NAME,
|
|
55
|
-
tag: "li",
|
|
56
|
-
variants: listItemVariants,
|
|
57
58
|
defaultVariants: {
|
|
58
59
|
unstyled: !1
|
|
59
60
|
}
|
|
@@ -162,19 +163,8 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
162
163
|
};
|
|
163
164
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
164
165
|
const { props: listItemProps } = useListItem(props);
|
|
165
|
-
return /* @__PURE__ */ jsx(ListItemFrame, { ref,
|
|
166
|
-
}),
|
|
167
|
-
inlineProps: /* @__PURE__ */ new Set([
|
|
168
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
169
|
-
"color",
|
|
170
|
-
"fontWeight",
|
|
171
|
-
"fontSize",
|
|
172
|
-
"fontFamily",
|
|
173
|
-
"letterSpacing",
|
|
174
|
-
"textAlign",
|
|
175
|
-
"ellipse"
|
|
176
|
-
])
|
|
177
|
-
}, ListItem2 = withStaticProperties(ListItemComponent, {
|
|
166
|
+
return /* @__PURE__ */ jsx(ListItemFrame, { ref, ...listItemProps });
|
|
167
|
+
}), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
178
168
|
Text: ListItemText,
|
|
179
169
|
Subtitle: ListItemSubtitle
|
|
180
170
|
});
|
|
@@ -184,8 +174,6 @@ export {
|
|
|
184
174
|
ListItemSubtitle,
|
|
185
175
|
ListItemText,
|
|
186
176
|
ListItemTitle,
|
|
187
|
-
listItemStaticConfig,
|
|
188
|
-
listItemVariants,
|
|
189
177
|
useListItem
|
|
190
178
|
};
|
|
191
179
|
//# sourceMappingURL=ListItem.js.map
|
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": "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;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
|
@@ -13,47 +13,48 @@ import {
|
|
|
13
13
|
withStaticProperties
|
|
14
14
|
} from "@tamagui/web";
|
|
15
15
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
-
const NAME = "ListItem",
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
"...size": (val, { tokens }) => ({
|
|
32
|
-
minHeight: tokens.size[val],
|
|
33
|
-
paddingHorizontal: tokens.space[val],
|
|
34
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
35
|
-
shift: -4
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
},
|
|
39
|
-
active: {
|
|
40
|
-
true: {
|
|
41
|
-
hoverStyle: {
|
|
16
|
+
const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
17
|
+
name: NAME,
|
|
18
|
+
tag: "li",
|
|
19
|
+
variants: {
|
|
20
|
+
unstyled: {
|
|
21
|
+
false: {
|
|
22
|
+
size: "$true",
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
justifyContent: "space-between",
|
|
25
|
+
flexWrap: "nowrap",
|
|
26
|
+
width: "100%",
|
|
27
|
+
borderColor: "$borderColor",
|
|
28
|
+
maxWidth: "100%",
|
|
29
|
+
overflow: "hidden",
|
|
30
|
+
flexDirection: "row",
|
|
42
31
|
backgroundColor: "$background"
|
|
43
32
|
}
|
|
33
|
+
},
|
|
34
|
+
size: {
|
|
35
|
+
"...size": (val, { tokens }) => ({
|
|
36
|
+
minHeight: tokens.size[val],
|
|
37
|
+
paddingHorizontal: tokens.space[val],
|
|
38
|
+
paddingVertical: getSpace(tokens.space[val], {
|
|
39
|
+
shift: -4
|
|
40
|
+
})
|
|
41
|
+
})
|
|
42
|
+
},
|
|
43
|
+
active: {
|
|
44
|
+
true: {
|
|
45
|
+
hoverStyle: {
|
|
46
|
+
backgroundColor: "$background"
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
disabled: {
|
|
51
|
+
true: {
|
|
52
|
+
opacity: 0.5,
|
|
53
|
+
// TODO breaking types
|
|
54
|
+
pointerEvents: "none"
|
|
55
|
+
}
|
|
44
56
|
}
|
|
45
57
|
},
|
|
46
|
-
disabled: {
|
|
47
|
-
true: {
|
|
48
|
-
opacity: 0.5,
|
|
49
|
-
// TODO breaking types
|
|
50
|
-
pointerEvents: "none"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}, ListItemFrame = styled(ThemeableStack, {
|
|
54
|
-
name: NAME,
|
|
55
|
-
tag: "li",
|
|
56
|
-
variants: listItemVariants,
|
|
57
58
|
defaultVariants: {
|
|
58
59
|
unstyled: !1
|
|
59
60
|
}
|
|
@@ -162,19 +163,8 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
162
163
|
};
|
|
163
164
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
164
165
|
const { props: listItemProps } = useListItem(props);
|
|
165
|
-
return /* @__PURE__ */ jsx(ListItemFrame, { ref,
|
|
166
|
-
}),
|
|
167
|
-
inlineProps: /* @__PURE__ */ new Set([
|
|
168
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
169
|
-
"color",
|
|
170
|
-
"fontWeight",
|
|
171
|
-
"fontSize",
|
|
172
|
-
"fontFamily",
|
|
173
|
-
"letterSpacing",
|
|
174
|
-
"textAlign",
|
|
175
|
-
"ellipse"
|
|
176
|
-
])
|
|
177
|
-
}, ListItem2 = withStaticProperties(ListItemComponent, {
|
|
166
|
+
return /* @__PURE__ */ jsx(ListItemFrame, { ref, ...listItemProps });
|
|
167
|
+
}), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
178
168
|
Text: ListItemText,
|
|
179
169
|
Subtitle: ListItemSubtitle
|
|
180
170
|
});
|
|
@@ -184,8 +174,6 @@ export {
|
|
|
184
174
|
ListItemSubtitle,
|
|
185
175
|
ListItemText,
|
|
186
176
|
ListItemTitle,
|
|
187
|
-
listItemStaticConfig,
|
|
188
|
-
listItemVariants,
|
|
189
177
|
useListItem
|
|
190
178
|
};
|
|
191
179
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -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;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
package/dist/jsx/ListItem.js
CHANGED
|
@@ -12,47 +12,48 @@ import {
|
|
|
12
12
|
useProps,
|
|
13
13
|
withStaticProperties
|
|
14
14
|
} from "@tamagui/web";
|
|
15
|
-
const NAME = "ListItem",
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"...size": (val, { tokens }) => ({
|
|
31
|
-
minHeight: tokens.size[val],
|
|
32
|
-
paddingHorizontal: tokens.space[val],
|
|
33
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
34
|
-
shift: -4
|
|
35
|
-
})
|
|
36
|
-
})
|
|
37
|
-
},
|
|
38
|
-
active: {
|
|
39
|
-
true: {
|
|
40
|
-
hoverStyle: {
|
|
15
|
+
const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
16
|
+
name: NAME,
|
|
17
|
+
tag: "li",
|
|
18
|
+
variants: {
|
|
19
|
+
unstyled: {
|
|
20
|
+
false: {
|
|
21
|
+
size: "$true",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
justifyContent: "space-between",
|
|
24
|
+
flexWrap: "nowrap",
|
|
25
|
+
width: "100%",
|
|
26
|
+
borderColor: "$borderColor",
|
|
27
|
+
maxWidth: "100%",
|
|
28
|
+
overflow: "hidden",
|
|
29
|
+
flexDirection: "row",
|
|
41
30
|
backgroundColor: "$background"
|
|
42
31
|
}
|
|
32
|
+
},
|
|
33
|
+
size: {
|
|
34
|
+
"...size": (val, { tokens }) => ({
|
|
35
|
+
minHeight: tokens.size[val],
|
|
36
|
+
paddingHorizontal: tokens.space[val],
|
|
37
|
+
paddingVertical: getSpace(tokens.space[val], {
|
|
38
|
+
shift: -4
|
|
39
|
+
})
|
|
40
|
+
})
|
|
41
|
+
},
|
|
42
|
+
active: {
|
|
43
|
+
true: {
|
|
44
|
+
hoverStyle: {
|
|
45
|
+
backgroundColor: "$background"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
disabled: {
|
|
50
|
+
true: {
|
|
51
|
+
opacity: 0.5,
|
|
52
|
+
// TODO breaking types
|
|
53
|
+
pointerEvents: "none"
|
|
54
|
+
}
|
|
43
55
|
}
|
|
44
56
|
},
|
|
45
|
-
disabled: {
|
|
46
|
-
true: {
|
|
47
|
-
opacity: 0.5,
|
|
48
|
-
// TODO breaking types
|
|
49
|
-
pointerEvents: "none"
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}, ListItemFrame = styled(ThemeableStack, {
|
|
53
|
-
name: NAME,
|
|
54
|
-
tag: "li",
|
|
55
|
-
variants: listItemVariants,
|
|
56
57
|
defaultVariants: {
|
|
57
58
|
unstyled: !1
|
|
58
59
|
}
|
|
@@ -167,19 +168,8 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
167
168
|
};
|
|
168
169
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
169
170
|
const { props: listItemProps } = useListItem(props);
|
|
170
|
-
return <ListItemFrame ref={ref}
|
|
171
|
-
}),
|
|
172
|
-
inlineProps: /* @__PURE__ */ new Set([
|
|
173
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
174
|
-
"color",
|
|
175
|
-
"fontWeight",
|
|
176
|
-
"fontSize",
|
|
177
|
-
"fontFamily",
|
|
178
|
-
"letterSpacing",
|
|
179
|
-
"textAlign",
|
|
180
|
-
"ellipse"
|
|
181
|
-
])
|
|
182
|
-
}, ListItem2 = withStaticProperties(ListItemComponent, {
|
|
171
|
+
return <ListItemFrame ref={ref} {...listItemProps} />;
|
|
172
|
+
}), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
183
173
|
Text: ListItemText,
|
|
184
174
|
Subtitle: ListItemSubtitle
|
|
185
175
|
});
|
|
@@ -189,8 +179,6 @@ export {
|
|
|
189
179
|
ListItemSubtitle,
|
|
190
180
|
ListItemText,
|
|
191
181
|
ListItemTitle,
|
|
192
|
-
listItemStaticConfig,
|
|
193
|
-
listItemVariants,
|
|
194
182
|
useListItem
|
|
195
183
|
};
|
|
196
184
|
//# sourceMappingURL=ListItem.js.map
|
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,YAEA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["ListItem"]
|
|
6
6
|
}
|
|
@@ -12,47 +12,48 @@ import {
|
|
|
12
12
|
useProps,
|
|
13
13
|
withStaticProperties
|
|
14
14
|
} from "@tamagui/web";
|
|
15
|
-
const NAME = "ListItem",
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"...size": (val, { tokens }) => ({
|
|
31
|
-
minHeight: tokens.size[val],
|
|
32
|
-
paddingHorizontal: tokens.space[val],
|
|
33
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
34
|
-
shift: -4
|
|
35
|
-
})
|
|
36
|
-
})
|
|
37
|
-
},
|
|
38
|
-
active: {
|
|
39
|
-
true: {
|
|
40
|
-
hoverStyle: {
|
|
15
|
+
const NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
16
|
+
name: NAME,
|
|
17
|
+
tag: "li",
|
|
18
|
+
variants: {
|
|
19
|
+
unstyled: {
|
|
20
|
+
false: {
|
|
21
|
+
size: "$true",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
justifyContent: "space-between",
|
|
24
|
+
flexWrap: "nowrap",
|
|
25
|
+
width: "100%",
|
|
26
|
+
borderColor: "$borderColor",
|
|
27
|
+
maxWidth: "100%",
|
|
28
|
+
overflow: "hidden",
|
|
29
|
+
flexDirection: "row",
|
|
41
30
|
backgroundColor: "$background"
|
|
42
31
|
}
|
|
32
|
+
},
|
|
33
|
+
size: {
|
|
34
|
+
"...size": (val, { tokens }) => ({
|
|
35
|
+
minHeight: tokens.size[val],
|
|
36
|
+
paddingHorizontal: tokens.space[val],
|
|
37
|
+
paddingVertical: getSpace(tokens.space[val], {
|
|
38
|
+
shift: -4
|
|
39
|
+
})
|
|
40
|
+
})
|
|
41
|
+
},
|
|
42
|
+
active: {
|
|
43
|
+
true: {
|
|
44
|
+
hoverStyle: {
|
|
45
|
+
backgroundColor: "$background"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
disabled: {
|
|
50
|
+
true: {
|
|
51
|
+
opacity: 0.5,
|
|
52
|
+
// TODO breaking types
|
|
53
|
+
pointerEvents: "none"
|
|
54
|
+
}
|
|
43
55
|
}
|
|
44
56
|
},
|
|
45
|
-
disabled: {
|
|
46
|
-
true: {
|
|
47
|
-
opacity: 0.5,
|
|
48
|
-
// TODO breaking types
|
|
49
|
-
pointerEvents: "none"
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}, ListItemFrame = styled(ThemeableStack, {
|
|
53
|
-
name: NAME,
|
|
54
|
-
tag: "li",
|
|
55
|
-
variants: listItemVariants,
|
|
56
57
|
defaultVariants: {
|
|
57
58
|
unstyled: !1
|
|
58
59
|
}
|
|
@@ -167,19 +168,8 @@ const NAME = "ListItem", listItemVariants = {
|
|
|
167
168
|
};
|
|
168
169
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
169
170
|
const { props: listItemProps } = useListItem(props);
|
|
170
|
-
return <ListItemFrame ref={ref}
|
|
171
|
-
}),
|
|
172
|
-
inlineProps: /* @__PURE__ */ new Set([
|
|
173
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
174
|
-
"color",
|
|
175
|
-
"fontWeight",
|
|
176
|
-
"fontSize",
|
|
177
|
-
"fontFamily",
|
|
178
|
-
"letterSpacing",
|
|
179
|
-
"textAlign",
|
|
180
|
-
"ellipse"
|
|
181
|
-
])
|
|
182
|
-
}, ListItem2 = withStaticProperties(ListItemComponent, {
|
|
171
|
+
return <ListItemFrame ref={ref} {...listItemProps} />;
|
|
172
|
+
}), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
183
173
|
Text: ListItemText,
|
|
184
174
|
Subtitle: ListItemSubtitle
|
|
185
175
|
});
|
|
@@ -189,8 +179,6 @@ export {
|
|
|
189
179
|
ListItemSubtitle,
|
|
190
180
|
ListItemText,
|
|
191
181
|
ListItemTitle,
|
|
192
|
-
listItemStaticConfig,
|
|
193
|
-
listItemVariants,
|
|
194
182
|
useListItem
|
|
195
183
|
};
|
|
196
184
|
//# sourceMappingURL=ListItem.js.map
|
|
@@ -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,YAEA,
|
|
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.74.
|
|
3
|
+
"version": "1.74.14",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -23,18 +23,18 @@
|
|
|
23
23
|
"clean:build": "tamagui-build clean:build"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@tamagui/font-size": "1.74.
|
|
27
|
-
"@tamagui/get-font-sized": "1.74.
|
|
28
|
-
"@tamagui/get-token": "1.74.
|
|
29
|
-
"@tamagui/helpers-tamagui": "1.74.
|
|
30
|
-
"@tamagui/text": "1.74.
|
|
31
|
-
"@tamagui/web": "1.74.
|
|
26
|
+
"@tamagui/font-size": "1.74.14",
|
|
27
|
+
"@tamagui/get-font-sized": "1.74.14",
|
|
28
|
+
"@tamagui/get-token": "1.74.14",
|
|
29
|
+
"@tamagui/helpers-tamagui": "1.74.14",
|
|
30
|
+
"@tamagui/text": "1.74.14",
|
|
31
|
+
"@tamagui/web": "1.74.14"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "*"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
|
-
"@tamagui/build": "1.74.
|
|
37
|
+
"@tamagui/build": "1.74.14",
|
|
38
38
|
"react": "^18.2.0"
|
|
39
39
|
},
|
|
40
40
|
"publishConfig": {
|
package/src/ListItem.tsx
CHANGED
|
@@ -63,55 +63,54 @@ export type ListItemProps = Omit<TextParentStyles, 'TextComponent' | 'noTextWrap
|
|
|
63
63
|
|
|
64
64
|
const NAME = 'ListItem'
|
|
65
65
|
|
|
66
|
-
export const
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
size: '$true',
|
|
70
|
-
alignItems: 'center',
|
|
71
|
-
flexWrap: 'nowrap',
|
|
72
|
-
width: '100%',
|
|
73
|
-
borderColor: '$borderColor',
|
|
74
|
-
maxWidth: '100%',
|
|
75
|
-
overflow: 'hidden',
|
|
76
|
-
flexDirection: 'row',
|
|
77
|
-
backgroundColor: '$background',
|
|
78
|
-
},
|
|
79
|
-
},
|
|
80
|
-
|
|
81
|
-
size: {
|
|
82
|
-
'...size': (val: SizeTokens, { tokens }) => {
|
|
83
|
-
return {
|
|
84
|
-
minHeight: tokens.size[val],
|
|
85
|
-
paddingHorizontal: tokens.space[val],
|
|
86
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
87
|
-
shift: -4,
|
|
88
|
-
}),
|
|
89
|
-
}
|
|
90
|
-
},
|
|
91
|
-
},
|
|
66
|
+
export const ListItemFrame = styled(ThemeableStack, {
|
|
67
|
+
name: NAME,
|
|
68
|
+
tag: 'li',
|
|
92
69
|
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
70
|
+
variants: {
|
|
71
|
+
unstyled: {
|
|
72
|
+
false: {
|
|
73
|
+
size: '$true',
|
|
74
|
+
alignItems: 'center',
|
|
75
|
+
justifyContent: 'space-between',
|
|
76
|
+
flexWrap: 'nowrap',
|
|
77
|
+
width: '100%',
|
|
78
|
+
borderColor: '$borderColor',
|
|
79
|
+
maxWidth: '100%',
|
|
80
|
+
overflow: 'hidden',
|
|
81
|
+
flexDirection: 'row',
|
|
96
82
|
backgroundColor: '$background',
|
|
97
83
|
},
|
|
98
84
|
},
|
|
99
|
-
},
|
|
100
85
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
86
|
+
size: {
|
|
87
|
+
'...size': (val: SizeTokens, { tokens }) => {
|
|
88
|
+
return {
|
|
89
|
+
minHeight: tokens.size[val],
|
|
90
|
+
paddingHorizontal: tokens.space[val],
|
|
91
|
+
paddingVertical: getSpace(tokens.space[val], {
|
|
92
|
+
shift: -4,
|
|
93
|
+
}),
|
|
94
|
+
}
|
|
95
|
+
},
|
|
106
96
|
},
|
|
107
|
-
},
|
|
108
|
-
} as const
|
|
109
97
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
98
|
+
active: {
|
|
99
|
+
true: {
|
|
100
|
+
hoverStyle: {
|
|
101
|
+
backgroundColor: '$background',
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
},
|
|
113
105
|
|
|
114
|
-
|
|
106
|
+
disabled: {
|
|
107
|
+
true: {
|
|
108
|
+
opacity: 0.5,
|
|
109
|
+
// TODO breaking types
|
|
110
|
+
pointerEvents: 'none' as any,
|
|
111
|
+
},
|
|
112
|
+
},
|
|
113
|
+
} as const,
|
|
115
114
|
|
|
116
115
|
defaultVariants: {
|
|
117
116
|
unstyled: false,
|
|
@@ -284,22 +283,9 @@ const ListItemComponent = ListItemFrame.styleable<ListItemProps>(function ListIt
|
|
|
284
283
|
ref
|
|
285
284
|
) {
|
|
286
285
|
const { props: listItemProps } = useListItem(props)
|
|
287
|
-
return <ListItemFrame ref={ref}
|
|
286
|
+
return <ListItemFrame ref={ref} {...listItemProps} />
|
|
288
287
|
})
|
|
289
288
|
|
|
290
|
-
export const listItemStaticConfig = {
|
|
291
|
-
inlineProps: new Set([
|
|
292
|
-
// text props go here (can't really optimize them, but we never fully extract listItem anyway)
|
|
293
|
-
'color',
|
|
294
|
-
'fontWeight',
|
|
295
|
-
'fontSize',
|
|
296
|
-
'fontFamily',
|
|
297
|
-
'letterSpacing',
|
|
298
|
-
'textAlign',
|
|
299
|
-
'ellipse',
|
|
300
|
-
]),
|
|
301
|
-
}
|
|
302
|
-
|
|
303
289
|
export const ListItem = withStaticProperties(ListItemComponent, {
|
|
304
290
|
Text: ListItemText,
|
|
305
291
|
Subtitle: ListItemSubtitle,
|
package/types/ListItem.d.ts
CHANGED
|
@@ -43,43 +43,6 @@ export type ListItemProps = Omit<TextParentStyles, 'TextComponent' | 'noTextWrap
|
|
|
43
43
|
*/
|
|
44
44
|
noTextWrap?: boolean | 'all';
|
|
45
45
|
};
|
|
46
|
-
export declare const listItemVariants: {
|
|
47
|
-
readonly unstyled: {
|
|
48
|
-
readonly false: {
|
|
49
|
-
readonly size: "$true";
|
|
50
|
-
readonly alignItems: "center";
|
|
51
|
-
readonly flexWrap: "nowrap";
|
|
52
|
-
readonly width: "100%";
|
|
53
|
-
readonly borderColor: "$borderColor";
|
|
54
|
-
readonly maxWidth: "100%";
|
|
55
|
-
readonly overflow: "hidden";
|
|
56
|
-
readonly flexDirection: "row";
|
|
57
|
-
readonly backgroundColor: "$background";
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
readonly size: {
|
|
61
|
-
readonly '...size': (val: SizeTokens, { tokens }: {
|
|
62
|
-
tokens: any;
|
|
63
|
-
}) => {
|
|
64
|
-
minHeight: any;
|
|
65
|
-
paddingHorizontal: any;
|
|
66
|
-
paddingVertical: import("@tamagui/web").Variable<number>;
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
readonly active: {
|
|
70
|
-
readonly true: {
|
|
71
|
-
readonly hoverStyle: {
|
|
72
|
-
readonly backgroundColor: "$background";
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
};
|
|
76
|
-
readonly disabled: {
|
|
77
|
-
readonly true: {
|
|
78
|
-
readonly opacity: 0.5;
|
|
79
|
-
readonly pointerEvents: any;
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
};
|
|
83
46
|
export declare const ListItemFrame: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").WebOnlyPressEvents & import("@tamagui/web").TamaguiComponentPropsBaseBase & {
|
|
84
47
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
|
85
48
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
|
|
@@ -501,7 +464,7 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
501
464
|
borderTopRightRadius?: number | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").Variable<any> | undefined;
|
|
502
465
|
borderTopStartRadius?: number | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").Variable<any> | undefined;
|
|
503
466
|
opacity?: import("react-native").AnimatableNumericValue | undefined;
|
|
504
|
-
alignContent?: "center" | "
|
|
467
|
+
alignContent?: "center" | "space-between" | "flex-start" | "flex-end" | "stretch" | "space-around" | undefined;
|
|
505
468
|
alignItems?: import("react-native").FlexAlignType | undefined;
|
|
506
469
|
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
|
|
507
470
|
aspectRatio?: string | number | undefined;
|
|
@@ -521,7 +484,7 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
521
484
|
flexShrink?: number | undefined;
|
|
522
485
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
|
|
523
486
|
height?: number | import("react-native").Animated.AnimatedNode | SizeTokens | import("@tamagui/web").Variable<any> | null | undefined;
|
|
524
|
-
justifyContent?: "center" | "
|
|
487
|
+
justifyContent?: "center" | "space-between" | "flex-start" | "flex-end" | "space-around" | "space-evenly" | undefined;
|
|
525
488
|
left?: number | boolean | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | null | undefined;
|
|
526
489
|
margin?: number | boolean | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | null | undefined;
|
|
527
490
|
marginBottom?: number | boolean | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/web").UnionableNumber | import("@tamagui/web").UnionableString | import("@tamagui/web").Variable<any> | null | undefined;
|
|
@@ -594,6 +557,7 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
594
557
|
rotateX?: string | undefined;
|
|
595
558
|
rotateZ?: string | undefined;
|
|
596
559
|
group?: undefined;
|
|
560
|
+
onFocus?: (React.FocusEventHandler<HTMLDivElement> & ((event: React.FocusEvent<HTMLDivElement, Element>) => void)) | undefined;
|
|
597
561
|
onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
598
562
|
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
599
563
|
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
@@ -605,6 +569,7 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
605
569
|
onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
606
570
|
onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
607
571
|
onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
|
|
572
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
|
|
608
573
|
target?: string | undefined;
|
|
609
574
|
asChild?: boolean | "web" | "except-style" | "except-style-web" | undefined;
|
|
610
575
|
dangerouslySetInnerHTML?: {
|
|
@@ -620,7 +585,6 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
620
585
|
disableOptimization?: boolean | undefined;
|
|
621
586
|
forceStyle?: "hover" | "press" | "focus" | undefined;
|
|
622
587
|
disableClassName?: boolean | undefined;
|
|
623
|
-
onFocus?: ((event: React.FocusEvent<HTMLDivElement, Element>) => void) | undefined;
|
|
624
588
|
onScroll?: ((event: React.UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
|
|
625
589
|
hoverStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").WebOnlyPressEvents & import("@tamagui/web").TamaguiComponentPropsBaseBase & {
|
|
626
590
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
|
@@ -737,7 +701,6 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
737
701
|
readonly active?: boolean | undefined;
|
|
738
702
|
readonly disabled?: boolean | undefined;
|
|
739
703
|
}> | null | undefined;
|
|
740
|
-
size?: SizeTokens | undefined;
|
|
741
704
|
rel?: any;
|
|
742
705
|
download?: any;
|
|
743
706
|
dataSet?: Record<string, string | number | null | undefined> | undefined;
|
|
@@ -754,12 +717,10 @@ export declare const useListItem: (propsIn: ListItemProps, { Text, Subtitle, Tit
|
|
|
754
717
|
elevationAndroid?: string | number | undefined;
|
|
755
718
|
themeInverse?: boolean | undefined;
|
|
756
719
|
themeReset?: boolean | undefined;
|
|
720
|
+
size?: SizeTokens | undefined;
|
|
757
721
|
active?: boolean | undefined;
|
|
758
722
|
};
|
|
759
723
|
};
|
|
760
|
-
export declare const listItemStaticConfig: {
|
|
761
|
-
inlineProps: Set<string>;
|
|
762
|
-
};
|
|
763
724
|
export declare const ListItem: import("@tamagui/web").ReactComponentWithRef<Omit<TextParentStyles, "TextComponent" | "noTextWrap"> & Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").WebOnlyPressEvents & import("@tamagui/web").TamaguiComponentPropsBaseBase & {
|
|
764
725
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
|
|
765
726
|
} & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
|
|
@@ -928,7 +889,7 @@ export declare const ListItem: import("@tamagui/web").ReactComponentWithRef<Omit
|
|
|
928
889
|
readonly size?: SizeTokens | undefined;
|
|
929
890
|
readonly active?: boolean | undefined;
|
|
930
891
|
readonly disabled?: boolean | undefined;
|
|
931
|
-
}>> & ThemeableProps, "noTextWrap" | "color" | "fontWeight" | "fontSize" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "ellipse" | "maxFontSizeMultiplier" | "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" | "group" | `$${string}` | `$${number}` | `$theme-${string}` | `$theme-${number}` | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "disabled" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "target" | "asChild" | "dangerouslySetInnerHTML" | "debug" | "className" | "themeShallow" | "tag" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "
|
|
892
|
+
}>> & ThemeableProps, "noTextWrap" | "color" | "fontWeight" | "fontSize" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "ellipse" | "maxFontSizeMultiplier" | "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" | "group" | "onFocus" | `$${string}` | `$${number}` | `$theme-${string}` | `$theme-${number}` | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "disabled" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onBlur" | "target" | "asChild" | "dangerouslySetInnerHTML" | "debug" | "className" | "themeShallow" | "tag" | "untilMeasured" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "onScroll" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | "themeInverse" | "themeReset" | "size" | "unstyled" | "active" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace" | "title" | "subTitle">, import("@tamagui/web").TamaguiElement> & {
|
|
932
893
|
staticConfig: import("@tamagui/web").StaticConfig;
|
|
933
894
|
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").WebOnlyPressEvents & import("@tamagui/web").TamaguiComponentPropsBaseBase & {
|
|
934
895
|
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,
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"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"}
|