@tamagui/card 1.0.1-beta.220 → 1.0.1-beta.221
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.js +15 -18
- package/dist/cjs/Card.js.map +2 -2
- package/dist/esm/Card.js +15 -19
- package/dist/esm/Card.js.map +2 -2
- package/dist/jsx/Card.js +11 -15
- package/dist/jsx/Card.js.map +2 -2
- package/package.json +5 -5
- package/src/Card.tsx +17 -22
- package/types/Card.d.ts +2 -2
package/dist/cjs/Card.js
CHANGED
|
@@ -35,7 +35,6 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
35
35
|
var import_core = require("@tamagui/core");
|
|
36
36
|
var import_stacks = require("@tamagui/stacks");
|
|
37
37
|
var import_react = __toESM(require("react"));
|
|
38
|
-
import_react.default["createElement"];
|
|
39
38
|
const CardFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
40
39
|
name: "Card",
|
|
41
40
|
backgroundColor: "$background",
|
|
@@ -86,23 +85,21 @@ const CardBackground = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
|
86
85
|
});
|
|
87
86
|
const Card = (0, import_core.withStaticProperties)(
|
|
88
87
|
CardFrame.extractable(
|
|
89
|
-
(0,
|
|
90
|
-
(
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}
|
|
105
|
-
)
|
|
88
|
+
(0, import_react.forwardRef)(
|
|
89
|
+
({ size, __scopeCard, children, ...props }, ref) => {
|
|
90
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardFrame, {
|
|
91
|
+
ref,
|
|
92
|
+
...props,
|
|
93
|
+
children: import_react.default.Children.map(children, (child) => {
|
|
94
|
+
if ((0, import_core.isTamaguiElement)(child) && !child.props.size) {
|
|
95
|
+
return (0, import_react.cloneElement)(child, {
|
|
96
|
+
size
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
return child;
|
|
100
|
+
})
|
|
101
|
+
});
|
|
102
|
+
}
|
|
106
103
|
)
|
|
107
104
|
),
|
|
108
105
|
{
|
package/dist/cjs/Card.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n//
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n// size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n // <CardProvider scope={__scopeCard} size={size}>\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n // </CardProvider>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n\n// export { createCardScope, useCardContext }\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwFU;AAxFV,kBAOO;AAEP,oBAA+B;AAC/B,mBAAgD;AAYzC,MAAM,gBAAY,oBAAO,8BAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAa,oBAAO,8BAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,iBAAa,oBAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,qBAAiB,oBAAO,8BAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,WAAO;AAAA,EAClB,UAAU;AAAA,QACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,aAAa,MAAM,GAAG,QAAQ;AAClD,eAEE,4CAAC;AAAA,UAAU;AAAA,UAAW,GAAG;AAAA,UACtB,uBAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,oBAAI,8BAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,yBAAO,2BAAa,OAAO;AAAA,gBACzB;AAAA,cACF,CAAC;AAAA,YACH;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,SACH;AAAA,MAGJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/dist/esm/Card.js
CHANGED
|
@@ -2,12 +2,10 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import {
|
|
3
3
|
isTamaguiElement,
|
|
4
4
|
styled,
|
|
5
|
-
themeable,
|
|
6
5
|
withStaticProperties
|
|
7
6
|
} from "@tamagui/core";
|
|
8
7
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
9
8
|
import React, { cloneElement, forwardRef } from "react";
|
|
10
|
-
React["createElement"];
|
|
11
9
|
const CardFrame = styled(ThemeableStack, {
|
|
12
10
|
name: "Card",
|
|
13
11
|
backgroundColor: "$background",
|
|
@@ -58,23 +56,21 @@ const CardBackground = styled(ThemeableStack, {
|
|
|
58
56
|
});
|
|
59
57
|
const Card = withStaticProperties(
|
|
60
58
|
CardFrame.extractable(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
)
|
|
59
|
+
forwardRef(
|
|
60
|
+
({ size, __scopeCard, children, ...props }, ref) => {
|
|
61
|
+
return /* @__PURE__ */ jsx(CardFrame, {
|
|
62
|
+
ref,
|
|
63
|
+
...props,
|
|
64
|
+
children: React.Children.map(children, (child) => {
|
|
65
|
+
if (isTamaguiElement(child) && !child.props.size) {
|
|
66
|
+
return cloneElement(child, {
|
|
67
|
+
size
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
return child;
|
|
71
|
+
})
|
|
72
|
+
});
|
|
73
|
+
}
|
|
78
74
|
)
|
|
79
75
|
),
|
|
80
76
|
{
|
package/dist/esm/Card.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n//
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n// size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n // <CardProvider scope={__scopeCard} size={size}>\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n // </CardProvider>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n\n// export { createCardScope, useCardContext }\n"],
|
|
5
|
+
"mappings": "AAwFU;AAxFV;AAAA,EAGE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAC/B,OAAO,SAAS,cAAc,kBAAkB;AAYzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,aAAa,MAAM,GAAG,QAAQ;AAClD,eAEE,oBAAC;AAAA,UAAU;AAAA,UAAW,GAAG;AAAA,UACtB,gBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,gBAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,qBAAO,aAAa,OAAO;AAAA,gBACzB;AAAA,cACF,CAAC;AAAA,YACH;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,SACH;AAAA,MAGJ;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/Card.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
isTamaguiElement,
|
|
3
3
|
styled,
|
|
4
|
-
themeable,
|
|
5
4
|
withStaticProperties
|
|
6
5
|
} from "@tamagui/core";
|
|
7
6
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
8
7
|
import React, { cloneElement, forwardRef } from "react";
|
|
9
|
-
React["createElement"];
|
|
10
8
|
const CardFrame = styled(ThemeableStack, {
|
|
11
9
|
name: "Card",
|
|
12
10
|
backgroundColor: "$background",
|
|
@@ -57,19 +55,17 @@ const CardBackground = styled(ThemeableStack, {
|
|
|
57
55
|
});
|
|
58
56
|
const Card = withStaticProperties(
|
|
59
57
|
CardFrame.extractable(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
)
|
|
58
|
+
forwardRef(
|
|
59
|
+
({ size, __scopeCard, children, ...props }, ref) => {
|
|
60
|
+
return <CardFrame ref={ref} {...props}>{React.Children.map(children, (child) => {
|
|
61
|
+
if (isTamaguiElement(child) && !child.props.size) {
|
|
62
|
+
return cloneElement(child, {
|
|
63
|
+
size
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
return child;
|
|
67
|
+
})}</CardFrame>;
|
|
68
|
+
}
|
|
73
69
|
)
|
|
74
70
|
),
|
|
75
71
|
{
|
package/dist/jsx/Card.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Card.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n//
|
|
5
|
-
"mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,
|
|
4
|
+
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n isTamaguiElement,\n styled,\n themeable,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ScopedProps, createContextScope } from '@tamagui/create-context'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { cloneElement, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// const CARD_NAME = 'CARD'\n\n// type CardContextValue = {\n// size?: SizeTokens\n// }\n\n// const [createCardContext, createCardScope] = createContextScope(CARD_NAME)\n// const [CardProvider, useCardContext] = createCardContext<CardContextValue>(CARD_NAME)\n\nexport const CardFrame = styled(ThemeableStack, {\n name: 'Card',\n backgroundColor: '$background',\n position: 'relative',\n overflow: 'hidden',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n borderRadius: tokens.radius[val] ?? val,\n }\n },\n },\n } as const,\n\n defaultVariants: {\n size: '$4',\n },\n})\n\nexport const CardHeader = styled(ThemeableStack, {\n name: 'CardHeader',\n zIndex: 10,\n backgroundColor: 'transparent',\n marginBottom: 'auto',\n\n variants: {\n size: {\n '...size': (val, { tokens }) => {\n return {\n padding: tokens.space[val] ?? val,\n }\n },\n },\n } as const,\n})\n\nexport const CardFooter = styled(CardHeader, {\n name: 'CardFooter',\n zIndex: 5,\n flexDirection: 'row',\n marginTop: 'auto',\n marginBottom: 0,\n})\n\nexport const CardBackground = styled(ThemeableStack, {\n name: 'CardBackground',\n zIndex: 0,\n fullscreen: true,\n overflow: 'hidden',\n pointerEvents: 'none',\n padding: 0,\n})\n\nexport type CardHeaderProps = GetProps<typeof CardHeader>\nexport type CardFooterProps = GetProps<typeof CardFooter>\n\nexport type CardProps = GetProps<typeof CardFrame>\n\nexport const Card = withStaticProperties(\n CardFrame.extractable(\n forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(\n ({ size, __scopeCard, children, ...props }, ref) => {\n return (\n // <CardProvider scope={__scopeCard} size={size}>\n <CardFrame ref={ref} {...props}>\n {React.Children.map(children, (child) => {\n if (isTamaguiElement(child) && !child.props.size) {\n return cloneElement(child, {\n size,\n })\n }\n return child\n })}\n </CardFrame>\n // </CardProvider>\n )\n }\n )\n ),\n {\n Header: CardHeader,\n Footer: CardFooter,\n Background: CardBackground,\n }\n)\n\n// export { createCardScope, useCardContext }\n"],
|
|
5
|
+
"mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAC/B,OAAO,SAAS,cAAc,kBAAkB;AAYzC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,QAAQ;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,gBAAgB;AAAA,EAC/C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,SAAS,OAAO,MAAM,QAAQ;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,aAAa,OAAO,YAAY;AAAA,EAC3C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAChB,CAAC;AAEM,MAAM,iBAAiB,OAAO,gBAAgB;AAAA,EACnD,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EACf,SAAS;AACX,CAAC;AAOM,MAAM,OAAO;AAAA,EAClB,UAAU;AAAA,IACR;AAAA,MACE,CAAC,EAAE,MAAM,aAAa,aAAa,MAAM,GAAG,QAAQ;AAClD,eAEE,CAAC,UAAU,KAAK,SAAS,QACtB,MAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AACvC,cAAI,iBAAiB,KAAK,KAAK,CAAC,MAAM,MAAM,MAAM;AAChD,mBAAO,aAAa,OAAO;AAAA,cACzB;AAAA,YACF,CAAC;AAAA,UACH;AACA,iBAAO;AAAA,QACT,CAAC,EACH,EATC;AAAA,MAYL;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EACd;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/card",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.221",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
}
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
34
|
-
"@tamagui/create-context": "^1.0.1-beta.
|
|
35
|
-
"@tamagui/stacks": "^1.0.1-beta.
|
|
33
|
+
"@tamagui/core": "^1.0.1-beta.221",
|
|
34
|
+
"@tamagui/create-context": "^1.0.1-beta.221",
|
|
35
|
+
"@tamagui/stacks": "^1.0.1-beta.221"
|
|
36
36
|
},
|
|
37
37
|
"peerDependencies": {
|
|
38
38
|
"react": ">=18",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"react-native": "*"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
43
|
+
"@tamagui/build": "^1.0.1-beta.221",
|
|
44
44
|
"@types/react-native": "^0.69.2",
|
|
45
45
|
"react": ">=18",
|
|
46
46
|
"react-dom": ">=18",
|
package/src/Card.tsx
CHANGED
|
@@ -11,9 +11,6 @@ import { ThemeableStack } from '@tamagui/stacks'
|
|
|
11
11
|
import React, { cloneElement, forwardRef } from 'react'
|
|
12
12
|
import { View } from 'react-native'
|
|
13
13
|
|
|
14
|
-
// bugfix esbuild strips react jsx: 'preserve'
|
|
15
|
-
React['createElement']
|
|
16
|
-
|
|
17
14
|
// const CARD_NAME = 'CARD'
|
|
18
15
|
|
|
19
16
|
// type CardContextValue = {
|
|
@@ -85,25 +82,23 @@ export type CardProps = GetProps<typeof CardFrame>
|
|
|
85
82
|
|
|
86
83
|
export const Card = withStaticProperties(
|
|
87
84
|
CardFrame.extractable(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
(
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}
|
|
106
|
-
)
|
|
85
|
+
forwardRef<HTMLElement | View, ScopedProps<CardProps, 'Card'>>(
|
|
86
|
+
({ size, __scopeCard, children, ...props }, ref) => {
|
|
87
|
+
return (
|
|
88
|
+
// <CardProvider scope={__scopeCard} size={size}>
|
|
89
|
+
<CardFrame ref={ref} {...props}>
|
|
90
|
+
{React.Children.map(children, (child) => {
|
|
91
|
+
if (isTamaguiElement(child) && !child.props.size) {
|
|
92
|
+
return cloneElement(child, {
|
|
93
|
+
size,
|
|
94
|
+
})
|
|
95
|
+
}
|
|
96
|
+
return child
|
|
97
|
+
})}
|
|
98
|
+
</CardFrame>
|
|
99
|
+
// </CardProvider>
|
|
100
|
+
)
|
|
101
|
+
}
|
|
107
102
|
)
|
|
108
103
|
),
|
|
109
104
|
{
|
package/types/Card.d.ts
CHANGED
|
@@ -406,7 +406,7 @@ export declare const CardBackground: import("@tamagui/core").TamaguiComponent<(O
|
|
|
406
406
|
export declare type CardHeaderProps = GetProps<typeof CardHeader>;
|
|
407
407
|
export declare type CardFooterProps = GetProps<typeof CardFooter>;
|
|
408
408
|
export declare type CardProps = GetProps<typeof CardFrame>;
|
|
409
|
-
export declare const Card:
|
|
409
|
+
export declare const Card: React.ForwardRefExoticComponent<Omit<import("@tamagui/types-react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
410
410
|
readonly fullscreen?: boolean | undefined;
|
|
411
411
|
readonly elevation?: SizeTokens | undefined;
|
|
412
412
|
} & {
|
|
@@ -462,7 +462,7 @@ export declare const Card: ((props: Omit<Omit<import("@tamagui/types-react-nativ
|
|
|
462
462
|
readonly size?: SizeTokens | undefined;
|
|
463
463
|
}>> & {
|
|
464
464
|
__scopeCard?: import("@tamagui/create-context").Scope<any>;
|
|
465
|
-
} & React.RefAttributes<HTMLElement | View
|
|
465
|
+
} & React.RefAttributes<HTMLElement | View>> & {
|
|
466
466
|
Header: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/types-react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
467
467
|
readonly fullscreen?: boolean | undefined;
|
|
468
468
|
readonly elevation?: SizeTokens | undefined;
|