@tamagui/card 3.0.0-beta.922.1 → 3.0.0
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/Card.cjs +2 -17
- package/dist/cjs/Card.native.cjs +2 -21
- package/dist/cjs/Card.native.js +2 -21
- package/dist/cjs/Card.native.js.map +1 -1
- package/dist/esm/Card.mjs +3 -18
- package/dist/esm/Card.mjs.map +1 -1
- package/dist/esm/Card.native.js +3 -22
- package/dist/esm/Card.native.js.map +1 -1
- package/dist/jsx/Card.mjs +3 -18
- package/dist/jsx/Card.mjs.map +1 -1
- package/dist/jsx/Card.native.cjs +2 -21
- package/dist/jsx/Card.native.js +2 -21
- package/dist/jsx/Card.native.js.map +1 -1
- package/package.json +10 -9
- package/src/Card.tsx +4 -35
- package/types/Card.d.ts +24 -90
- package/types/Card.d.ts.map +1 -1
package/dist/cjs/Card.cjs
CHANGED
|
@@ -28,31 +28,16 @@ __export(Card_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(Card_exports);
|
|
30
30
|
var import_stacks = require("@tamagui/stacks");
|
|
31
|
-
var import_size = require("@tamagui/size");
|
|
32
31
|
var import_web = require("@tamagui/web");
|
|
33
|
-
const CardContext = (0, import_web.createStyledContext)({ size: true });
|
|
34
|
-
const cardRadiusVariant = import_web.styled.dynamic((val, { tokens }) => {
|
|
35
|
-
const radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
|
|
36
|
-
return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
|
|
37
|
-
});
|
|
38
|
-
const cardPaddingVariant = import_web.styled.dynamic((val, { tokens }) => {
|
|
39
|
-
const spaceToken = (0, import_size.resolveSizeToken)(val, "space");
|
|
40
|
-
return { padding: tokens.space[spaceToken] ?? spaceToken };
|
|
41
|
-
});
|
|
42
32
|
const CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
43
33
|
displayName: "Card",
|
|
44
|
-
|
|
45
|
-
size: true,
|
|
46
|
-
position: "relative",
|
|
47
|
-
variants: { size: cardRadiusVariant }
|
|
34
|
+
position: "relative"
|
|
48
35
|
});
|
|
49
36
|
const CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
50
37
|
displayName: "CardHeader",
|
|
51
|
-
context: CardContext,
|
|
52
38
|
zIndex: 10,
|
|
53
39
|
backgroundColor: "transparent",
|
|
54
|
-
marginBottom: "auto"
|
|
55
|
-
variants: { size: cardPaddingVariant }
|
|
40
|
+
marginBottom: "auto"
|
|
56
41
|
});
|
|
57
42
|
const CardFooter = (0, import_web.styled)(CardHeader, {
|
|
58
43
|
displayName: "CardFooter",
|
package/dist/cjs/Card.native.cjs
CHANGED
|
@@ -30,35 +30,16 @@ __export(Card_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(Card_exports);
|
|
32
32
|
var import_stacks = require("@tamagui/stacks");
|
|
33
|
-
var import_size = require("@tamagui/size");
|
|
34
33
|
var import_web = require("@tamagui/web");
|
|
35
|
-
var CardContext = (0, import_web.createStyledContext)({ size: true });
|
|
36
|
-
var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
|
|
37
|
-
var { tokens } = param;
|
|
38
|
-
var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
|
|
39
|
-
var _tokens_radius_radiusToken;
|
|
40
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
41
|
-
});
|
|
42
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
|
|
43
|
-
var { tokens } = param;
|
|
44
|
-
var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
|
|
45
|
-
var _tokens_space_spaceToken;
|
|
46
|
-
return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
|
|
47
|
-
});
|
|
48
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
49
35
|
displayName: "Card",
|
|
50
|
-
|
|
51
|
-
size: true,
|
|
52
|
-
position: "relative",
|
|
53
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
54
37
|
});
|
|
55
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
56
39
|
displayName: "CardHeader",
|
|
57
|
-
context: CardContext,
|
|
58
40
|
zIndex: 10,
|
|
59
41
|
backgroundColor: "transparent",
|
|
60
|
-
marginBottom: "auto"
|
|
61
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
62
43
|
});
|
|
63
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
64
45
|
displayName: "CardFooter",
|
package/dist/cjs/Card.native.js
CHANGED
|
@@ -30,35 +30,16 @@ __export(Card_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(Card_exports);
|
|
32
32
|
var import_stacks = require("@tamagui/stacks");
|
|
33
|
-
var import_size = require("@tamagui/size");
|
|
34
33
|
var import_web = require("@tamagui/web");
|
|
35
|
-
var CardContext = (0, import_web.createStyledContext)({ size: true });
|
|
36
|
-
var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
|
|
37
|
-
var { tokens } = param;
|
|
38
|
-
var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
|
|
39
|
-
var _tokens_radius_radiusToken;
|
|
40
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
41
|
-
});
|
|
42
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
|
|
43
|
-
var { tokens } = param;
|
|
44
|
-
var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
|
|
45
|
-
var _tokens_space_spaceToken;
|
|
46
|
-
return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
|
|
47
|
-
});
|
|
48
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
49
35
|
displayName: "Card",
|
|
50
|
-
|
|
51
|
-
size: true,
|
|
52
|
-
position: "relative",
|
|
53
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
54
37
|
});
|
|
55
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
56
39
|
displayName: "CardHeader",
|
|
57
|
-
context: CardContext,
|
|
58
40
|
zIndex: 10,
|
|
59
41
|
backgroundColor: "transparent",
|
|
60
|
-
marginBottom: "auto"
|
|
61
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
62
43
|
});
|
|
63
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
64
45
|
displayName: "CardFooter",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.native.js","names":[],"sources":["cjs/Card.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Card_exports = {};\n__export(Card_exports, {\n Card: () => Card,\n CardBackground: () => CardBackground,\n CardFooter: () => CardFooter,\n CardFrame: () => CardFrame,\n CardHeader: () => CardHeader\n});\nmodule.exports = __toCommonJS(Card_exports);\nvar import_stacks = require(\"@tamagui/stacks\");\nvar
|
|
1
|
+
{"version":3,"file":"Card.native.js","names":[],"sources":["cjs/Card.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Card_exports = {};\n__export(Card_exports, {\n Card: () => Card,\n CardBackground: () => CardBackground,\n CardFooter: () => CardFooter,\n CardFrame: () => CardFrame,\n CardHeader: () => CardHeader\n});\nmodule.exports = __toCommonJS(Card_exports);\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_web = require(\"@tamagui/web\");\nvar CardFrame = (0, import_web.styled)(import_stacks.YStack, {\n displayName: \"Card\",\n position: \"relative\"\n});\nvar CardHeader = (0, import_web.styled)(import_stacks.YStack, {\n displayName: \"CardHeader\",\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\"\n});\nvar CardFooter = (0, import_web.styled)(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nvar CardBackground = (0, import_web.styled)(import_stacks.YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nvar Card = (0, import_web.withStaticProperties)(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,eAAe,CAAC;AACpB,SAAS,cAAc;CACrB,YAAY;CACZ,sBAAsB;CACtB,kBAAkB;CAClB,iBAAiB;CACjB,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,YAAY;AAC1C,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,aAAa,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC3D,aAAa;CACb,UAAU;AACZ,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC5D,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,qBAAoB,CAAE,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
|
package/dist/esm/Card.mjs
CHANGED
|
@@ -1,30 +1,15 @@
|
|
|
1
1
|
import { YStack } from "@tamagui/stacks";
|
|
2
|
-
import {
|
|
3
|
-
import { createStyledContext, styled, withStaticProperties } from "@tamagui/web";
|
|
2
|
+
import { styled, withStaticProperties } from "@tamagui/web";
|
|
4
3
|
|
|
5
|
-
const CardContext = createStyledContext({ size: true });
|
|
6
|
-
const cardRadiusVariant = styled.dynamic((val, { tokens }) => {
|
|
7
|
-
const radiusToken = resolveSizeToken(val, "radius");
|
|
8
|
-
return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
|
|
9
|
-
});
|
|
10
|
-
const cardPaddingVariant = styled.dynamic((val, { tokens }) => {
|
|
11
|
-
const spaceToken = resolveSizeToken(val, "space");
|
|
12
|
-
return { padding: tokens.space[spaceToken] ?? spaceToken };
|
|
13
|
-
});
|
|
14
4
|
const CardFrame = styled(YStack, {
|
|
15
5
|
displayName: "Card",
|
|
16
|
-
|
|
17
|
-
size: true,
|
|
18
|
-
position: "relative",
|
|
19
|
-
variants: { size: cardRadiusVariant }
|
|
6
|
+
position: "relative"
|
|
20
7
|
});
|
|
21
8
|
const CardHeader = styled(YStack, {
|
|
22
9
|
displayName: "CardHeader",
|
|
23
|
-
context: CardContext,
|
|
24
10
|
zIndex: 10,
|
|
25
11
|
backgroundColor: "transparent",
|
|
26
|
-
marginBottom: "auto"
|
|
27
|
-
variants: { size: cardPaddingVariant }
|
|
12
|
+
marginBottom: "auto"
|
|
28
13
|
});
|
|
29
14
|
const CardFooter = styled(CardHeader, {
|
|
30
15
|
displayName: "CardFooter",
|
package/dist/esm/Card.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":[],"sources":["esm/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport {
|
|
1
|
+
{"version":3,"file":"Card.js","names":[],"sources":["esm/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { styled, withStaticProperties } from \"@tamagui/web\";\nconst CardFrame = styled(YStack, {\n displayName: \"Card\",\n position: \"relative\"\n});\nconst CardHeader = styled(YStack, {\n displayName: \"CardHeader\",\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\"\n});\nconst CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nconst CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nconst Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;AAEA,MAAM,YAAY,OAAO,QAAQ;CAC/B,aAAa;CACb,UAAU;AACZ,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,MAAM,aAAa,OAAO,YAAY;CACpC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAO,QAAQ;CACpC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,MAAM,OAAO,qBAAqB,WAAW;CAC3C,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
|
package/dist/esm/Card.native.js
CHANGED
|
@@ -1,34 +1,15 @@
|
|
|
1
1
|
import { YStack } from "@tamagui/stacks";
|
|
2
|
-
import {
|
|
3
|
-
import { createStyledContext, styled, withStaticProperties } from "@tamagui/web";
|
|
2
|
+
import { styled, withStaticProperties } from "@tamagui/web";
|
|
4
3
|
|
|
5
|
-
var CardContext = createStyledContext({ size: true });
|
|
6
|
-
var cardRadiusVariant = styled.dynamic(function(val, param) {
|
|
7
|
-
var { tokens } = param;
|
|
8
|
-
var radiusToken = resolveSizeToken(val, "radius");
|
|
9
|
-
var _tokens_radius_radiusToken;
|
|
10
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
11
|
-
});
|
|
12
|
-
var cardPaddingVariant = styled.dynamic(function(val, param) {
|
|
13
|
-
var { tokens } = param;
|
|
14
|
-
var spaceToken = resolveSizeToken(val, "space");
|
|
15
|
-
var _tokens_space_spaceToken;
|
|
16
|
-
return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
|
|
17
|
-
});
|
|
18
4
|
var CardFrame = styled(YStack, {
|
|
19
5
|
displayName: "Card",
|
|
20
|
-
|
|
21
|
-
size: true,
|
|
22
|
-
position: "relative",
|
|
23
|
-
variants: { size: cardRadiusVariant }
|
|
6
|
+
position: "relative"
|
|
24
7
|
});
|
|
25
8
|
var CardHeader = styled(YStack, {
|
|
26
9
|
displayName: "CardHeader",
|
|
27
|
-
context: CardContext,
|
|
28
10
|
zIndex: 10,
|
|
29
11
|
backgroundColor: "transparent",
|
|
30
|
-
marginBottom: "auto"
|
|
31
|
-
variants: { size: cardPaddingVariant }
|
|
12
|
+
marginBottom: "auto"
|
|
32
13
|
});
|
|
33
14
|
var CardFooter = styled(CardHeader, {
|
|
34
15
|
displayName: "CardFooter",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.native.js","names":[],"sources":["esm/Card.native.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport {
|
|
1
|
+
{"version":3,"file":"Card.native.js","names":[],"sources":["esm/Card.native.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { styled, withStaticProperties } from \"@tamagui/web\";\nvar CardFrame = styled(YStack, {\n displayName: \"Card\",\n position: \"relative\"\n});\nvar CardHeader = styled(YStack, {\n displayName: \"CardHeader\",\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\"\n});\nvar CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nvar CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nvar Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;AAEA,IAAI,YAAY,OAAO,QAAQ;CAC7B,aAAa;CACb,UAAU;AACZ,CAAC;AACD,IAAI,aAAa,OAAO,QAAQ;CAC9B,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,IAAI,aAAa,OAAO,YAAY;CAClC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,iBAAiB,OAAO,QAAQ;CAClC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,OAAO,qBAAqB,WAAW;CACzC,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
|
package/dist/jsx/Card.mjs
CHANGED
|
@@ -1,30 +1,15 @@
|
|
|
1
1
|
import { YStack } from "@tamagui/stacks";
|
|
2
|
-
import {
|
|
3
|
-
import { createStyledContext, styled, withStaticProperties } from "@tamagui/web";
|
|
2
|
+
import { styled, withStaticProperties } from "@tamagui/web";
|
|
4
3
|
|
|
5
|
-
const CardContext = createStyledContext({ size: true });
|
|
6
|
-
const cardRadiusVariant = styled.dynamic((val, { tokens }) => {
|
|
7
|
-
const radiusToken = resolveSizeToken(val, "radius");
|
|
8
|
-
return { borderRadius: tokens.radius[radiusToken] ?? radiusToken };
|
|
9
|
-
});
|
|
10
|
-
const cardPaddingVariant = styled.dynamic((val, { tokens }) => {
|
|
11
|
-
const spaceToken = resolveSizeToken(val, "space");
|
|
12
|
-
return { padding: tokens.space[spaceToken] ?? spaceToken };
|
|
13
|
-
});
|
|
14
4
|
const CardFrame = styled(YStack, {
|
|
15
5
|
displayName: "Card",
|
|
16
|
-
|
|
17
|
-
size: true,
|
|
18
|
-
position: "relative",
|
|
19
|
-
variants: { size: cardRadiusVariant }
|
|
6
|
+
position: "relative"
|
|
20
7
|
});
|
|
21
8
|
const CardHeader = styled(YStack, {
|
|
22
9
|
displayName: "CardHeader",
|
|
23
|
-
context: CardContext,
|
|
24
10
|
zIndex: 10,
|
|
25
11
|
backgroundColor: "transparent",
|
|
26
|
-
marginBottom: "auto"
|
|
27
|
-
variants: { size: cardPaddingVariant }
|
|
12
|
+
marginBottom: "auto"
|
|
28
13
|
});
|
|
29
14
|
const CardFooter = styled(CardHeader, {
|
|
30
15
|
displayName: "CardFooter",
|
package/dist/jsx/Card.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":[],"sources":["jsx/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport {
|
|
1
|
+
{"version":3,"file":"Card.js","names":[],"sources":["jsx/Card.js"],"sourcesContent":["import { YStack } from \"@tamagui/stacks\";\nimport { styled, withStaticProperties } from \"@tamagui/web\";\nconst CardFrame = styled(YStack, {\n displayName: \"Card\",\n position: \"relative\"\n});\nconst CardHeader = styled(YStack, {\n displayName: \"CardHeader\",\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\"\n});\nconst CardFooter = styled(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nconst CardBackground = styled(YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nconst Card = withStaticProperties(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\nexport {\n Card,\n CardBackground,\n CardFooter,\n CardFrame,\n CardHeader\n};\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;;AAEA,MAAM,YAAY,OAAO,QAAQ;CAC/B,aAAa;CACb,UAAU;AACZ,CAAC;AACD,MAAM,aAAa,OAAO,QAAQ;CAChC,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,MAAM,aAAa,OAAO,YAAY;CACpC,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,MAAM,iBAAiB,OAAO,QAAQ;CACpC,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,MAAM,OAAO,qBAAqB,WAAW;CAC3C,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
|
package/dist/jsx/Card.native.cjs
CHANGED
|
@@ -30,35 +30,16 @@ __export(Card_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(Card_exports);
|
|
32
32
|
var import_stacks = require("@tamagui/stacks");
|
|
33
|
-
var import_size = require("@tamagui/size");
|
|
34
33
|
var import_web = require("@tamagui/web");
|
|
35
|
-
var CardContext = (0, import_web.createStyledContext)({ size: true });
|
|
36
|
-
var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
|
|
37
|
-
var { tokens } = param;
|
|
38
|
-
var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
|
|
39
|
-
var _tokens_radius_radiusToken;
|
|
40
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
41
|
-
});
|
|
42
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
|
|
43
|
-
var { tokens } = param;
|
|
44
|
-
var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
|
|
45
|
-
var _tokens_space_spaceToken;
|
|
46
|
-
return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
|
|
47
|
-
});
|
|
48
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
49
35
|
displayName: "Card",
|
|
50
|
-
|
|
51
|
-
size: true,
|
|
52
|
-
position: "relative",
|
|
53
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
54
37
|
});
|
|
55
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
56
39
|
displayName: "CardHeader",
|
|
57
|
-
context: CardContext,
|
|
58
40
|
zIndex: 10,
|
|
59
41
|
backgroundColor: "transparent",
|
|
60
|
-
marginBottom: "auto"
|
|
61
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
62
43
|
});
|
|
63
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
64
45
|
displayName: "CardFooter",
|
package/dist/jsx/Card.native.js
CHANGED
|
@@ -30,35 +30,16 @@ __export(Card_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(Card_exports);
|
|
32
32
|
var import_stacks = require("@tamagui/stacks");
|
|
33
|
-
var import_size = require("@tamagui/size");
|
|
34
33
|
var import_web = require("@tamagui/web");
|
|
35
|
-
var CardContext = (0, import_web.createStyledContext)({ size: true });
|
|
36
|
-
var cardRadiusVariant = import_web.styled.dynamic(function(val, param) {
|
|
37
|
-
var { tokens } = param;
|
|
38
|
-
var radiusToken = (0, import_size.resolveSizeToken)(val, "radius");
|
|
39
|
-
var _tokens_radius_radiusToken;
|
|
40
|
-
return { borderRadius: (_tokens_radius_radiusToken = tokens.radius[radiusToken]) !== null && _tokens_radius_radiusToken !== void 0 ? _tokens_radius_radiusToken : radiusToken };
|
|
41
|
-
});
|
|
42
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, param) {
|
|
43
|
-
var { tokens } = param;
|
|
44
|
-
var spaceToken = (0, import_size.resolveSizeToken)(val, "space");
|
|
45
|
-
var _tokens_space_spaceToken;
|
|
46
|
-
return { padding: (_tokens_space_spaceToken = tokens.space[spaceToken]) !== null && _tokens_space_spaceToken !== void 0 ? _tokens_space_spaceToken : spaceToken };
|
|
47
|
-
});
|
|
48
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
49
35
|
displayName: "Card",
|
|
50
|
-
|
|
51
|
-
size: true,
|
|
52
|
-
position: "relative",
|
|
53
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
54
37
|
});
|
|
55
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
56
39
|
displayName: "CardHeader",
|
|
57
|
-
context: CardContext,
|
|
58
40
|
zIndex: 10,
|
|
59
41
|
backgroundColor: "transparent",
|
|
60
|
-
marginBottom: "auto"
|
|
61
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
62
43
|
});
|
|
63
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
64
45
|
displayName: "CardFooter",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.native.js","names":[],"sources":["jsx/Card.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Card_exports = {};\n__export(Card_exports, {\n Card: () => Card,\n CardBackground: () => CardBackground,\n CardFooter: () => CardFooter,\n CardFrame: () => CardFrame,\n CardHeader: () => CardHeader\n});\nmodule.exports = __toCommonJS(Card_exports);\nvar import_stacks = require(\"@tamagui/stacks\");\nvar
|
|
1
|
+
{"version":3,"file":"Card.native.js","names":[],"sources":["jsx/Card.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Card_exports = {};\n__export(Card_exports, {\n Card: () => Card,\n CardBackground: () => CardBackground,\n CardFooter: () => CardFooter,\n CardFrame: () => CardFrame,\n CardHeader: () => CardHeader\n});\nmodule.exports = __toCommonJS(Card_exports);\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_web = require(\"@tamagui/web\");\nvar CardFrame = (0, import_web.styled)(import_stacks.YStack, {\n displayName: \"Card\",\n position: \"relative\"\n});\nvar CardHeader = (0, import_web.styled)(import_stacks.YStack, {\n displayName: \"CardHeader\",\n zIndex: 10,\n backgroundColor: \"transparent\",\n marginBottom: \"auto\"\n});\nvar CardFooter = (0, import_web.styled)(CardHeader, {\n displayName: \"CardFooter\",\n zIndex: 5,\n flexDirection: \"row\",\n marginTop: \"auto\",\n marginBottom: 0\n});\nvar CardBackground = (0, import_web.styled)(import_stacks.YStack, {\n displayName: \"CardBackground\",\n zIndex: 0,\n position: \"absolute\",\n inset: 0,\n overflow: \"hidden\",\n pointerEvents: \"none\",\n padding: 0\n});\nvar Card = (0, import_web.withStaticProperties)(CardFrame, {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground\n});\n//# sourceMappingURL=Card.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,eAAe,CAAC;AACpB,SAAS,cAAc;CACrB,YAAY;CACZ,sBAAsB;CACtB,kBAAkB;CAClB,iBAAiB;CACjB,kBAAkB;AACpB,CAAC;AACD,OAAO,UAAU,aAAa,YAAY;AAC1C,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,aAAa,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC3D,aAAa;CACb,UAAU;AACZ,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAC5D,aAAa;CACb,QAAQ;CACR,iBAAiB;CACjB,cAAc;AAChB,CAAC;AACD,IAAI,cAAc,GAAG,WAAW,OAAM,CAAE,YAAY;CAClD,aAAa;CACb,QAAQ;CACR,eAAe;CACf,WAAW;CACX,cAAc;AAChB,CAAC;AACD,IAAI,kBAAkB,GAAG,WAAW,OAAM,CAAE,cAAc,QAAQ;CAChE,aAAa;CACb,QAAQ;CACR,UAAU;CACV,OAAO;CACP,UAAU;CACV,eAAe;CACf,SAAS;AACX,CAAC;AACD,IAAI,QAAQ,GAAG,WAAW,qBAAoB,CAAE,WAAW;CACzD,QAAQ;CACR,QAAQ;CACR,YAAY;AACd,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/card",
|
|
3
|
-
"version": "3.0.0
|
|
3
|
+
"version": "3.0.0",
|
|
4
|
+
"license": "MIT",
|
|
4
5
|
"source": "src/index.ts",
|
|
5
6
|
"files": [
|
|
6
7
|
"src",
|
|
@@ -34,16 +35,15 @@
|
|
|
34
35
|
"clean:build": "tamagui-build clean:build"
|
|
35
36
|
},
|
|
36
37
|
"dependencies": {
|
|
37
|
-
"@tamagui/create-context": "3.0.0
|
|
38
|
-
"@tamagui/helpers": "3.0.0
|
|
39
|
-
"@tamagui/
|
|
40
|
-
"@tamagui/
|
|
41
|
-
"@tamagui/web": "3.0.0-beta.922.1"
|
|
38
|
+
"@tamagui/create-context": "3.0.0",
|
|
39
|
+
"@tamagui/helpers": "3.0.0",
|
|
40
|
+
"@tamagui/stacks": "3.0.0",
|
|
41
|
+
"@tamagui/web": "3.0.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@tamagui/build": "3.0.0
|
|
44
|
+
"@tamagui/build": "3.0.0",
|
|
45
45
|
"react": "19.2.3",
|
|
46
|
-
"react-native": "0.
|
|
46
|
+
"react-native": "0.87.1"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": ">=19"
|
|
@@ -53,5 +53,6 @@
|
|
|
53
53
|
"type": "git",
|
|
54
54
|
"url": "git+https://github.com/tamagui/tamagui.git",
|
|
55
55
|
"directory": "code/ui/card"
|
|
56
|
-
}
|
|
56
|
+
},
|
|
57
|
+
"releaseSourceCommit": "15fbca480b143f876f6975601e23a17d3f90d2ee"
|
|
57
58
|
}
|
package/src/Card.tsx
CHANGED
|
@@ -1,50 +1,19 @@
|
|
|
1
1
|
import { YStack } from '@tamagui/stacks'
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import { createStyledContext, styled, withStaticProperties } from '@tamagui/web'
|
|
2
|
+
import type { GetProps } from '@tamagui/web'
|
|
3
|
+
import { styled, withStaticProperties } from '@tamagui/web'
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
})
|
|
9
|
-
|
|
10
|
-
const cardRadiusVariant = styled.dynamic<SizeTokens | true>((val, { tokens }) => {
|
|
11
|
-
const radiusToken = resolveSizeToken(val, 'radius')
|
|
12
|
-
return {
|
|
13
|
-
borderRadius: tokens.radius[radiusToken] ?? radiusToken,
|
|
14
|
-
}
|
|
15
|
-
})
|
|
16
|
-
|
|
17
|
-
const cardPaddingVariant = styled.dynamic<SizeTokens | true>((val, { tokens }) => {
|
|
18
|
-
const spaceToken = resolveSizeToken(val, 'space')
|
|
19
|
-
return {
|
|
20
|
-
padding: tokens.space[spaceToken] ?? spaceToken,
|
|
21
|
-
}
|
|
22
|
-
})
|
|
23
|
-
|
|
24
|
-
// Unstyled Card frame: structural layout + the size mechanism (size-derived
|
|
25
|
-
// radius on the frame, size-derived padding on Header/Footer) only. The theme
|
|
26
|
-
// background lives in the tamagui skin (code/ui/tamagui/src/components/Card.tsx).
|
|
5
|
+
// Unstyled Card frame: structural layout only. Radius, padding, and the theme
|
|
6
|
+
// background live in the tamagui skin (code/ui/tamagui/src/components/Card.tsx).
|
|
27
7
|
export const CardFrame = styled(YStack, {
|
|
28
8
|
displayName: 'Card',
|
|
29
|
-
context: CardContext,
|
|
30
|
-
size: true,
|
|
31
9
|
position: 'relative',
|
|
32
|
-
|
|
33
|
-
variants: {
|
|
34
|
-
size: cardRadiusVariant,
|
|
35
|
-
} as const,
|
|
36
10
|
})
|
|
37
11
|
|
|
38
12
|
export const CardHeader = styled(YStack, {
|
|
39
13
|
displayName: 'CardHeader',
|
|
40
|
-
context: CardContext,
|
|
41
14
|
zIndex: 10,
|
|
42
15
|
backgroundColor: 'transparent',
|
|
43
16
|
marginBottom: 'auto',
|
|
44
|
-
|
|
45
|
-
variants: {
|
|
46
|
-
size: cardPaddingVariant,
|
|
47
|
-
} as const,
|
|
48
17
|
})
|
|
49
18
|
|
|
50
19
|
export const CardFooter = styled(CardHeader, {
|
package/types/Card.d.ts
CHANGED
|
@@ -1,112 +1,46 @@
|
|
|
1
1
|
import type { GetProps } from '@tamagui/web';
|
|
2
|
-
export declare const CardFrame: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
3
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
4
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
5
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
2
|
+
export declare const CardFrame: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
6
3
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
7
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
8
|
-
|
|
9
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
10
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
11
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
12
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
13
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
14
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
4
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
5
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
15
6
|
};
|
|
16
|
-
export declare const CardHeader: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
17
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
18
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
19
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
7
|
+
export declare const CardHeader: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
20
8
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
21
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
22
|
-
|
|
23
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
24
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
25
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
26
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
27
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
28
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
9
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
10
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
29
11
|
};
|
|
30
|
-
export declare const CardFooter: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
31
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
32
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
33
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
12
|
+
export declare const CardFooter: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
34
13
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
35
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
36
|
-
|
|
37
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
38
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
39
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
40
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
41
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
42
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
14
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
15
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
43
16
|
};
|
|
44
|
-
export declare const CardBackground: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "
|
|
45
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
46
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
17
|
+
export declare const CardBackground: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
47
18
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
48
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
49
|
-
|
|
50
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
51
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
52
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
53
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
19
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
20
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
54
21
|
};
|
|
55
22
|
export type CardHeaderProps = GetProps<typeof CardHeader>;
|
|
56
23
|
export type CardFooterProps = GetProps<typeof CardFooter>;
|
|
57
24
|
export type CardProps = GetProps<typeof CardFrame>;
|
|
58
|
-
export declare const Card: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
59
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
60
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
61
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
25
|
+
export declare const Card: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
62
26
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
63
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
64
|
-
|
|
65
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
66
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
67
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
68
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
69
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
70
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
27
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
28
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
71
29
|
} & {
|
|
72
|
-
Header: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
73
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
74
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
75
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
30
|
+
Header: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
76
31
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
77
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
78
|
-
|
|
79
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
80
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
81
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
82
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
83
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
84
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
32
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
33
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
85
34
|
};
|
|
86
|
-
Footer: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
87
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
88
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
89
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
35
|
+
Footer: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
90
36
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
91
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
92
|
-
|
|
93
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
94
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
95
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
96
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
97
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
98
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
37
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
38
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
99
39
|
};
|
|
100
|
-
Background: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "
|
|
101
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
102
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
40
|
+
Background: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, never> & Omit<import("@tamagui/web").WithThemeValues<Omit<import("@tamagui/web").StackStyleBase, never>> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>, keyof import("@tamagui/core").RNTamaguiViewNonStyleProps> & {
|
|
103
41
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
104
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
105
|
-
|
|
106
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
107
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
108
|
-
elevation?: number | false | import("@tamagui/web").Size | undefined;
|
|
109
|
-
}, import("@tamagui/web").StaticConfigPublic];
|
|
42
|
+
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
43
|
+
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic];
|
|
110
44
|
};
|
|
111
45
|
};
|
|
112
46
|
//# sourceMappingURL=Card.d.ts.map
|
package/types/Card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../src/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAK5C,eAAO,MAAM,SAAS;;;;CAGpB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;CAKrB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;CAMrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;;CAQzB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AACzD,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAIf,CAAA"}
|