@tamagui/card 3.0.0-beta.1313.1 → 3.0.0-beta.1341.1
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 -15
- package/dist/cjs/Card.native.cjs +2 -15
- package/dist/cjs/Card.native.js +2 -15
- package/dist/cjs/Card.native.js.map +1 -1
- package/dist/esm/Card.mjs +3 -16
- package/dist/esm/Card.mjs.map +1 -1
- package/dist/esm/Card.native.js +3 -16
- package/dist/esm/Card.native.js.map +1 -1
- package/dist/jsx/Card.mjs +3 -16
- package/dist/jsx/Card.mjs.map +1 -1
- package/dist/jsx/Card.native.cjs +2 -15
- package/dist/jsx/Card.native.js +2 -15
- package/dist/jsx/Card.native.js.map +1 -1
- package/package.json +6 -7
- package/src/Card.tsx +4 -33
- package/types/Card.d.ts +18 -54
- package/types/Card.d.ts.map +1 -1
package/dist/cjs/Card.cjs
CHANGED
|
@@ -28,29 +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, env) => {
|
|
35
|
-
return { borderRadius: (0, import_size.resolveSize)(val, env).frame.borderRadius };
|
|
36
|
-
});
|
|
37
|
-
const cardPaddingVariant = import_web.styled.dynamic((val, env) => {
|
|
38
|
-
return { padding: (0, import_size.resolveSize)(val, env).frame.paddingHorizontal };
|
|
39
|
-
});
|
|
40
32
|
const CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
41
33
|
displayName: "Card",
|
|
42
|
-
|
|
43
|
-
size: true,
|
|
44
|
-
position: "relative",
|
|
45
|
-
variants: { size: cardRadiusVariant }
|
|
34
|
+
position: "relative"
|
|
46
35
|
});
|
|
47
36
|
const CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
48
37
|
displayName: "CardHeader",
|
|
49
|
-
context: CardContext,
|
|
50
38
|
zIndex: 10,
|
|
51
39
|
backgroundColor: "transparent",
|
|
52
|
-
marginBottom: "auto"
|
|
53
|
-
variants: { size: cardPaddingVariant }
|
|
40
|
+
marginBottom: "auto"
|
|
54
41
|
});
|
|
55
42
|
const CardFooter = (0, import_web.styled)(CardHeader, {
|
|
56
43
|
displayName: "CardFooter",
|
package/dist/cjs/Card.native.cjs
CHANGED
|
@@ -30,29 +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, env) {
|
|
37
|
-
return { borderRadius: (0, import_size.resolveSize)(val, env).frame.borderRadius };
|
|
38
|
-
});
|
|
39
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, env) {
|
|
40
|
-
return { padding: (0, import_size.resolveSize)(val, env).frame.paddingHorizontal };
|
|
41
|
-
});
|
|
42
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
43
35
|
displayName: "Card",
|
|
44
|
-
|
|
45
|
-
size: true,
|
|
46
|
-
position: "relative",
|
|
47
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
48
37
|
});
|
|
49
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
50
39
|
displayName: "CardHeader",
|
|
51
|
-
context: CardContext,
|
|
52
40
|
zIndex: 10,
|
|
53
41
|
backgroundColor: "transparent",
|
|
54
|
-
marginBottom: "auto"
|
|
55
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
56
43
|
});
|
|
57
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
58
45
|
displayName: "CardFooter",
|
package/dist/cjs/Card.native.js
CHANGED
|
@@ -30,29 +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, env) {
|
|
37
|
-
return { borderRadius: (0, import_size.resolveSize)(val, env).frame.borderRadius };
|
|
38
|
-
});
|
|
39
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, env) {
|
|
40
|
-
return { padding: (0, import_size.resolveSize)(val, env).frame.paddingHorizontal };
|
|
41
|
-
});
|
|
42
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
43
35
|
displayName: "Card",
|
|
44
|
-
|
|
45
|
-
size: true,
|
|
46
|
-
position: "relative",
|
|
47
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
48
37
|
});
|
|
49
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
50
39
|
displayName: "CardHeader",
|
|
51
|
-
context: CardContext,
|
|
52
40
|
zIndex: 10,
|
|
53
41
|
backgroundColor: "transparent",
|
|
54
|
-
marginBottom: "auto"
|
|
55
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
56
43
|
});
|
|
57
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
58
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,28 +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, env) => {
|
|
7
|
-
return { borderRadius: resolveSize(val, env).frame.borderRadius };
|
|
8
|
-
});
|
|
9
|
-
const cardPaddingVariant = styled.dynamic((val, env) => {
|
|
10
|
-
return { padding: resolveSize(val, env).frame.paddingHorizontal };
|
|
11
|
-
});
|
|
12
4
|
const CardFrame = styled(YStack, {
|
|
13
5
|
displayName: "Card",
|
|
14
|
-
|
|
15
|
-
size: true,
|
|
16
|
-
position: "relative",
|
|
17
|
-
variants: { size: cardRadiusVariant }
|
|
6
|
+
position: "relative"
|
|
18
7
|
});
|
|
19
8
|
const CardHeader = styled(YStack, {
|
|
20
9
|
displayName: "CardHeader",
|
|
21
|
-
context: CardContext,
|
|
22
10
|
zIndex: 10,
|
|
23
11
|
backgroundColor: "transparent",
|
|
24
|
-
marginBottom: "auto"
|
|
25
|
-
variants: { size: cardPaddingVariant }
|
|
12
|
+
marginBottom: "auto"
|
|
26
13
|
});
|
|
27
14
|
const CardFooter = styled(CardHeader, {
|
|
28
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,28 +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, env) {
|
|
7
|
-
return { borderRadius: resolveSize(val, env).frame.borderRadius };
|
|
8
|
-
});
|
|
9
|
-
var cardPaddingVariant = styled.dynamic(function(val, env) {
|
|
10
|
-
return { padding: resolveSize(val, env).frame.paddingHorizontal };
|
|
11
|
-
});
|
|
12
4
|
var CardFrame = styled(YStack, {
|
|
13
5
|
displayName: "Card",
|
|
14
|
-
|
|
15
|
-
size: true,
|
|
16
|
-
position: "relative",
|
|
17
|
-
variants: { size: cardRadiusVariant }
|
|
6
|
+
position: "relative"
|
|
18
7
|
});
|
|
19
8
|
var CardHeader = styled(YStack, {
|
|
20
9
|
displayName: "CardHeader",
|
|
21
|
-
context: CardContext,
|
|
22
10
|
zIndex: 10,
|
|
23
11
|
backgroundColor: "transparent",
|
|
24
|
-
marginBottom: "auto"
|
|
25
|
-
variants: { size: cardPaddingVariant }
|
|
12
|
+
marginBottom: "auto"
|
|
26
13
|
});
|
|
27
14
|
var CardFooter = styled(CardHeader, {
|
|
28
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,28 +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, env) => {
|
|
7
|
-
return { borderRadius: resolveSize(val, env).frame.borderRadius };
|
|
8
|
-
});
|
|
9
|
-
const cardPaddingVariant = styled.dynamic((val, env) => {
|
|
10
|
-
return { padding: resolveSize(val, env).frame.paddingHorizontal };
|
|
11
|
-
});
|
|
12
4
|
const CardFrame = styled(YStack, {
|
|
13
5
|
displayName: "Card",
|
|
14
|
-
|
|
15
|
-
size: true,
|
|
16
|
-
position: "relative",
|
|
17
|
-
variants: { size: cardRadiusVariant }
|
|
6
|
+
position: "relative"
|
|
18
7
|
});
|
|
19
8
|
const CardHeader = styled(YStack, {
|
|
20
9
|
displayName: "CardHeader",
|
|
21
|
-
context: CardContext,
|
|
22
10
|
zIndex: 10,
|
|
23
11
|
backgroundColor: "transparent",
|
|
24
|
-
marginBottom: "auto"
|
|
25
|
-
variants: { size: cardPaddingVariant }
|
|
12
|
+
marginBottom: "auto"
|
|
26
13
|
});
|
|
27
14
|
const CardFooter = styled(CardHeader, {
|
|
28
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,29 +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, env) {
|
|
37
|
-
return { borderRadius: (0, import_size.resolveSize)(val, env).frame.borderRadius };
|
|
38
|
-
});
|
|
39
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, env) {
|
|
40
|
-
return { padding: (0, import_size.resolveSize)(val, env).frame.paddingHorizontal };
|
|
41
|
-
});
|
|
42
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
43
35
|
displayName: "Card",
|
|
44
|
-
|
|
45
|
-
size: true,
|
|
46
|
-
position: "relative",
|
|
47
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
48
37
|
});
|
|
49
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
50
39
|
displayName: "CardHeader",
|
|
51
|
-
context: CardContext,
|
|
52
40
|
zIndex: 10,
|
|
53
41
|
backgroundColor: "transparent",
|
|
54
|
-
marginBottom: "auto"
|
|
55
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
56
43
|
});
|
|
57
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
58
45
|
displayName: "CardFooter",
|
package/dist/jsx/Card.native.js
CHANGED
|
@@ -30,29 +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, env) {
|
|
37
|
-
return { borderRadius: (0, import_size.resolveSize)(val, env).frame.borderRadius };
|
|
38
|
-
});
|
|
39
|
-
var cardPaddingVariant = import_web.styled.dynamic(function(val, env) {
|
|
40
|
-
return { padding: (0, import_size.resolveSize)(val, env).frame.paddingHorizontal };
|
|
41
|
-
});
|
|
42
34
|
var CardFrame = (0, import_web.styled)(import_stacks.YStack, {
|
|
43
35
|
displayName: "Card",
|
|
44
|
-
|
|
45
|
-
size: true,
|
|
46
|
-
position: "relative",
|
|
47
|
-
variants: { size: cardRadiusVariant }
|
|
36
|
+
position: "relative"
|
|
48
37
|
});
|
|
49
38
|
var CardHeader = (0, import_web.styled)(import_stacks.YStack, {
|
|
50
39
|
displayName: "CardHeader",
|
|
51
|
-
context: CardContext,
|
|
52
40
|
zIndex: 10,
|
|
53
41
|
backgroundColor: "transparent",
|
|
54
|
-
marginBottom: "auto"
|
|
55
|
-
variants: { size: cardPaddingVariant }
|
|
42
|
+
marginBottom: "auto"
|
|
56
43
|
});
|
|
57
44
|
var CardFooter = (0, import_web.styled)(CardHeader, {
|
|
58
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,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/card",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.1341.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -35,14 +35,13 @@
|
|
|
35
35
|
"clean:build": "tamagui-build clean:build"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@tamagui/create-context": "3.0.0-beta.
|
|
39
|
-
"@tamagui/helpers": "3.0.0-beta.
|
|
40
|
-
"@tamagui/
|
|
41
|
-
"@tamagui/
|
|
42
|
-
"@tamagui/web": "3.0.0-beta.1313.1"
|
|
38
|
+
"@tamagui/create-context": "3.0.0-beta.1341.1",
|
|
39
|
+
"@tamagui/helpers": "3.0.0-beta.1341.1",
|
|
40
|
+
"@tamagui/stacks": "3.0.0-beta.1341.1",
|
|
41
|
+
"@tamagui/web": "3.0.0-beta.1341.1"
|
|
43
42
|
},
|
|
44
43
|
"devDependencies": {
|
|
45
|
-
"@tamagui/build": "3.0.0-beta.
|
|
44
|
+
"@tamagui/build": "3.0.0-beta.1341.1",
|
|
46
45
|
"react": "19.2.3",
|
|
47
46
|
"react-native": "0.86.2"
|
|
48
47
|
},
|
package/src/Card.tsx
CHANGED
|
@@ -1,48 +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, env) => {
|
|
11
|
-
return {
|
|
12
|
-
borderRadius: resolveSize(val, env).frame.borderRadius,
|
|
13
|
-
}
|
|
14
|
-
})
|
|
15
|
-
|
|
16
|
-
const cardPaddingVariant = styled.dynamic<SizeTokens | true>((val, env) => {
|
|
17
|
-
return {
|
|
18
|
-
padding: resolveSize(val, env).frame.paddingHorizontal,
|
|
19
|
-
}
|
|
20
|
-
})
|
|
21
|
-
|
|
22
|
-
// Unstyled Card frame: structural layout + the size mechanism (size-derived
|
|
23
|
-
// radius on the frame, size-derived padding on Header/Footer) only. The theme
|
|
24
|
-
// 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).
|
|
25
7
|
export const CardFrame = styled(YStack, {
|
|
26
8
|
displayName: 'Card',
|
|
27
|
-
context: CardContext,
|
|
28
|
-
size: true,
|
|
29
9
|
position: 'relative',
|
|
30
|
-
|
|
31
|
-
variants: {
|
|
32
|
-
size: cardRadiusVariant,
|
|
33
|
-
} as const,
|
|
34
10
|
})
|
|
35
11
|
|
|
36
12
|
export const CardHeader = styled(YStack, {
|
|
37
13
|
displayName: 'CardHeader',
|
|
38
|
-
context: CardContext,
|
|
39
14
|
zIndex: 10,
|
|
40
15
|
backgroundColor: 'transparent',
|
|
41
16
|
marginBottom: 'auto',
|
|
42
|
-
|
|
43
|
-
variants: {
|
|
44
|
-
size: cardPaddingVariant,
|
|
45
|
-
} as const,
|
|
46
17
|
})
|
|
47
18
|
|
|
48
19
|
export const CardFooter = styled(CardHeader, {
|
package/types/Card.d.ts
CHANGED
|
@@ -1,36 +1,18 @@
|
|
|
1
1
|
import type { GetProps } from '@tamagui/web';
|
|
2
|
-
export declare const CardFrame: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
3
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
4
|
-
}> & 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, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
5
3
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
6
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
7
|
-
|
|
8
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
9
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
10
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
11
|
-
}, 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];
|
|
12
6
|
};
|
|
13
|
-
export declare const CardHeader: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
14
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
15
|
-
}> & 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, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
16
8
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
17
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
18
|
-
|
|
19
|
-
}, 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, {
|
|
21
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
22
|
-
}, 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];
|
|
23
11
|
};
|
|
24
|
-
export declare const CardFooter: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
25
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
26
|
-
}> & 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, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
27
13
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
28
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
29
|
-
|
|
30
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
31
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
32
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
33
|
-
}, 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];
|
|
34
16
|
};
|
|
35
17
|
export declare const CardBackground: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
36
18
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
@@ -40,38 +22,20 @@ export declare const CardBackground: import("react").FunctionComponent<Omit<impo
|
|
|
40
22
|
export type CardHeaderProps = GetProps<typeof CardHeader>;
|
|
41
23
|
export type CardFooterProps = GetProps<typeof CardFooter>;
|
|
42
24
|
export type CardProps = GetProps<typeof CardFrame>;
|
|
43
|
-
export declare const Card: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
44
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
45
|
-
}> & 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, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
46
26
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
47
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
48
|
-
|
|
49
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
50
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
51
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
52
|
-
}, 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];
|
|
53
29
|
} & {
|
|
54
|
-
Header: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
55
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
56
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
30
|
+
Header: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
57
31
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
58
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
59
|
-
|
|
60
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
61
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
62
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
63
|
-
}, 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];
|
|
64
34
|
};
|
|
65
|
-
Footer: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps,
|
|
66
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
67
|
-
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
35
|
+
Footer: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
68
36
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
69
|
-
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
70
|
-
|
|
71
|
-
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
72
|
-
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
73
|
-
size?: import("@tamagui/web").Size | undefined;
|
|
74
|
-
}, 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];
|
|
75
39
|
};
|
|
76
40
|
Background: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
77
41
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
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"}
|